1. Escribirpara la Web Pistas para seducir a la nueva audiencia Programa de Especialización en PERIODISMO DIGITAL CUP 2011

3. ¿Dónde estamos hoy? Un cambio de paradigma radical: sólo comparable con la creación de la imprenta: mercado gente tecnología periodistas medios

7. Intermediación

8. Periodicidad

9. Lineal

11. contexto Crisis radical de la prensa Superabundancia de información Escasez de atención Fragmentación de la audiencia Recambio generacional Sustitución tecnológica Disolución de la influencia Pérdida de la hegemonía editorial

12. Efectos en la industria

13. Nuevo perfil Gestionar comunidades online Seleccionar y jerarquizar Narrativa multimedia Liderar sitios hiperlocales Interpretar estadísticas Entender la tecnología Agnósticos en la plataforma Entender el cambio Adaptarse rápido

14. FIN DEL PERIODISMO(como lo conocemos) Jean Francoise Fogel (Le Monde)

16. Las treS ETAPAs PRENSA - INTERNET

17. Internet, año XVII

18. Navegar Por primera vez es posible ir de una página a otra Hasta entonces, nadie podía encontrar las páginas

20. Buscar Modifica la forma de desplazarse por Internet Palabras claves, algoritmos, relevancia, links

21. Redes sociales Friendster MySpace Facebook Filtro social de la información Reproducen nuestra red de relaciones sociales en Internet “Lo que a mis amigos les gusta, a mí me interesa”

22. Tráfico [ARG] Facebook Google Googler Ar YouTube Windows Live Blogger Yahoo Taringa Mercado Libre Wikipedia MSN Clarín.com Twitter La Nación Olé Infobae.com LinkedIn Google Español Megaupload Wordpress

29. Romper La home page no es el único modo de llegar a la información Hay múltiples canales Seguimos formateados en las estructuras tradicionales Sitio: una suma de fragmentos noticiosos

30. Narrativa digital

31. www.tenbyten.org

32. www.netvibes.com

34. Marcadores sociales

36. www.oskope.com

38. ESCRIBIR PARA INTERNET

39. La revolución de la información

40. “¡ES EL USUARIO, ESTÚPIDO!”

41. Estudio EyeTrack IIIPoynterInstituteUniversidad de Standford

42. Leer “luz” Primero se fijan en la parte superior izquierda de la página Luego de izquierda a derecha. Después de leer con atención la porción superior, los ojos exploran más abajo.

44. Patrón de lectura

45. El ojo yla pantalla

46. Heatmaps

47. Títulos Titulares: atraen la atención cuando están en la parte superior izquierda Con más frecuencia (pero no siempre) cuando están en la parte superior derecha.

49. Navegación superior atrae mucha atención

50. Las fotografías no son el punto de entrada a la página de inicio. El texto domina las pantallas Tanto en el orden en que es visto como en el tiempo gastado en él.

52. Titulares subrayados y rupturas visuales desaniman a la gente a mirar más allá. Tipografías más pequeñas motivan una visión enfocada Tipografías más grandes promueven el escaneo.

53. Contenido Si las primeras dos palabras los animan, tienen la tendencia a continuar. En promedio, un titular tiene menos de un segundo de la atención. Para los titulares, las primeras dos palabras cautivan de la atención.

54. TEASER DE IMPACTO TEASER INFORMATIVO TEASER POR OMISIÓN TEASER DE PREGUNTA

57. Contenido Los “teasers” deben ser cortos El primer par de palabras necesita capturar la atención del visitante. Longitud promedio del “teaser”: Mínimo 10 palabras Máximo de 25

58. Atribuir y citar

59. Párrafos Los párrafos más cortos se desempeñaron mejor que los más largos: Reciben el doble de atención visual El formato de párrafos largos desestimula su observación.

60. BBCespañol

61. TN

62. BBC

63. “Scroll”vertical La gente típicamente mira más allá de la primera pantalla: busca algo que capture su atención. Sus ojos pueden fijarse en un titular interesante o palabra que se destaque. Esto señala la necesidad de escribir titulares atractivos.

64. Textos Gráficos Se recordaban los hechos, nombres y lugares cuando eran presentados en formato texto. La información conceptual era más exactamente recordada cuando los participantes la recibían en un formato gráfico multimedia.

66. Síntesis El texto atrae más que los gráficos o fotos. Los titulares directos y simples funcionan mejor. En una página promedio, los usuarios se fijaron más en fotos que en gráficos: 64% de fotos y 22% de gráficos.

67. Síntesis Las historias cortas fueron tres veces más vistas que las largas. Cuando los usuarios encontraron una historia con un párrafo de introducción en negrita, el 95 de ellos lo miraron todo o parte. En general, la lectura es superficial. Sin embargo, cuando se encuentra algo de interés es más profunda (más del 75% del texto elegido).

69. REDACCIÓN

70. Lenguaje en la Web Los cibermedios han comenzado a diseñar un lenguaje propio Aspira a aprovechar las posibilidades propiciadas por la nueva plataforma digital.

71. Tres ejes Multimedialidad Hipertextualidad Interactividad

72. Hipertextual Estructuras discursivas lineales y no lineales Unidades de contenido multimedia enlazadas entre sí Deben articular un discurso coherente, completo y múltiple.

73. Economía del enlace

74. Forma Extensión. Un texto en Internet no debe ser extenso. Reducirlo a la mitad. Datación. Indica lugar y fecha de origen de una información. Ej: Córdoba, mayor de 2011. Titulares. Lo más informativos y descriptivos posible.

75. CÉLULA INFORMATIVA

76. Pirámide invertida Sumario Datos, explicaciones y citas Orden de interés decreciente TRUCTURA DISCURSIVA

77. Recuperar modalidades básicas de enunciación Narración Descripción Exposición Argumentación Célulasinformativas

78. MODELO DIAMANTE

79. Modelo diamante Modelo de dos dimensiones: velocidad y profundidad

81. Alerta Desde teléfono móvil, Blackberry, o laptop con WiFi. Los suscriptores de alertas de texto, E-mail, feeds de Twitter o Facebook serán inmediatamente notificados.

82. Borrador Muy rústico para imprimir o salir al aire, pero perfecto para los blogs. Similar a un cable, da los nombres, lugares, detalles iniciales, y fuentes. Se actualiza a medida que llegan nuevos detalles. Posiciona en Google News.

83. ArtículoPaquete En medio de los dos extremos de velocidad y profundidad. Artículo de 300 palabras o el paquete de 3 minutos. Valores de producción mayores: puede ser on line, impreso o salir al aire, o todos los anteriores.

84. Contexto Contexto: online, espacio infinito para proveer contexto instantáneo y extensivo. El hipertexto es central aquí.

85. Análisis Análisis y Reflexión: Reacción en la blogósfera en general, blogs y foros, y de forma proactiva desde los informados y afectados.

86. Interactividad Interactividad (Interactivity): Flash interactivo combinando hipertexto, audio, video, animación y bases de datos Un foro Wiki Chats en vivo

87. Persona lización Automática. Suscribirse por e-mail, textos o RSS a esa historia en particular. Recomendación social. Periodismo de base de datos. La historia que nunca acaba: noticia como proceso antes que como un producto acabado.

90. PIRÁMIDE TUMBADA

91. Básico Arquitectura que se inicia con un nivel de información menos exigente Y evoluciona hacia niveles de mayor cantidad y complejidad de la información

92. Básico Nodos: piezas informativas multimedia que desarrollan el contenido de la información Enlaces: conexiones que cumplen funciones documentales y narrativas. Estructuran la información en capas

93. Tipos de enlaces

94. Pirámide tumbada

95. Los 4 niveles de la pirámide Unidad Base: responde a lo esencial (qué, cuándo, quién y dónde). Una idea general del contenido (enlaces de ampliación) Explicación: responde al por qué y al cómo, completando la información esencial sobre el acontecimiento (enlaces narrativos). Contextualización: más información sobre cada una de las cuestiones fundamentales, con enlaces documentales y de definición. Enlaces internos al archivo o a fuentes externas. Exploración: nivel en que los “enlaces de definición”, ahondan más determinados temas, haciendo la conexión con archivos externos.

96. Nuevo > La pirámide invertida ya no tiene sentido. Es el usuario el que decide su recorrido de lectura. La información se organiza horizontalmente de menos a más información.

97. Reglas Cada nodo debe tener unidad autónoma de sentido Destacar enlaces mediante palabras que tengan una relación semántica fuerte con el contenido. No aglutinar demasiados enlaces en un párrafo.

98. Reglas Hacer una distribución de enlaces a lo largo de toda la noticia Deben funcionar como ancla para los ojos.

99. Reglas Quién: fotografía Dónde: mapa Cómo: video (contexto) Por qué: audio para entrevistas extensas

100. Modelocebolla Inmediatez Profundidad

101. Los usos de la pirámide

102. Nivel básico

105. Mayor profundidad

106. USABILIDAD

107. Premisa Los navegantes escanean en busca de informaciones útiles y creíbles. No leen más de mil palabras. La lectura en pantalla implica una incomodidad y un esfuerzo mayor.

108. Premisa 1 La lectura en la pantalla resulta un 25% más lenta que sobre el papel.

109. Premisa 2 El tiempo medio que los lectores dedican al diario en papel es de 20 minutos En la web: siete minutos. Los usuarios leen noticias en promedio en un 75 % de cada artículo Los lectores de diarios y revistas leen menos del 30% de cada artículo.

113. Lenguaje objetivo, sin exceso de adjetivos o palabras redundantes No usar lenguaje promocional. Colores de texto y fondo con suficiente contraste. Lenguaje simple e informal es más adecuado que el elegante o formal

115. Un estudio de Nielsen y Morkes (1997) muestra que el lenguaje conciso y objetivo, así como una estructura escaneable, aumenta la usabilidad de un sitio web en un 124%.

116. Evitar repeticiones

120. MANUAL DE ESTILO

121. Manual En el papel la gente ojea y lee. En internet escanea y lee poco y rápido. Cambia completamente el pacto entre el lector y el escritor. La actitud del usuario es completamente distinta. En la web se busca, no se lee.

122. Claves Oralidad Inmediatez Vivacidad Claridad Brevedad Concisión Énfasis Hipertexto

123. Estilo > Oralidad: Se aproxima más a la conversación que a la escritura. El estilo conversacional y personal crea empatía e intimidad con los lectores

124. Estilo > Inmediatez: texto apegado a la información El estilo de la escritura debe reflejar la sensación de proceso, de información en marcha y actualización.

125. Estilo > Vivacidad:cuanto más vivas y animadas sean las informaciones, mejor. El lector quiere ver la información en la web, sentirla, acercarse a ella, más que leerla. Construcciones dinámicas sobre las estáticas.

126. Estilo > Claridad: en la web se escribe para todos los públicos Muchos lectores no están familiarizados con la información y su contexto. Llegan de buscadores y de enlaces sin tener idea Las informaciones deben ser muy claras y completas.

127. Estilo > Brevedad: Los usuarios pasan poco tiempo en la web. Las frases y los párrafos deben ser cortos y directos.

128. Estilo Concisión: cuanto antes llegue el usuario a lo esencial de la información, más satisfecho estará. La tesis y lo más importante debe estar en el título, en las bajadas y en las primeras frases de la información.

129. Estilo > Énfasis: verbal, gramatical y tipográfico. Cambiar los ritmos de las frases, utilizar subidas de tensión Emplear negritas para sostener la lectura de los usuarios.

130. Estilo > Hipertexto: elemento propio y diferencial del lenguaje y la estructura de la web. Enlaces internos (a otros contenidos del sitio) Y externos Cada párrafo debe ser inteligible en sí mismo

131. ¿CÓMO FUNCIONA GOOGLE?

135. 1 LINK = 1 VOTO

136. Principios generales Para los medios, Google es el equivalente a la gerencia de Circulación: distribuye casi el 50% de las visitas y tiene un rol muy importante en la vida de los usuarios.

137. Principios generales Los periodistas podemos contribuir al posicionamiento en las búsquedas: Creando volumen de contenido relevante para los usuarios y visible para el robot del buscador. Elposicionamiento ayuda a aumentar y ampliar la audiencia. El estar bien posicionados ayuda a que otras personas, encuentren nuestra información.

138. “Do what you do best and link the rest” Jeff Jarvis

139. LINKSTAGSPALABRAS CLAVESTÍTULOBAJADATEXTO

140. DecálogoPor @Mancini Si no vas a ponerlinks, no publiques la nota Añadir links es tan parte de la noticiacomo el titular Enlaces internosparacomplementar y ofrecer background sin extender mucho el texto Enlaces externosparainformaciónrelacionada No enlaces dos o treslíneas de textoseguidas

141. Deben serprecisos: abarcarsólo el textoquehacereferencia a la páginavinculada Priorizar enlaces a tussitios y blogs Verificarque los links funcionen y quellevenbien Enlazá a la competenciasiesnecesario (previoconsenso) Los enlaces mejorar el posicionamiento en buscadores

142. LINKS ENTRANTES La misión es atraer links relevantes desde otros sitios. Tarea indispensable para blogs. Tratar de lograr que nos citen con links hacia el sitio o hacia notas. Solicitar la cita.

144. LINKS INTERNOS Ayudan a los usuarios y a los robots de Google a establecer conexiones entre contenidos de nuestro sitio y transmitir relevancia entre documentos. Hacia artículos relacionados Hacia portadillas automáticas de temas, nombres, organizaciones, empresas o lugares. El objetivo es aumentar la relevancia de las páginas automáticas.

145. A nota relacionada

146. A portadilla

147. LINKS SALIENTES Links salientes: incluir enlaces desde nuestros artículos hacia sitios creíbles y bien posicionados en la Web es fundamental. Sólo se limita a sitios de la competencia local cuando no sea contenido exclusivo.

148. Link externo

149. Estilo de links Respetar siempre los criterios de atractivo editorial y no redundancia Debe coincidir la etiqueta (palabra linkeada) con la página hacia la que dirige Talleres / Schiaretti Título de nota relacionada Sitio externo: Gobierno de Córdoba

150. LINKSTAGSPALABRAS CLAVESTÍTULOBAJADATEXTO

151. Palabras clave: contribuyen a dar visibilidad a las notas en buscadores (Córdoba, niño, peronista, cuarteto). Incluir en títulos, bajadas y textos. Tags: etiquetas para la noticia. Descriptores concretos que estructuran y ordenan la información de la web. DIFERENCIA

153. Tags Organizan el contenido en nuestros sitios: son fundamentales. La clasificación de palabras claves debe ser sistemática, relevante y coherente.

154. Breve manual de estilo Breves. Ejemplo: en vez de Fondo Monetario Internacional será FMI . Conocidos. Tendrá prioridad la taxonomía “más conocida”. Ejemplo: Duhalde, Luis Duhalde. Máximo. Tres tags por noticia: persona, lugar, tema

155. Breve manual de estilo Criterio homogéneo. Una mayúscula o un acento modifican el tag. Relevantes. De nada sirven personajes, lugares o instituciones poco conocidas. Temas. Evitar sustantivos o adjetivos (espectacular, auto, playa) o términos que no hagan referencia a temas de cobertura periodística. Pertinentes. Si los tags no son pertinentes, distorsionará los resultados de búsqueda.

156. DecálogoFundeuPor @Mancini Másesmejor Usámayúculas, tildes y ñ Separar con comas Palabrasquedescriban el tema: muyespecíficas Pensá en palabrasqueusaríasparabuscartu nota en Google Taggearpermitesegmentarmejor el contenido Los tags son múltiplespuertas de entrada al contenido Los buscadoresaman los tags

157. LINKSTAGSPALABRAS CLAVESTÍTULOBAJADATEXTO

158. TITULARES Saturación: Los usuarios ven más titulares en un pantallazo de la web de los que ven en papel. Descontextualización: acceso a las noticias a través de otras páginas y servicios ajenos Multititular: uno para la información y otro para las portadas.

159. / papel

160. / web

161. / titulares

162. / RSS

163. / Móvil

164. / vía pública

165. Titulares Portadas: deben ser más cortos y pueden tener más gancho y ser más apelativos Artículo: con ellos se forma la dirección URL de cada página Se ven en el título del navegador Aparecen en buscadores, internos y externos, en los resultados de las búsquedas. Cortos: máximo de dos líneas en portada y 1 en artículo.

166. Título home

167. Titulares Informativos y descriptivos Completos: comprensible y completo en sí mismo, sin apoyarse en el resto de recursos de titulación posibles. La medida del título no debería superar nunca los 65 caracteres que admite Google en los titulares. Palabras clave: incluir siempre palabras clave del contenido, que los usuarios utilizarían en un buscador.

168. Titulares Con la mayor información de referencia posible (tiempo y espacio). Para frases entrecomilladas, con identificación del enunciador. Referencia completa a hechos, lugares y personas.

169. Prueba de la blancura Hacer una búsqueda en Google, testeando las palabras clave Evaluar la relevancia, calidad y cantidad de los resultados. Ver si el titular se colocaría en una buena posición Una buena señal: los anuncios contextuales de Google. Esto indicará que se entiende bien por el buscador y que es capaz de relacionarlo con otros términos de búsqueda.

170. LINKSTAGSPALABRAS CLAVESTÍTULOBAJADATEXTO

171. BAJADAS Google muestra sólo alrededor de 160 caracteres, unas 25 palabras, y corta la frase.

172. Bajadas Google News muestra 250 espacios, unas 20/30 palabras. Y se corta. Esos primeros 160 caracteres son claves para el entendimiento y relevancia de una información.

173. TEXTOS Párrafos cortos: los párrafos deben ser muy cortos en la pantalla. Oraciones simples: la gramática, cuanto más simple y concisa, mejor. Sintaxis sencilla Puntos o listados: guían la lectura y animan a seguir. Negritas: facilitan la lectura, pero no hay que abusar. Itálicas: no se recomiendan

174. Prueba de la blancura Hacer una búsqueda en Google, testeando las palabras clave Evaluar la relevancia, calidad y cantidad de los resultados. Ver si el titular se colocaría en una buena posición Una buena señal: los anuncios contextuales de Google. Esto indicará que se entiende bien por el buscador y que es capaz de relacionarlo con otros términos de búsqueda.

175. Bajada Google muestra sólo alrededor de 160 caracteres, unas 25 palabras, y corta la frase.

176. Bajadas Google News muestra 250 espacios, unas 20/30 palabras. Y se corta. Esos primeros 160 caracteres son claves para el entendimiento y relevancia de una información.

177. Textos Párrafos cortos: los párrafos deben ser muy cortos en la pantalla. Oraciones simples: la gramática, cuanto más simple y concisa, mejor. Sintaxis sencilla Puntos o listados: guían la lectura y animan a seguir. Negritas: facilitan la lectura, pero no hay que abusar. Itálicas: no se recomiendan

178. MANOS A LA OBRA

179. AHORA! Una noticia de último momento pone en movimiento el modelo de noticia “diamante” Prepará cada una de las piezas informativas y publicalas en WP El último post debe ser el nodo central, que linkea a todo lo demás