Escribir para internet

810 views

Published on

Cambian los soportes y los medios, cambian los hábitos de las audiencias. El periodismo se adapta a la evolución de las plataformas, las redes sociales y los buscadores.

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
810
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
32
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Escribir para internet

  1. 1. Escribirpara la WebPistas para seducir ala nueva audienciaPrograma de Especialización enPERIODISMO DIGITAL CUP 2012
  2. 2. Agenda
  3. 3. ¿Dónde ―  Un cambio de paradigma radical:estamos sólo comparable con la creación dehoy? la imprenta:   mercado gente tecnología medios periodistas
  4. 4. Los  usuarios  pasan  cada  vez  más  2empo    conectados  y  se  fragmenta  el  consumo  
  5. 5. Llegó laera digital ―  Superabundancia Escasez ―  Desintermediación Intermediación ―  Tiempo real Periodicidad ―  No lineal Lineal ―  Multimedia Monomedia
  6. 6. Llegó laera digital
  7. 7. 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
  8. 8. Efectos en laindustria
  9. 9. Nuevo ―  Gestionar comunidades onlineperfil ―  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
  10. 10. FIN DEL PERIODISMO(como lo conocemos) Jean Francoise Fogel (Le Monde)
  11. 11. PRENSA - INTERNETLAS TRES ETAPAS
  12. 12. Internet,año XVIII 1 2 3 Navegadores Buscadores Redes Netscape, Google, 1998 sociales: diciembre de Facebook, 1994 abril de 2007
  13. 13. Navegar ―  Por primera vez es posible ir de una página a otra ―  Hasta entonces, nadie podía encontrar las páginas
  14. 14. Buscar ―  Modifica la forma de desplazarse por Internet ―  Palabras claves, algoritmos, relevancia, links
  15. 15. Redes ―  Friendstersociales ―  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”
  16. 16. Tráfico 1.  Facebook 11.  Taringa[ARG] 2.  Googler Ar 12.  Wikipedia 3.  YouTube 13.  La Nación 4.  Google 14.  Clarín 5.  Windows Live 15.  Infobae.com 6.  Blogger 16.  LinkedIn 7.  Yahoo 17.  MSN 8.  Mercado Libre 18.  Olé 9.  Blogspot 19.  Babylon 10.  Twitter 20.  Wordpress
  17. 17. 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
  18. 18. Narrativadigital
  19. 19. www.tenbyten.org
  20. 20. www.netvibes.com
  21. 21. Marcadores sociales
  22. 22. www.oskope.com
  23. 23. Larevoluciónde lainformación
  24. 24. DEBATE 1¿Cómo creen que Internet afecta a la profesión periodística?¿Qué nuevas habilidades necesitamos desarrollar?
  25. 25. ESCRIBIRPARAINTERNET
  26. 26. “¡ES EL USUARIO, ESTÚPIDO!”
  27. 27. Estudio Eye Track IIIPoynter InstituteUniversidad de Standford
  28. 28. 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.
  29. 29. Patrón delectura
  30. 30. El ojo yla pantalla
  31. 31. Eyetracko yla pantalla
  32. 32. Heatmaps
  33. 33. 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.
  34. 34. ―  Navegación superior atrae mucha atención
  35. 35. ―  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.
  36. 36. ―  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.
  37. 37. 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.
  38. 38. TEASER DE IMPACTO TEASER INFORMATIVO TEASER POR OMISIÓNTEASER DEPREGUNTA
  39. 39. 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
  40. 40. Atribuiry citar
  41. 41. 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.
  42. 42. “Scroll” ―  La gente típicamente mira másvertical 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.
  43. 43. Textos ―  Se recordaban los hechos,Gráficos 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.
  44. 44. Síntesis ―  Eltexto 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.
  45. 45. 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).
  46. 46. DEBATE 1I¿Qué nuevos elementos además del texto podemoscontemplar a la hora de preparar piezas multimedia?
  47. 47. BBCespañol
  48. 48. TN
  49. 49. BBC
  50. 50. Cukmi
  51. 51. Cukmi
  52. 52. Cukmi
  53. 53. BBC
  54. 54. Guardian
  55. 55. Zeitgeist
  56. 56. La SillaVacía
  57. 57. El País
  58. 58. Prezi
  59. 59. Veritétimeline.verite.co
  60. 60. Story maps http://storymaps.esri.com/stories/titanic/
  61. 61. GoogleMaps
  62. 62. Datos
  63. 63. REDACCIÓN
  64. 64. Lenguaje en ―  Los cibermedios hanla Web comenzado a diseñar un lenguaje propio ―  Aspira a aprovechar las posibilidades propiciadas por la nueva plataforma digital.
  65. 65. Tres ejes •  Multimedialidad •  Hipertextualidad •  Interactividad
  66. 66. Hiper ―  Estructuras discursivas linealestextual y no lineales ―  Unidades de contenido multimedia enlazadas entre sí ―  Deben articular un discurso coherente, completo y múltiple.
  67. 67. Enlazaro morir
  68. 68. Economíadel enlace
  69. 69. 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, mayo de 2012. ―  Titulares. Lo más informativos y descriptivos posible.
  70. 70. CÉLULA INFORMATIVA
  71. 71. Pirámide ―  Sumarioinvertida ―  Datos, explicaciones y citas ―  Orden de interés decreciente TRUCTURA DISCURSIVA
  72. 72. Células informativas Recuperar modalidades básicas de enunciación ―  Narración ―  Descripción ―  Exposición ―  Argumentación
  73. 73. MODELO DIAMANTE
  74. 74. Modelo ―  Modelode dos dimensiones:diamante velocidad y profundidad
  75. 75. 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.
  76. 76. 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.
  77. 77. Artículo ―  En medio de los dos extremosPaquete 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.
  78. 78. Contexto ―  Contexto: online, espacio infinito para proveer contexto instantáneo y extensivo. ―  El hipertexto es central aquí.
  79. 79. Análisis ―  Análisisy Reflexión: Reacción en la blogósfera en general, blogs y foros, y de forma proactiva desde los informados y afectados.
  80. 80. Interactividad ―  Interactividad (Interactivity): Flash interactivo combinando hipertexto, audio, video, animación y bases de datos ―  Un foro ―  Wiki ―  Chats en vivo
  81. 81. Persona ―  Automática.lización ―  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.
  82. 82. PIRÁMIDE TUMBADA
  83. 83. 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
  84. 84. 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
  85. 85. Tipos de De •  Actualizaciones cortas que aportanenlaces actualización nuevos datos. De ampliación •  Información de contexto reciente informativa •  Profundización de la información con De definición recurso a noticias internas o externas Documentales •  Información de contexto / archivo
  86. 86. Pirámidetumbada
  87. 87. Los 4 ―  Unidad Base: responde a lo esencial (qué, cuándo, quién y dónde). Una idea general delniveles de contenido (enlaces de ampliación)la ―  Explicación: responde al por qué y al cómo, completando la información esencial sobre elpirámide 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.
  88. 88. 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.
  89. 89. 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.
  90. 90. Reglas ―  Hacer una distribución de enlaces a lo largo de toda la noticia ―  Deben funcionar como ancla para los ojos.
  91. 91. Reglas ―  Quién: fotografía ―  Dónde: mapa ―  Cómo: video (contexto) ―  Por qué: audio para entrevistas extensas
  92. 92. Modelo Inmediatezcebolla Profundidad
  93. 93. LOS USOS DE LA PIRÁMIDE
  94. 94. Nivelbásico
  95. 95. ―  Mayor profundidad
  96. 96. USABILIDAD
  97. 97. 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.
  98. 98. Premisa 1 ―  Lalectura en la pantalla resulta un 25% más lenta que sobre el papel.
  99. 99. 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.
  100. 100. ―  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
  101. 101. ―  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%.
  102. 102. Evitar repeticiones
  103. 103. DEBATE IIIFrente a las características del nuevo medio, ¿cuál creen que esla forma óptima para publicar en Internet?
  104. 104. MODELO MARGARITADEFINIRCREARMEDIATIZARINTERACTIVARENVASARPUBLICARGESTIONARTienes 5 segundosCAMUS, Juan Carlos
  105. 105. MANUAL DE ESTILO
  106. 106. 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.
  107. 107. Claves ―  Oralidad ―  Inmediatez ―  Vivacidad ―  Claridad ―  Brevedad ―  Concisión ―  Énfasis ―  Hipertexto
  108. 108. 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
  109. 109. 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.
  110. 110. 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.
  111. 111. 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.
  112. 112. Estilo > ―  Brevedad: Los usuarios pasan poco tiempo en la web. ―  Las frases y los párrafos deben ser cortos y directos.
  113. 113. 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.
  114. 114. 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.
  115. 115. 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
  116. 116. ¿CÓMO FUNCIONA GOOGLE?
  117. 117. 1 LINK = 1 VOTO
  118. 118. Principios ―  Para los medios, Google esgenerales 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.
  119. 119. Principios ―  Los periodistas podemosgenerales contribuir al posicionamiento en las búsquedas: •  Creando volumen de contenido relevante para los usuarios y visible para el robot del buscador. ―  El posicionamiento ayuda a aumentar y ampliar la audiencia. •  El estar bien posicionados ayuda a que otras personas, encuentren nuestra información.
  120. 120. “Do what you do best and link the rest” Jeff Jarvis
  121. 121. LINKSTAGSPALABRASCLAVESTÍTULOBAJADATEXTO
  122. 122. Decálogo 1.  Si no vas a poner links, no publiques la nota 2.  Añadir links es tan parte de la noticia como el titular 3.  Enlaces internos para complementar y ofrecer background sin extender mucho el texto 4.  Enlaces externos para información relacionada 5.  No enlaces dos o tres líneas dePor texto seguidas@Mancini
  123. 123. 6.  Deben ser precisos: abarcar sólo el texto que hace referencia a la página vinculada7.  Priorizar enlaces a tus sitios y blogs8.  Verificar que los links funcionen y que lleven bien9.  Enlazá a la competencia si es necesario (previo consenso)10.  Los enlaces mejorar el posicionamiento en buscadores
  124. 124. LINKS ―  Lamisión es atraer linksENTRAN relevantes desde otros sitios.TES •  Tarea indispensable para blogs. •  Tratar de lograr que nos citen con links hacia el sitio o hacia notas. •  Solicitar la cita.
  125. 125. LINKS ―  Ayudan a los usuarios y a losINTERNOS 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. ―  Elobjetivo es aumentar la relevancia de las páginas automáticas.
  126. 126. A notarelacionada
  127. 127. Aportadilla
  128. 128. LINKS ―  Links salientes: incluir enlacesSALIENTES 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.
  129. 129. Linkexterno
  130. 130. Estilo de ―  Respetar siempre los criterioslinks 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
  131. 131. LINKSTAGSPALABRASCLAVESTÍTULOBAJADATEXTO
  132. 132. DIFEREN ―  Palabras clave: contribuyen aCIA 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.
  133. 133. Tags ―  Organizan el contenido en nuestros sitios: son fundamentales. ―  La clasificación de palabras claves debe ser sistemática, relevante y coherente.
  134. 134. Breve ―  Breves. Ejemplo: en vez demanual de Fondo Monetario Internacionalestilo será FMI . ―  Conocidos. Tendrá prioridad la taxonomía “más conocida”. Ejemplo: Duhalde, Luis Duhalde. ―  Máximo. Tres tags por noticia: persona, lugar, tema
  135. 135. Breve ―  Criterio homogéneo. Unamanual de mayúscula o un acento modifican el tag.estilo ―  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.
  136. 136. Decálogo ―  Más es mejorFundeu ―  Usá mayúculas, tildes y ñ ―  Separar con comas ―  Palabras que describan el tema: muy específicas ―  Pensá en palabras que usarías para buscar tu nota en Google ―  Taggear permite segmentar mejor el contenido ―  Los tags son múltiples puertas dePor entrada al contenido ―  Los buscadores aman los tags@Mancini
  137. 137. LINKSTAGSPALABRASCLAVESTÍTULOBAJADATEXTO
  138. 138. 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.
  139. 139. / papel
  140. 140. / web
  141. 141. / titulares
  142. 142. / RSS
  143. 143. / Móvil
  144. 144. / víapública
  145. 145. 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.
  146. 146. Títulohome
  147. 147. 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.
  148. 148. 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.
  149. 149. Prueba de ―  Hacer una búsqueda en Google,la blancura 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.
  150. 150. LINKSTAGSPALABRASCLAVESTÍTULOBAJADATEXTO
  151. 151. BAJADAS―  Google muestra sólo alrededor de 160 caracteres, unas 25 palabras, y corta la frase.
  152. 152. 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.
  153. 153. 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
  154. 154. Prueba de ―  Hacer una búsqueda en Google,la blancura 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.
  155. 155. Bajada ―  Googlemuestra sólo alrededor de 160 caracteres, unas 25 palabras, y corta la frase.
  156. 156. 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.
  157. 157. 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
  158. 158. MANOS A LA OBRA
  159. 159. Tarea ―  Maquetar una pieza multimedia en función de un tema de interés para la audiencia. •  Utilizar elementos relevantes para la historia disponibles en la Web. ―  Montar el artículo en WordPress de CUPdigital y publicar el link en Facebook.
  160. 160. MANOS A LA OBRA
  161. 161. @fpiccatofranco.piccato@gmail.com

×