Escribir para internet

Pistas para seducir a la nueva audiencia

Escribir para la Web

Programa de Especialización en PERIODISMO DIGITAL CUP 2012

Agenda

¿Dónde estamos hoy?

― Un cambio de paradigma radical: sólo comparable con la creación de la imprenta:  

tecnología medios periodistas

mercado

gente

Los  usuarios  pasan  cada  vez  más  2empo    conectados  y  se  fragmenta  el  consumo  

― Superabundancia ― Desintermediación ― Tiempo real ― No lineal ― Multimedia

Llegó la era digital

― Escasez ―  Intermediación ― Periodicidad ― Lineal ― Monomedia

Llegó la era digital

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

Efectos en la industria

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

FIN DEL PERIODISMO (como lo conocemos)

Jean Francoise Fogel (Le Monde)

LAS TRES ETAPAS PRENSA - INTERNET

Internet, año XVIII

1 Navegadores

Netscape, diciembre de

1994

2 Buscadores

Google, 1998

3 Redes

sociales: Facebook,

abril de 2007

Navegar ― Por primera vez es posible ir de una página a otra

― Hasta entonces, nadie podía encontrar las páginas

Buscar ― Modifica la forma de desplazarse por Internet

― Palabras claves, algoritmos, relevancia, links

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”

Tráfico [ARG]

1.  Facebook 2.  Googler Ar 3.  YouTube 4.  Google 5.  Windows Live 6.  Blogger 7.  Yahoo 8.  Mercado Libre 9.  Blogspot 10. Twitter

11.  Taringa 12.  Wikipedia 13.  La Nación 14.  Clarín 15.  Infobae.com 16.  LinkedIn 17.  MSN 18.  Olé 19.  Babylon 20.  Wordpress

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

Narrativa digital

www.tenbyten.org

www.netvibes.com

Marcadores sociales

www.oskope.com

La revolución de la información

DEBATE 1

¿Cómo creen que Internet afecta a la profesión periodística? ¿Qué nuevas habilidades necesitamos desarrollar?

ESCRIBIR PARA INTERNET

“¡ES EL USUARIO, ESTÚPIDO!”

Estudio Eye Track III Poynter Institute Universidad de Standford

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.

Patrón de lectura

El ojo y la pantalla

Eyetracko y la pantalla

Heat maps

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.

― Navegación superior atrae mucha atención

― 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.

― 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.

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.

TEASER DE IMPACTO

TEASER INFORMATIVO

TEASER POR OMISIÓN

TEASER DE PREGUNTA

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

Atribuir y citar

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.

“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.

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.

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.

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).

DEBATE 1I

¿Qué nuevos elementos además del texto podemos contemplar a la hora de preparar piezas multimedia?

BBC español

TN

BBC

Cukmi

Cukmi

Cukmi

BBC

Guardian

Zeitgeist

La Silla Vacía

El País

Prezi

Verité timeline.verite.co

Story maps http://storymaps.esri.com/stories/titanic/

Google Maps

Datos

REDACCIÓN

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.

Tres ejes •  Multimedialidad •  Hipertextualidad •  Interactividad

Hiper textual

― Estructuras discursivas lineales y no lineales

― Unidades de contenido multimedia enlazadas entre sí

― Deben articular un discurso coherente, completo y múltiple.

Enlazar o morir

Economía del enlace

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.

CÉLULA INFORMATIVA

Pirámide invertida

―  Sumario ―  Datos, explicaciones y citas ―  Orden de interés decreciente

TRUCTURA DISCURSIVA

Recuperar modalidades

básicas de enunciación

―  Narración ―  Descripción ―  Exposición ―  Argumentación

Células informativas

MODELO DIAMANTE

Modelo diamante

― Modelo de dos dimensiones: velocidad y profundidad

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.

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.

Artículo Paquete

― 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.

Contexto ― Contexto: online, espacio infinito para proveer contexto instantáneo y extensivo.

― El hipertexto es central aquí.

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.

Interactividad ―  Interactividad (Interactivity): Flash interactivo combinando hipertexto, audio, video, animación y bases de datos

― Un foro ― Wiki ― Chats en vivo

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.

PIRÁMIDE TUMBADA

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

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

Tipos de enlaces

•  Actualizaciones cortas que aportan nuevos datos.

De actualización

•  Información de contexto reciente De ampliación

informativa

•  Profundización de la información con recurso a noticias internas o externas De definición

•  Información de contexto / archivo Documentales

Pirámide tumbada

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.

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.

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.

Reglas ― Hacer una distribución de enlaces a lo largo de toda la noticia

― Deben funcionar como ancla para los ojos.

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

entrevistas extensas

Modelo cebolla

Inmediatez

Profundidad

LOS USOS DE LA PIRÁMIDE

Nivel básico

― Mayor profundidad

USABILIDAD

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.

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

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.

―  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

― 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%.

Evitar repeticiones

DEBATE III

Frente a las características del nuevo medio, ¿cuál creen que es la forma óptima para publicar en Internet?

MODELO MARGARITA DEFINIR CREAR MEDIATIZAR

INTERACTIVAR ENVASAR PUBLICAR GESTIONAR Tienes 5 segundos CAMUS, Juan Carlos

MANUAL DE ESTILO

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.

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

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

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.

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.

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.

Estilo > ― Brevedad: Los usuarios pasan poco tiempo en la web.

― Las frases y los párrafos deben ser cortos y directos.

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.

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.

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

¿CÓMO FUNCIONA GOOGLE?

1 LINK = 1 VOTO

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.

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.

―  El posicionamiento ayuda a aumentar y ampliar la audiencia.

•  El estar bien posicionados ayuda a que otras personas, encuentren nuestra información.

“Do what you do best and link the rest”

Jeff Jarvis

LINKS TAGS PALABRAS CLAVES TÍTULO BAJADA TEXTO

Decálogo Por @Mancini

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 de texto seguidas

6.  Deben ser precisos: abarcar sólo el texto que hace referencia a la página vinculada

7.  Priorizar enlaces a tus sitios y blogs

8.  Verificar que los links funcionen y que lleven bien

9.  Enlazá a la competencia si es necesario (previo consenso)

10.  Los enlaces mejorar el posicionamiento en buscadores

LINKS ENTRAN TES

― 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.

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.

A nota relacionada

A portadilla

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.

Link externo

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

LINKS TAGS PALABRAS CLAVES TÍTULO BAJADA TEXTO

― 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

Tags ― Organizan el contenido en nuestros sitios: son fundamentales.

― La clasificación de palabras claves debe ser sistemática, relevante y coherente.

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

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.

Decálogo Fundeu Por @Mancini

―  Más es mejor ―  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 de

entrada al contenido ―  Los buscadores aman los tags

LINKS TAGS PALABRAS CLAVES TÍTULO BAJADA TEXTO

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.

/ papel

/ web

/ titulares

/ RSS

/ Móvil

/ vía pública

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.

Título home

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.

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.

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.

LINKS TAGS PALABRAS CLAVES TÍTULO BAJADA TEXTO

BAJADAS

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

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.

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

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.

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

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.

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

MANOS A LA OBRA

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.

MANOS A LA OBRA

@fpiccato franco.piccato@gmail.com