Google Web Stories para WordPress: La Guía Definitiva

Esta es una completa guía de Google Web Stories para WordPress.

Hoy implementé un Web Stories a un blog de nicho y me encontré con varias dificultades, buscando soluciones en Internet veo que hay poca información al respecto.

Con esta guía espero que aprendas los aspectos más importantes que hay que saber acerca de este nuevo plugin para WordPress.

Comencemos!

Qué es Google Web Stories?

Web Stories es el formato de historias para la web.

AMP Web Stories es una funcionalidad dentro del proyecto AMP de Google.

AMP Websites fue creado para acelerar la velocidad de los sitios web, con AMP una página web carga al instante.

Google Web Stories tiene presente lo anterior, pero su funcionalidad es la de crear historias visuales, te suenan los story o stories? Imagino que si, esto no es nada nuevo ya que Instagram lo viene usando hace años y con mayor popularidad.

La mayor diferencia con Instagram es que no dura sólo 24 horas.

Un Web Stories es una página web con formato story.

Permite por tanto ser editado cuantas veces quieras y es público para todos los usuarios de Internet (aunque podemos hacerlos privados, como cualquier post de WordPress).

Porqué Usar Web Stories para WordPress?

Web Stories es el nuevo océano azul donde Google nos invita a navegar.

Wexfly

Esta oportunidad no hay que dejarla pasar, te lo digo yo, y te lo dice Rubén Alonso quien es a mi criterio uno de los mejores blogueros de Internet, alguien a quien admiro y que tiene una reconocida trayectoria en el mundo del blogging y el SEO.

Entonces, claro que vale la pena que lo pruebes en tu blog.

Es el mundo web orientado al móvil y sin necesidad de instalar una app.

Te ayudará a generar tráfico y monetizar.

Con Web Stories puedes crear fácilmente narrativas visuales en la web, accesible para todos, ya sea en PC o Móvil.

Editor de Google Web Stories para WordPress
El Editor de WordPress para crear Web Stories

Al estar pensado principalmente para móviles, será más atractivo para un usuario de móvil que esté buscando en Internet.

En muchos casos ver un una narrativa visual e interactiva es más interesante que el artículo de un blog, con Web Stories estamos llegando a un público que usa el móvil y que por tanto necesita la información de una manera diferente a la tradicional.

Dado que puedes dar un valor agregado a tus visitantes, aumentar tus visitas y monetizar los Web Stories, son razones suficientes para usar Web Stories para WordPress.

Ejemplos de Google Web Stories

Si aún no sabes de qué va esto de los Story, no te preocupes, aquí te dejo varios ejemplos que te van a esclarecer las cosas, porque un ejemplo vale más que mil palabras. Espero te sirvan de inspiración:

Ejemplos en Periódicos:

Ejemplos en Blogs:

SEO en Google Web Stories para WordPress

Bueno, es un proyecto de Google… y 2+2 es 4 😉

Ya del vamos a ciegas sabemos que, si Google te está pidiendo que uses los Story no podemos dudar que con tema de SEO todo va a ir bien.

Más allá de las palpitaciones que puedamos tener, te voy a mostrar datos empíricos.

Los plugins de SEO más usados como Yoast SEO y Rank Math ya están funcionando con el plugin Web Stories de WordPress.

Hoy mismo Yoast SEO dijo que Google AMP estuvo en contacto con ellos antes de publicar la beta del plugin Web Stories:

Lo bueno de esta nueva característica y otras similares es que el equipo de Google colabora activamente con nosotros para asegurarse de que funcione bien con nuestro plugin. En el caso de Web Stories, alguien de Google realizó un pull request en nuestro Yoast SEO Github. Que es esencialmente una solicitud para revisar los cambios que harán antes de que sean definitivos. Esto nos da la oportunidad de anticiparnos y asegurarnos de que nuestro plugin funcionará perfectamente junto con este nuevo editor al proporcionar los metadatos correctos.

Blog de Yoast SEO

En el sitio oficial de AMP puedes ver el caso de éxito de The Washington Post.

Ellos aseguran que un 23% de las búsquedas desde un teléfono móvil han regresado desde que implementaron AMP:

AMP ayuda al Washington Post a aumentar los usuarios que regresan de la búsqueda móvil en un 23%

Blog oficial de AMP Web Stories

En particular con Web Stories destacan la posibilidad de brindar una noticia de mayor calidad:

Como fuente de noticias e información de última hora, Web Stories nos permite mostrar nuestro periodismo de calidad cuando hay varios elementos que queremos reunir. Combinando informes, fotografías, videos y gráficos en movimiento, esto brinda a los lectores un punto de entrada más visual cuando buscan nuestra cobertura.

Greg Manifold, Director de Diseño de The Washington Post

Podría seguir buscando casos de éxito en la web (que los hay), pero bueno, al final es una funcionalidad nueva y hay muchas incógnitas alrededor de todo esto.

Pero como dicen por estos lares, es «creer o reventar».

Recomendaciones SEO

  • La longitud de la historia recomendada es de 10 a 20 páginas.
  • La longitud del título recomendada es de un máximo de 40 caracteres.
  • Texto de cada página breve, menos de 200 caracteres por página.
  • El vídeo sería ideal que no dure más de 15 segundos y que el vídeo tenga subtítulos.

Cómo Instalar Google Web Stories en WordPress?

Ya que de momento el plugin está en fase beta, no es posible instalarlo desde el repositorio oficial.

  1. Instalar y Activar Web Stories en WordPress

    Google Web Stories para WordPress
    Google ha facilitado la descarga desde Github, puedes descargar la última versión de Web Stories aquí.

  2. Subir el Plugin a WordPress

    En el panel de control de WordPress ve a Plugins > Añadir nuevo > Subir Plugin > Seleccionar archivo.
    Una vez esté subido, Activar el plugin.

  3. Activar el Módulo Google Web Stories en Yoast SEO o Rank Math

    Activar / Habilitar Módulo Web Stories en Yoast SEO
    En Yoast SEO ve a SEO Apariencia en el buscador > Tipo de contenido y verifica que está habilitado el módulo Stories (web-story).
    Activar / Habilitar Módulo Web Stories en Rank Math
    En Rank Math ve a Rank Math > Dashboard y verifica que está habilitado el módulo Google Web Stories

  4. Crear una Web Story

    Crear Web Story
    Para crear tu primera Web Story, en el panel de control de WordPress ingresa a Stories > Add new.

Cómo Instalar Analytics en Web Stories en WordPress?

1. Ingresar Código de Analytics al Theme WordPress

El siguiente código se pega en el archivo functions.php de tu template.

El código no lo hice yo, fue tomado del blog de Bernie Torras.

Sustituye UA-XXXXXXXXX-X por tu ID de ususario.

function print_analytics_script() {
    if (is_singular('web-story')) {
    ?>
<meta name="amp-google-client-id-api" content="googleanalytics">
<?php
}
}
add_action('web_stories_story_head', 'print_analytics_script');
function print_body_analytics_script() {
    if (is_singular('web-story')) {
    ?>
<amp-analytics type="gtag" data-credentials="include">
 <script type="application/json">
   {
     "vars": {
       "gtag_id": "UA-XXXXXXXXX-X",
       "config": {
         "UA-XXXXXXXXX-X": {
           "groups": "default"
         }
       }
     },
     "triggers": {
       "storyProgress": {
         "on": "story-page-visible",
         "vars": {
           "event_name": "custom",
           "event_action": "story_progress",
           "event_category": "${title}",
           "event_label": "${storyPageIndex}",
           "send_to": ["UA-XXXXXXXXX-X"]
         }
       },
       "storyEnd": {
         "on": "story-last-page-visible",
         "vars": {
           "event_name": "custom",
           "event_action": "story_complete",
           "event_category": "${title}",
           "event_label": "${storyPageCount}",
           "send_to": ["UA-XXXXXXXXX-X"]
         }
       }
     }
   }
 </script>
</amp-analytics>
    <?php
}
}
add_action('web_stories_print_analytics', 'print_body_analytics_script');

2. Configurar Google Analytics

Bien, ahora hay que configurar Analytics para que comience a rastrear las visitas a los Web Stories.

Ingresa a Google Analytics > Personalización > Paneles >Crear.

Configurando Google Analytics con Web Stories

Selecciona el lienzo en blanco, agrega un título descriptivo al panel y pulsa Crear panel.

En el nombre del widget ingresa el nombre del story.

Y en tipo de gráfico selecciona Barras.

En «Crear un gráfico de barras que muestre:» selecciona Resultados.

«agrupado por» elije Etiquetas de evento.

«Mostrar hasta» elije 9 barras.

Ahora hay que agregar un filtro: Pulsa el enlace Añadir un filtro, en la barra desplegable selecciona Mostrar solo y luego selecciona Categoría de evento, en la segunda barra desplegable seleccionar Coincidencia exacta. Por último ingresa el nombre exacto del título del story.

Si esta todo correcto el resultado será el siguiente:

Widget de Google Analytics reportando visitas de un Story

Para mayor información sobre otros widgets que puedes implementar visita el post del blog oficial de AMP que explica cómo configurar Analytics paras Web Stories.

Enlaces de interés sobre Google Web Stories

La Web oficial de Google para Web Stories para WordPress
Web oficial de AMP Web Stories
Web Stories en Rank Math
Políticas de Google para las Web Stories

Comparte: Te gusto o te ha parecido útil este artículo? Considera compartirlo con tus amigos, me será de gran ayuda para seguir creciendo.

TwitterFacebookBufferLinkedInWhatsAppPin It

Deja un comentario