Creación de historias web de Google: una guía de prácticas recomendadas para editores

Las Historias web de Google son contenidos interactivos, envolventes y que se pueden tocar, similares a las historias de Instagram y Facebook. 

Lanzado inicialmente como AMP Stories en 2018, Google renombró este formato visual como Web Stories en 2020 , ¹ quizás en parte debido a la naturaleza algo controvertida ² de la tecnología AMP en el ámbito de la publicación digital ³ .

En su versión actualizada y más refinada, las Historias Web de Google son un formato de contenido visualmente rico que permite a los editores un mayor control sobre su producción creativa y su marca. Como afirma Google, las Historias Web son « una versión web del popular formato Historia, que permite a los creadores alojar y ser propietarios de su contenido ». ⁴

Según un estudio de 2019 casi dos tercios de los lectores (64 %) prefieren el contenido narrativo a su equivalente de desplazamiento, por lo que los desarrolladores deberían centrarse en "aprovechar" este formato. ⁵

Sin embargo, la misma encuesta reveló que existen numerosos problemas de diseño que pueden generar confusión, fatiga y frustración. Por lo tanto, implementar las mejores prácticas de diseño es esencial para crear historias web con el máximo impacto.

Al comprender cómo crear y publicar historias web de Google visualmente enriquecidas, un editor puede mantener el control creativo, cultivar la confianza en la marca y generar tráfico a su sitio web. ⁶ 

¿Qué son las Historias web de Google?

Las Historias Web son un formato de narrativa visual que consiste en una secuencia de imágenes y vídeos con texto o audio. El contenido puede dividirse en una secuencia de visualización específica, y cada parte se muestra a los usuarios automáticamente tras unos segundos o al tocar o hacer clic.

Las historias web no desaparecen después de 24 horas, a diferencia de las historias en Snapchat o Instagram, lo que permite a los editores aplicar este formato también a contenido imperecedero.

Las historias web se crean en AMP y heredan todos sus beneficios asociados:

• Se puede integrar en cualquier sitio web
• Funcionará en cualquier navegador, móvil o de escritorio
• Altas velocidades de carga
• Descubrible en los resultados de búsqueda de Google, incluido Google Discover a través del carrusel de historias web y Google Imágenes

Historia de fondo de Tappable Stories

Cuando Snapchat fue pionero en el formato de historias, convirtiéndolo en una parte central de su aplicación, pocos pensaron que este formato narrativo despegaría como lo hizo.

El primero en seguirlo, sin embargo, fue Instagram, donde ahora lo utilizan 500 millones de personas.7 ^Después fueron WhatsApp y Facebook, Medium, Skype, YouTube, Twitter e incluso LinkedIn incluyeron ese formato.

entonces , ha habido algunas bajas notables: Twitter , ^{Skype y} LinkedIn ^anunciaron que abandonarían el formato de historias .

Mientras tanto, Google incluyó su función de historias como parte de la especificación AMP , lo que permite a los editores usar el formato en sus narraciones en línea. ¹¹

Características de Google Web Stories

Se ha demostrado que Google Web Stories es un formato eficaz para contar historias en línea. El estudio de 2019 mencionado anteriormente muestra que los lectores encuentran "los ejemplos de historias que se pueden tocar más atractivos visualmente y más fáciles de navegar que sus equivalentes con desplazamiento".

Esto ocurre especialmente cuando se trata de tipos de contenido específicos, como el contenido de estilo de vida imperecedero. 

En una de las Web Stories de Google, un editor puede incluir todo tipo de contenido visual: imágenes, sonido, vídeo o animaciones.

Los motores de búsqueda pueden indexar estas historias y mostrarlas para responder a la consulta del usuario. La Búsqueda de Google las presenta en un fragmento de noticias destacadas cuando un usuario realiza una búsqueda relacionada con noticias.

Las historias web se pueden hacer responsivas, lo que significa que se adaptarán al tamaño de la pantalla del usuario, ya sea que esté viendo la versión web o en dispositivos móviles. 

Los editores pueden añadir enlaces y llamadas a la acción (CTA) en cualquier parte de una página. Esto ayuda a impulsar a los usuarios interesados ​​a continuar su navegación en otro lugar, leer más artículos o suscribirse.

Agregar una página final, llamada página final, puede resaltar el intercambio social y los enlaces relacionados.

Cómo crear historias web de Google: mejores prácticas de diseño

Para más pequeños que no cuentan con un gran equipo de codificación, Google facilita la creación web .

El tercer episodio de la serie educativa semanal de Google Web Creators, “Storytime”, es un excelente lugar para comenzar. ¹² 

La creación de Google Web Stories implica los siguientes pasos.

Elija un editor visual

Las historias web consisten en una serie de paneles que los usuarios pueden recorrer tocando o esperando a que cambien automáticamente.

Cada nueva página consiste en una combinación de texto, imágenes y videos, y la naturaleza del formato visual exige un contenido vívido y con gran riqueza gráfica. Por lo tanto, un editor visual (ya sea software, plugin o servicio en línea) es el primer paso, y quizás el más esencial, para crear Historias Web.

 Hay varias herramientas y una variedad de productos de Google a tener en cuenta al crear Google Web Stories.

Para los creadores de contenido con un sitio web de WordPress, realmente solo hay dos complementos a considerar:

Historias web

Google tiene su propio editor de Web Stories para WordPress, que Google describe como una herramienta de creación "WYSIWYG" fácil de usar. ¹³

Crea historias

MakeStories es un editor visual de código abierto que ayuda a publicar Google Web Stories directamente desde el panel de un sitio de WordPress.

Alternativas a WordPress

Para los pequeños editores que no trabajan con WordPress, pero que aún así desean implementar este formato en su sitio, existen algunas herramientas de arrastrar y soltar, sin código, útiles para crear Google Web Stories , con Newsroom AI y MakeStories encabezando la selección. ¹⁴

Redactar la historia

El siguiente consejo de Google es crear un storyboard que muestre qué imágenes y contenido aparecerán en cada panel de la historia. Una buena historia web es precisamente eso: una historia que cuenta una narrativa de principio a fin.

Google ofrece una plantilla gratuita para ayudar a los creadores a crear una nueva historia. ¹⁵ 

Recursos creativos de origen

Obtener el contenido adecuado, desde la imagen de portada hasta el panel final, es quizás la parte más integral de la creación de una nueva historia.

Los editores deben asegurarse de usar texto alternativo y de no infringir las leyes de derechos de autor. Además, es fundamental recordar que todos los vídeos a pantalla completa deben tener formato vertical. Esto garantizará que las Historias Web consuman el mínimo ancho de banda y carguen lo más rápido posible. 

Empieza a crear

Una vez definida la visión, es hora de entrar en el editor elegido y empezar a crear. Empieza añadiendo imágenes o vídeos y creando un texto preciso. Mantén un título breve y llamadas a la acción atractivas. Incluye un enlace a un sitio web de interés para animar a los espectadores a suscribirse.

Tenga en cuenta la siguiente investigación al crear historias web:

• Las historias demasiado largas resultan abrumadoras para los lectores
• Demasiado contenido en un solo panel puede generar confusión y fatiga del lector
• Los lectores aprecian las llamadas a la acción y otras señales visuales
• Con la ubicación y el volumen adecuados, las historias interactivas son una excelente oportunidad para monetizar mediante anuncios

Haz clic en Publicar

Una vez desarrollada, obtenida y creada la Historia Web de Google, es hora de presentarla al mundo. Usar un editor visual facilita mucho este proceso.

Los editores más grandes, o aquellos con los recursos y la experiencia técnica necesarios, probablemente preferirán crear historias desde cero con HTML, CSS y Javascript siguiendo el estándar Google AMP.

La codificación de historias web proporciona un mayor control sobre el producto final y una integración más sencilla con un CMS y una base de código existentes.

No olvides el SEO

Es fácil dejarse llevar por la creatividad al desarrollar Historias Web, pero también es importante recordar seguir las mejores prácticas de SEO para garantizar que las historias terminadas aparezcan en los resultados de búsqueda. Al fin y al cabo, una Historia Web es solo una página web más.

Google ha proporcionado una lista de las mejores prácticas de SEO que también se aplican a las historias web. ¹⁶ Estas incluyen:

• Proporcionar contenido de alta calidad
• Utilizando títulos descriptivos de menos de 70 caracteres
• Cómo evitar el uso de atributos noindex
• Haciendo que la historia sea autocanónica
• Cumplimiento de las pautas de metadatos de la historia AMP ¹⁷
• Pruebas con la herramienta AMP Validator ¹⁸
• Evite imágenes que contengan texto incrustado
• Cómo usar el tamaño de imagen y la relación de aspecto correctos para el póster
• Asegurarse de que el logotipo tenga la relación de aspecto correcta

Excelentes ejemplos de historias web de Google

La mejor manera de experimentar el poder y la versatilidad de Google Web Stories es observar excelentes ejemplos de algunos editores establecidos:

Ejemplos del modo retrato

Estas historias fueron creadas para disfrutarse en dispositivos móviles. Se puede acceder desde una computadora, pero la mayor parte del espacio disponible en la pantalla no se utiliza.

VICE ha dominado el formato de Google Web Stories, aprovechando el diseño para crear contenido de estilo de vida imperecedero en forma de demostraciones de cocina durante la pandemia de COVID. ¹⁹

Refinery 29 utiliza una similar de salto de vídeo para crear historias de entretenimiento educativo. ²⁰

Lonely Planet muestra cómo las imágenes hermosas y los subtítulos poderosos pueden ser tan atractivos como el video en contenido narrativo. ²¹

BBC News – Protesta de Post-it en Hong Kong. ²² Algunas páginas incluyen un video con una imagen de respaldo para cuando no se puede cargar o el ancho de banda es insuficiente para descargarlo y reproducirlo. El final del libro dirige al lector a más contenido relacionado con las protestas de Hong Kong y la página principal de BBC News.

CNN World – Día de la Bastilla: Cómo inspiró siglos de desobediencia civil . ^23. Tiene una firma completa con la fecha de publicación, y cada imagen se acredita al fotógrafo y a la agencia . Tiene mucho más texto que el ejemplo de la BBC.

Cómo monetizar una historia web de Google

Cuando se implementan correctamente, los anuncios intersticiales de pantalla completa pueden ser una forma efectiva para que los editores moneticen sus historias visuales.

Para insertar anuncios en una historia web de Google es necesario configurar una plataforma publicitaria que admita la inclusión de anuncios en una historia web.

Al momento de la publicación, el método más simple para incluir anuncios en una historia web sigue siendo ofrecerlos desde Google Ad Manager o Google AdSense, y ambos facilitan la publicidad programática, según la comunidad de desarrolladores de AMP de código abierto . ²⁴

Sin embargo, existen formas para que otras plataformas publicitarias integren soporte para anuncios de Web Story y para que ambos editores coloquen anuncios personalizados desde su propio servidor de anuncios.

Las redes publicitarias deben mostrar anuncios AMPHTML válidos, con metadatos adicionales para permitir la renderización en tiempo de ejecución de AMP, e integrar Fast Fetch. La comunidad AMP ha proporcionado documentación sobre anuncios AMPHTML , ²⁵ las etiquetas de metadatos adicionales ²⁶ y la integración de Fast Fetch ²⁷ .

La comunidad también ha creado documentación para los editores interesados ​​en publicar anuncios desde su red publicitaria, aunque con la advertencia de que se trata de una solución “ más compleja ”. ²⁸

Google Ads es excepcionalmente flexible y se integra perfectamente con el complemento de WordPress, MakeStories y NewsRoom AI.

Otra opción para monetizar Google Web Stories es incluir enlaces de afiliados en la historia o publicar contenido patrocinado. Esto puede incluir un enlace a varias páginas web, como páginas de Patreon o de productos.

Los editores que han adoptado un modelo de ingresos basado en suscriptores pueden insertar un enlace "leer más" al final de la historia que llevará a quienes no estén suscritos a una página de registro. ²⁹

de The Australian utiliza este enfoque, donde cada historia sirve como una vista previa de contenido que se encuentra detrás de un muro de pago. ³⁰

Como en cualquier publicitaria , es esencial tener en cuenta el sitio, la base de lectores y el formato de la página.

Pensamientos finales

Las Historias web de Google emplean un formato atractivo al que la gente ya está acostumbrada en los dispositivos móviles y las redes sociales.

Desarrollar historias web es fácil para editores de cualquier tamaño gracias a herramientas fáciles de usar y sin código. Sus beneficios van más allá de una experiencia de usuario agradable, ya que su velocidad de carga y formato las convierten en la candidata perfecta para un rendimiento SEO excepcional.

La creación de Google Web Stories brinda a los editores un mayor control sobre su contenido y marca, genera tráfico orgánico y ofrece mayores oportunidades de monetización.

Al aprovechar el contenido histórico, los editores pueden aumentar su alcance y, al mismo tiempo, mantener la propiedad de su propiedad intelectual.