Prácticas recomendadas para crear Historias en la Web

Si quieres mantener el interés de tus lectores, sigue nuestras prácticas recomendadas para crear Historias en la Web. Te recomendamos que primero te enfoques en las tareas más importantes. Si tienes más tiempo, sigue también las prácticas recomendadas.

Narración

Principales prácticas recomendadas para las narraciones
Prioriza el contenido de video Los videos son más atractivos que el texto o las imágenes. Usa la mayor cantidad de videos posible y compleméntalos con imágenes y texto.

Más prácticas recomendadas para las narraciones

Prácticas recomendadas para las narraciones
Muestra tu perspectiva Ve más allá de los hechos. Comparte tus opiniones. Sé el protagonista de tu propia historia. Haz que los usuarios se identifiquen con ella.
Presenta un arco narrativo Crea suspenso en tu historia de una página a otra. Acompaña al usuario durante el recorrido mediante el contexto y la narración. Dales una recompensa a quienes te sigan hasta el final.

Diseño

Principales prácticas recomendadas de diseño
Reduce la cantidad de caracteres Evita incluir varias páginas con demasiado texto. Te recomendamos que reduzcas el texto a aproximadamente 280 caracteres por página (la longitud de un tuit).
No bloquees el texto Asegúrate de que el texto no esté bloqueado por otro contenido de la página. Evita el efecto quemado del texto, de manera que este no se bloquee cuando cambia de tamaño para adaptarse a distintos tamaños de dispositivos.
Mantén el texto dentro de los límites Asegúrate de que el lector pueda ver todo el texto de tus Historias en la Web. Evita el efecto quemado del texto, de manera que este no se bloquee cuando cambia de tamaño para adaptarse a distintos tamaños de dispositivos.
Usa las animaciones de manera inteligente Dale vida a tus historias con animaciones, pero evita las repetitivas o molestas, ya que podrían causar fatiga.

Más prácticas recomendadas de diseño

Prácticas recomendadas para el diseño
Usa un llamado a la acción específico para las Historias en la Web Cuando vuelvas a crear historias que se publicaron originalmente en una plataforma social, como Instagram, Snapchat o YouTube, asegúrate de quitar cualquier llamado a la acción del lector específico de una plataforma determinada. Asegúrate de que los usuarios puedan seguir cualquier acción sugerida en tus Historias en la Web.
Usa imágenes y videos con sangría completa Incluye elementos con sangría completa en tus historias a fin de crear una experiencia más envolvente para los lectores.
Evita imágenes y videos de baja resolución o distorsionados Usa imágenes de alta calidad y asegúrate de que cambien de tamaño correctamente al pasar al modo vertical.
Agrega un logotipo a tu página de portada Incluye un logotipo de alta resolución que represente tu marca.
Acorta la duración del video Recomendamos videos que duren menos de 15 segundos por página o 60 segundos como máximo.
Incluye audio Usa clips de audio de alta calidad de, al menos, 5 segundos con volumen equilibrado y asegúrate de que la voz sea audible.
Considera el avance automático para las historias de solo video La experiencia de avance automático para las Historias en la Web basadas en videos es ideal para brindar una experiencia relajada.

SEO

Principales prácticas recomendadas de SEO
Proporciona contenido de alta calidad Como en cualquier página web, proporcionar contenido de alta calidad útil e interesante para tus lectores es lo más importante que puedes hacer. Incluye una narrativa completa y sigue las prácticas recomendadas para las narraciones a fin de mantener el interés de tus lectores.
Usa un título corto Los títulos deben tener menos de 90 caracteres. Te recomendamos que uses un título descriptivo, de menos de 70 caracteres.
Asegúrate de que la Búsqueda de Google encuentre tu historia No incluyas un atributo noindex en la historia; este atributo impide que Google indexe la página y que esta aparezca en Google. Además, debes agregar las Historias en la Web a tu mapa del sitio. Puedes comprobar si Google puede encontrar tus Historias en la Web con el Informe de cobertura de la indexación y el Informe de mapas del sitio en Search Console.
Haz que la historia sea autocanónica Todas las Historias en la Web deben ser canónicas. Asegúrate de que cada Historia en la web tenga un objeto link rel="canonical" para sí misma. Por ejemplo: <link rel="canonical" href="https://www.example.com/url/to/webstory.html">
Adjunta metadatos

Asegúrate de que tus Historias en la Web cumplan con los lineamientos de metadatos de historias en formato AMP. Incluye lenguaje de marcado que normalmente incluirías en una página web, por ejemplo:

Más prácticas recomendadas de SEO

Prácticas recomendadas de SEO
Incluye datos estructurados Recomendamos que incluyas datos estructurados en tu Historia en la Web para que la Búsqueda de Google comprenda su estructura y contenido.
Incluye texto alternativo en las imágenes Te recomendamos que incluyas texto alternativo en tus imágenes para mejorar la visibilidad de tu historia.
Integra historias en tu sitio web

Recomendamos que integres las Historias en la Web en tu sitio web; vincúlalas desde tu página principal o páginas de categorías, según corresponda. Por ejemplo, si tu Historia en la Web trata sobre un destino de viajes y tienes una página que incluye todos tus artículos de viaje, también vincula las Historias en la Web en esa página de categoría. Una página de destino especial adicional, como www.example.com/stories (que luego se vincularía con páginas clave, como tu página principal) también puede ser útil.

Usa archivos adjuntos de páginas de historias en formato AMP Los archivos adjuntos de las páginas de historias en formato AMP se pueden usar para presentar información adicional junto con tu Historia en la Web. Esto puede ser útil para proporcionar detalles adicionales, análisis profundos o avances posteriores del contenido presentado en tus Historias en la Web.
Incluye subtítulos en los videos Agrega subtítulos a tu video para ayudar a los lectores a comprender mejor tu historia. Evita los subtítulos que estén integrados en el video para asegurarte de que no se superpongan con otro contenido ni queden fuera de la pantalla.
Optimiza las historias de solo videos

Te recomendamos que utilices HTML semántico para compilar tus Historias en la Web. Sin embargo, algunas herramientas del editor de Historias en la Web pueden exportar una historia que formatee cada diapositiva como un archivo de video que incluya todo el texto en el video. En este caso, te recomendamos que agregues el texto exacto que se muestra dentro del video como un atributo title en el elemento amp-video. Solo debes hacerlo si no puedes usar el lenguaje de marcado semántico en tus Historias en la Web.

Agrega compatibilidad con pantallas horizontales A fin de permitir que las Historias en la Web aparezcan en los resultados de la Búsqueda de Google para computadoras de escritorio, agrega compatibilidad con pantallas horizontales.

Técnicas

Principales prácticas recomendadas sobre técnicas
Crea una historia válida Las Historias en la Web deben ser páginas de AMP válidas. Para evitar problemas de AMP no válidos, prueba tu historia con la herramienta de validación de AMP y corrige cualquier error detectado.
No incluyas texto en la imagen de póster Evita las imágenes que contengan texto con efecto quemado, ya que esto podría impedir que el título de la historia aparezca cuando los usuarios acceden a su vista previa en los resultados de la Búsqueda. Si los usuarios no pueden leer el título claramente, es menos probable que continúen leyendo.
Incluye el tamaño de imagen de póster y la relación de aspecto correctos Asegúrate de que la imagen vinculada a tu atributo <amp-story> poster-portrait-src sea de al menos 640 x 853 px y utilice una relación de aspecto de 3:4.
Incluye la relación de aspecto correcta del logotipo Asegúrate de que la imagen del logotipo vinculada al atributo <amp-story> publisher-logo-src sea de al menos 96 x 96 px y tenga una relación de aspecto de 1:1.

Más prácticas recomendadas sobre técnicas

Prácticas recomendadas sobre técnicas
Incluye og:image Te recomendamos que incluyas og:image en las etiquetas <meta> para mejorar la visibilidad de tu historia.

Otros recursos