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

Nota: Las prácticas recomendadas de SEO para páginas web también se aplican a las Historias en la Web. Una Historia en la Web sigue siendo una página web.

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"> Nota: Si existen varias versiones de la misma historia en diferentes idiomas, informa a Google sobre las versiones localizadas.
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: Etiquetas title y description meta Datos estructurados OGP Tarjeta de Twitter

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. No es necesario indicar en la URL de una Historia en la Web que usa este formato o la tecnología de historias en formato AMP. Lo ideal es que tus Historias en la Web estén integradas en una estrategia de URL más amplia. Por ejemplo, si tus artículos de "New York Travel" usan un formato como "/new-york/travel/title-of-article.html", usa la misma estructura de directorio y el mismo formato de URL para tus Historias en la Web.
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

• Historias en la Web en el sitio web de Google: Accede a recursos enfocados en los creadores para crear Historias en la Web.
• Habilita las Historias en la Web en la Búsqueda de Google: Consulta esta guía orientada a desarrolladores para compilar Historias en la Web que cumplan con los lineamientos técnicos necesarios a fin de aparecer en la Búsqueda de Google.
• Sitio web de historias en formato AMP: Incluye funciones de formato de Historias en la Web centradas en el desarrollador.
• Accesibilidad web: Encuentra sugerencias que te ayudarán a garantizar que todos los usuarios tengan acceso a tus Historias en la Web.
• Lineamientos para datos estructurados: Incluyen detalles para agregar datos estructurados a fin de que la Búsqueda de Google comprenda tu contenido.