Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
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">
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.
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.
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2024-12-03 (UTC)"],[[["Prioritize video content and supplement it with images and text to create engaging Web Stories."],["Keep text concise, within visible bounds, and ensure it's not blocked by other elements for optimal readability."],["Optimize for SEO by using descriptive titles, ensuring Google can index the story, and providing high-quality content."],["Follow technical best practices, including using valid AMP, the correct poster image size and aspect ratio, and a suitable logo."],["Enhance discoverability by incorporating elements like `og:image`, alt text for images, and integrating stories into your website."]]],[]]
