Este documento presenta varias pautas para escribir contenido efectivo para la web. Explica que los lectores en línea escanean rápidamente en busca de información relevante, por lo que los textos deben ser breves, claros y estar estructurados en niveles para brindar diferentes grados de profundidad. También enfatiza la importancia de usar un lenguaje sencillo, titulares atractivos, párrafos cortos y enlaces hipertextuales para guiar a los lectores.

1. Escribirpara la WebPistas para seducir a la nueva audienciaPrograma de Especialización enPERIODISMO DIGITAL CUP 2011

3. ¿Dónde estamos hoy?Un cambio de paradigma radical: sólo comparable con la creación de la imprenta:mercadogentetecnologíaperiodistasmedios

6. SuperabundanciaDesintermediaciónTiempo realNo linealMultimediaLlegó la era digitalEscasez

7. Intermediación

8. Periodicidad

9. Lineal

10. MonomediaLlegó la era digital

11. contexto Crisis radical de la prensaSuperabundancia de informaciónEscasez de atenciónFragmentación de la audienciaRecambio generacionalSustitución tecnológicaDisolución de la influenciaPérdida de la hegemonía editorial

12. Efectos en la industria

13. Nuevo perfilGestionar comunidades onlineSeleccionar y jerarquizarNarrativa multimediaLiderar sitios hiperlocalesInterpretar estadísticasEntender la tecnologíaAgnósticos en la plataformaEntender el cambioAdaptarse rápido

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

16. Las treS ETAPAsPRENSA - INTERNET

17. Internet, año XVII

18. NavegarPor primera vez es posible ir de una página a otraHasta entonces, nadie podía encontrar las páginas

20. BuscarModifica la forma de desplazarse por InternetPalabras claves, algoritmos, relevancia, links

21. Redes socialesFriendsterMySpaceFacebookFiltro social de la informaciónReproducen nuestra red de relaciones sociales en Internet“Lo que a mis amigos les gusta, a mí me interesa”

22. Tráfico [ARG]FacebookGoogleGoogler ArYouTubeWindows LiveBloggerYahooTaringaMercado LibreWikipediaMSNClarín.comTwitterLa NaciónOléInfobae.comLinkedInGoogle EspañolMegauploadWordpress

29. RomperLa home page no es el único modo de llegar a la informaciónHay múltiples canalesSeguimos formateados en las estructuras tradicionalesSitio: 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áginaLuego 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ítulosTitulares: atraen la atención cuando están en la parte superior izquierdaCon 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 pantallasTanto 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 enfocadaTipografías más grandes promueven el escaneo.

53. ContenidoSi 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 IMPACTOTEASER INFORMATIVOTEASER POR OMISIÓNTEASER DE PREGUNTA

57. ContenidoLos “teasers” deben ser cortosEl 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árrafosLos párrafos más cortos se desempeñaron mejor que los más largos: Reciben el doble de atención visualEl formato de párrafos largos desestimula su observación.

60. BBCespañol

61. TN

62. BBC

63. “Scroll”verticalLa 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áficosSe 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íntesisEl 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íntesisLas 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 WebLos cibermedios han comenzado a diseñar un lenguaje propioAspira a aprovechar las posibilidades propiciadas por la nueva plataforma digital.

71. Tres ejesMultimedialidadHipertextualidadInteractividad

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

73. Economía del enlace

74. FormaExtensió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 invertidaSumarioDatos, explicaciones y citasOrden de interés decreciente TRUCTURA DISCURSIVA

77. Recuperar modalidades básicas de enunciaciónNarraciónDescripciónExposiciónArgumentaciónCélulasinformativas

78. MODELO DIAMANTE

79. Modelo diamanteModelo de dos dimensiones: velocidad y profundidad

81. AlertaDesde 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. BorradorMuy 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ículoPaqueteEn 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. ContextoContexto: online, espacio infinito para proveer contexto instantáneo y extensivo. El hipertexto es central aquí.

85. AnálisisAná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. InteractividadInteractividad (Interactivity): Flash interactivo combinando hipertexto, audio, video, animación y bases de datosUn foroWikiChats en vivo

87. Persona lizaciónAutomá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ásicoArquitectura 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ásicoNodos: piezas informativas multimedia que desarrollan el contenido de la informaciónEnlaces: 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ámideUnidad 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. ReglasCada nodo debe tener unidad autónoma de sentidoDestacar enlaces mediante palabras que tengan una relación semántica fuerte con el contenido.No aglutinar demasiados enlaces en un párrafo.

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

99. ReglasQuién: fotografíaDónde: mapaCómo: video (contexto)Por qué: audio para entrevistas extensas

100. ModelocebollaInmediatezProfundidad

101. Los usos de la pirámide

102. Nivel básico

105. Mayor profundidad

106. USABILIDAD

107. PremisaLos 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 1La lectura en la pantalla resulta un 25% más lenta que sobre el papel.

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

113. Lenguaje objetivo, sin exceso de adjetivos o palabras redundantesNo 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. ManualEn 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. ClavesOralidadInmediatezVivacidadClaridadBrevedadConcisiónÉnfasisHipertexto

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ónEl 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úblicosMuchos 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. EstiloConcisió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 generalesPara 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 generalesLos 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 @ManciniSi no vas a ponerlinks, no publiques la notaAñadir links es tan parte de la noticiacomo el titularEnlaces internosparacomplementar y ofrecer background sin extender mucho el textoEnlaces externosparainformaciónrelacionadaNo enlaces dos o treslíneas de textoseguidas

141. Deben serprecisos: abarcarsólo el textoquehacereferencia a la páginavinculadaPriorizar enlaces a tussitios y blogsVerificarque los links funcionen y quellevenbienEnlazá a la competenciasiesnecesario (previoconsenso)Los enlaces mejorar el posicionamiento en buscadores

142. LINKS ENTRANTESLa 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 INTERNOSAyudan 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 SALIENTESLinks 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 linksRespetar siempre los criterios de atractivo editorial y no redundanciaDebe coincidir la etiqueta (palabra linkeada) con la página hacia la que dirigeTalleres / SchiarettiTítulo de nota relacionadaSitio 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. TagsOrganizan el contenido en nuestros sitios: son fundamentales.La clasificación de palabras claves debe ser sistemática, relevante y coherente.

154. Breve manual de estiloBreves. 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 estiloCriterio 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 @ManciniMásesmejorUsámayúculas, tildes y ñSeparar con comasPalabrasquedescriban el tema: muyespecíficasPensá en palabrasqueusaríasparabuscartu nota en GoogleTaggearpermitesegmentarmejor el contenidoLos tags son múltiplespuertas de entrada al contenidoLos buscadoresaman los tags

157. LINKSTAGSPALABRAS CLAVESTÍTULOBAJADATEXTO

158. TITULARESSaturació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 ajenosMultititular: 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. TitularesPortadas: deben ser más cortos y pueden tener más gancho y ser más apelativosArtículo: con ellos se forma la dirección URL de cada páginaSe ven en el título del navegadorAparecen 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. TitularesInformativos y descriptivosCompletos: 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. TitularesCon 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 blancuraHacer 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ónUna 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. BAJADASGoogle muestra sólo alrededor de 160 caracteres, unas 25 palabras, y corta la frase.

172. BajadasGoogle 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. TEXTOSPá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 sencillaPuntos o listados: guían la lectura y animan a seguir.Negritas: facilitan la lectura, pero no hay que abusar. Itálicas: no se recomiendan