Las historias web son piezas de contenido interactivas y abiertas que comprenden elementos visuales como imágenes, textos, vídeos, etc., presentados en diapositivas que se pueden deslizar lateralmente. Le ayudará a crear historias atractivas e interactivas que atraerán a su audiencia. Aprenda la guía paso a paso sobre cómo integrar Google Web Stories en su sitio web de WordPress.
Google Web Stories es una implementación de formatos de presentación de historias populares similares a Facebook Historias, estado de WhatsApp, Twitter Flotas, etc.
Las historias de las redes sociales utilizan imágenes, videos, textos o una combinación de todos estos elementos creativos para contar historias a sus espectadores.
Contar una historia para el marketing es el arte de vender más antiguo. Desde vendedores ambulantes hasta tiendas online de alta gama, todas las empresas utilizan la narración para atraer compradores.
Es esencialmente una herramienta para que los creadores creen historias convincentes para promocionar sus productos, publicaciones o planes.
En este artículo, le mostraré cómo crear e integrar Google Web Stories con WordPress y utilizarlo en su sitio web para atraer a su audiencia.
¿Qué son las historias web de Google?
historias web son piezas de contenido interactivo y abierto que comprenden elementos visuales como imágenes, textos, videos, etc., presentados en diapositivas que se pueden deslizar lateralmente. Puede agregar varios efectos, animaciones y otras personalizaciones para crear algo cautivador y único para su negocio.
A principios de 2018, se introdujo la función de historias AMP (página móvil acelerada) para representar narraciones similares a las de dispositivos móviles para sitios web. Más tarde se convirtió en Google Web Stories.
Aunque Google no es un sitio de redes sociales, adoptó una característica popular porque permite a los usuarios consumir información fácilmente. En la acelerada vida actual, la gente quiere grandes cantidades de información y las historias web de Google proporcionan precisamente eso.
Esta también es una de las razones por las que los formatos de vídeo cortos se han vuelto tan populares.
El formato de historias web es perfecto para contar historias, actualizaciones en vivo, educación, promoción y realización de encuestas y sondeos. Pero a diferencia de las historias en los sitios sociales, los usuarios pueden descargar y distribuir libremente las historias web de Google.
¿Cómo aparecen las historias web en Google?
Las historias web aparecen como un carrusel en Google descubreFeed en teléfonos Android e iOS con las versiones actualizadas de la aplicación de Google.
También aparecen en el búsqueda de Google resultados de forma singular o agrupados bajo el título Historias visuales cuando busca algo popular relacionado con fitness, estilo de vida, salud, bienestar, entretenimiento, etc.
A nivel mundial, en imagen de Google En la búsqueda, las Historias se muestran como tarjetas de imágenes con el ícono de Historias web.
En conclusión, es una extensión atractiva para su sitio web, que le permite mostrar historias visuales que resuenan en su audiencia.
Ejemplos de historias web de Google
La razón principal para centrarse en la creación de historias web es que pueden convertirse en la primera impresión de su sitio web para la mayoría de los usuarios.
Si alguien quiere visitar lugares turísticos de la ciudad, preferirá obtener el nombre del lugar con imágenes y contexto. En lugar de leer el artículo completo, sólo tienen que ver la historia visual y descargarla mientras viajan. Éste es sólo un ejemplo de lo ingeniosas que pueden ser las historias web para su audiencia.
Veamos algunos otros ejemplos.
1. HealthifyMe: los mejores ejercicios para el pecho
HealthifyMe es una aplicación de seguimiento de salud y estado físico. Brinda soporte a los usuarios con seguimiento avanzado de calorías, detalles nutricionales y consejos de acondicionamiento físico. En esta historia web, ofrecen ejercicios sobre cómo desarrollar el pecho. Consiste tanto en equipos como en ejercicios de peso corporal.
Los creadores han colocado diapositivas promocionales en el medio para promocionar a sus expertos en dieta y fitness. Como puede ver, el contenido de un artículo se vuelve muy fácil de consumir a través de Google Web Stories.
2. Buscador: los pilotos con trajes jet se apoderaron de Inglaterra
Esta historia web de Seeker es algo que sólo debe ser visto, no leído. Un titular pegadizo te haría creer que la escena de alguna historia de ciencia ficción se está actualizando en Londres.
Es el tipo de historia que depende únicamente de los medios y tiene una viralidad fenomenal. No es necesario agregar animaciones ni efectos; el metraje tiene suficiente peso. Además, la historia web que se puede tocar permite a los espectadores ver fácilmente el vídeo y pasar a las partes que les gusten.
3. Refinery29: cómo se gana el dinero
Esta historia web se incluye en la categoría de entretenimiento educativo. Es la combinación perfecta de vídeos, textos, imágenes, animaciones y efectos para transmitir un tema bastante serio de la forma más entretenida posible.
De manera similar, puedes explicar conceptos complejos en diapositivas consumibles a tus espectadores y motivarlos a completar tus CTA.
Estos fueron los tres ejemplos principales de historias web de Google. Como puede observar, todos estos sitios web han utilizado inteligentemente diferentes tipos de contenido para crear una experiencia visual atractiva y ofrecer valor a sus usuarios para impulsar las conversiones.
¿Cómo crear historias web de Google en WordPress? Guía paso por paso.
Ahora ya sabes qué son las Google Web Stories y cómo aparecen en Google. Además, has visto amplios ejemplos.
Es hora de aprender a crear Google Web Stories para su sitio web de WordPress utilizando un complemento.
1. Instale el complemento de historias web de Google
Puede descargar Web Stories, un complemento de WordPress creado por Google. Permite a los usuarios de WordPress crear historias visuales en sus sitios web con funciones como generador de arrastrar y soltar, plantillas de diseño, enlaces, etc.
Es completamente gratuito, le permite diseñar las narrativas visuales más pegadizas y proporciona una forma única de interactuar con sus usuarios.
Para instalar el complemento Web Stories, inicie sesión en su Panel de WordPress y siga los pasos:
- Desde el Panel de administración, vaya a Complementos > Agregar nuevo.
- Haga clic en Cargar complemento y seleccione el archivo del complemento Web Stories descargado.
- Haga clic en Instalar.
- Por último, Activar el complemento.
Luego, abra la configuración de Historias web y configure los ajustes para agregar detalles relevantes para su negocio, como ID de seguimiento de Google Analytics, logotipo de marca, monetización, conectar su complemento con plataformas de comercio electrónico y más.
2. Crea tu primera historia web
Vaya a la configuración de Historias web y haga clic en el botón Crear nueva historia para crear su primera Historia web de Google.
La interfaz del editor está organizada y es fácil de utilizar para principiantes. Tiene las siguientes partes:
El panel Insertar, aplicar estilo y publicar: El lado izquierdo contiene opciones que le permiten Insertar varias imágenes, vídeos, textos, formas, productos y plantillas. También puede configurar la marca, el cronograma de publicación, el avance de la página, el audio y la visibilidad.
Lienzo: En medio del editor de historias, tienes el lienzo donde puedes arrastrar y soltar elementos de diseño para crear tu historia.
Barra lateral: En el lado derecho, tienes la opción de personalizar los elementos agregados a tu lienzo.
En el complemento Web Stories, obtienes acceso a una colección de medios de uso gratuito. Además, puede acceder a los archivos multimedia almacenados en su biblioteca de WordPress y cargar sus imágenes, vídeos, audio, etc., desde el panel Insertar.
Si no desea invertir tiempo diseñando meticulosamente sus historias web, elija una de las plantillas precargadas y personalícela según sus necesidades.
3. Cambiar el color y la imagen del fondo.
Para agregar un color de fondo a su historia, haga clic en el botón Cambiar color de fondo y seleccione el color de su elección.
Clickea en el Insertar medios de fondo Botón para agregar imágenes, videos o plantillas a tu historia.
Además, puedes seleccionar la cobertura de tu elemento de fondo (video o imagen) sobre el lienzo.
3. Agregar texto a tus historias
Para agregar elementos textuales a sus historias, haga clic en el botón insertar texto del lienzo. Además, puedes ir a Insertar > Texto y agregue su texto a la historia o elija entre las Plantillas de texto disponibles.
Ajustar el tamaño del texto es fácil. Sólo necesita expandir o reducir el cuadro de texto según sus requisitos.
En el editor de Web Stories, puedes cambiar el color, fuente, tamaño, alineación, distribución, etc., de tu texto. Además de eso, puedes hacer hipervínculos al texto para promocionar lo que quieras.
Básicamente, te permite estilizar y personalizar tu texto para que tus historias parezcan atractivas y profesionales.
4. Agregar diferentes formas y pegatinas.
Puede agregar diferentes formas y personalizar su tamaño, color, borde y alineación desde el menú Insertar.
Además, obtienes varias pegatinas con diseños minimalistas para que tus historias se vean más geniales.
5. Agregar productos
El complemento Web Stories está diseñado para la narración visual, lo que le permite agregar valor mientras comercializa su producto entre diapositivas.
Pero para vender con historias, debe configurar la opción de vinculación de productos desde la configuración de Historias web.
Configure la acción de compra de ninguna a WooCommerce. Luego, sus productos WooCommerce se vincularán al complemento Web Stories y aparecerán en el panel Compras en el editor de historias.
Para agregar cualquier producto de la lista, haga clic en el botón +. Aparecerá como un icono de dona con la etiqueta de precio del producto visible al pasar el cursor sobre él.
6. Agregar plantilla de historias web
El complemento Web Stories contiene docenas de plantillas que hacen que el proceso de creación de historias sea mucho más rápido. Debes ir al menú de plantillas y seleccionar la plantilla que necesitas. Hay tres tipos principales de plantillas: portada, sección y cotización.
Y sí, como todo lo demás, estas plantillas también son totalmente personalizables.
Una característica más sorprendente: puedes guardar las páginas creadas como plantillas y usarlas para proyectos futuros.
7. Añade más páginas a tu historia web
Cuando esté familiarizado con la interfaz y los elementos de diseño del editor de Web Stories, proceda a agregar más páginas a su historia. Para crear una página nueva, haga clic en el Nueva pagina botón desde el lado derecho del lienzo.
También puedes eliminar y duplicar tus páginas y guardarlas como borradores. Además, para cambiar el orden de las páginas es necesario arrastrarlas y soltarlas en su posición preferida.
8. Vista previa de tu historia
Es hora de hacer realidad tu arduo trabajo. Antes de publicar su historia web, puede obtener una vista previa de ella como lo haría con cualquier otra publicación en WordPress.
La vista previa muestra cómo aparecerá su historia en diferentes dispositivos móviles. Haga clic en el botón Agregar dispositivo para probar más la presentación de sus páginas.
Si detecta algo fuera de lugar, puede volver a la mesa de dibujo y arreglarlo.
9. Publicar tu historia web en Google
Para publicar su historia web, haga clic en el Publicar en la esquina superior derecha del editor de historias. Es similar a publicar cualquier otra publicación o página en WordPress.
Ingrese el título de su historia, la descripción, el logotipo de carga, la imagen del póster y el Slug optimizado para SEO. También puede determinar el avance y la duración de la página. Para contenido descriptivo, mantenga el avance de página en manual para que los lectores puedan leer a su propio ritmo.
Aquí hay algunas pautas más:
- El número de página recomendado es de 4 a 30.
- El tamaño de la imagen del póster debe ser de al menos 640x853px.
- Mantenga el título en menos de 10 palabras.
Encontrará más consejos en la lista de verificación. Te servirá como una forma de optimizar y agilizar tus historias antes de publicarlas.
Después de una revisión cuidadosa, publique su primera historia web de Google.
Y eso es. Ahora puede crear con éxito sus Google Web Stories.
¿Cómo utilizar Google Stories en su sitio web de WordPress de forma eficaz?
El uso de Web Stories no se limita a mostrar narrativas visuales en Google. De hecho, puede agregar historias en publicaciones, páginas o en cualquier lugar de su sitio web de WordPress.
WordPress te permite reutilizar tus historias. Así es como puedes agregarlos a tu publicación con el editor clásico:
Abra cualquier publicación existente o cree una nueva. En la barra de herramientas del editor, está disponible el botón para agregar historias visuales.
Haga clic en el botón de historias web y elija cómo desea mostrar su historia. Hay cuatro tipos de diseño:
- carrusel de cajas
- carrusel circular
- Red
- Lista
También puede determinar el Numero de historias, Ordenar por fecha o títuloen Orden descendente o ascendente y Visualización del título.
Si tienes poco tiempo, puedes copiar el enlace de cualquier historia visual y agregarlo a tu publicación. Eso también funciona.
Ve a la Panel de historias webcopia la URL de la historia y pégala donde quieras insertar tu historia.
Agregar historias a través del editor de bloques es igual de fácil. Abra el editor de bloques, agregue un nuevo bloque y haga clic en Historias web.
Tendrás la opción de seleccionar historias de la colección que has creado.
Aquí voy junto con el Historia única opción.
Ahí lo tienen chicos. Así es como puedes reutilizar inteligentemente tus historias web e incorporar narrativas visuales a tu contenido.
En una nota final
La narración enriquece tu contenido. Da significado a sus lectores, permitiéndoles tener una experiencia inmersiva mientras interactúan con su sitio web.
El complemento Google Web Stories para WordPress le permite crear contenido visual muy atractivo para comercializar cualquier tema. Ya sean blogs, cupones, productos, servicios, etc.
Siga los pasos anteriores para crear sus historias visuales sin problemas e involucrar a su audiencia.
A lo largo de este artículo, he explicado los diversos beneficios de publicar en Google Web Stories. Aquí hay un resumen rápido para usted:
- Puedes diversificar tu contenido.
- Reutilice las historias web en cualquier lugar de su sitio web
- Habilite la monetización mediante enlaces de afiliados
- Agregue el ID de seguimiento de Google Analytics para monitorear el rendimiento de sus historias
- Involucrar a los usuarios de dispositivos móviles
- Incrementando la viralidad de tu contenido
- Sincronice sus productos WooCommerce con el complemento Web Stories
