lunes, 16 de julio de 2018

Corregir AMP con Google Search Console


A lo largo del último año probé varios plugins de AMP. El primero y que me mantuvo en verde por más tiempo fue AMP for Wordpress de la AMP Project, junto con Yoast y Glue de Yoast.

Pero Yoast presentó problemas en mi sitio Web, no podía actualizar la configuración general y tuve que cambiarlo por AIOSEO, quitar el Glue, y buscar otro plugin que prometiera hacer lo mismo y colocar Google Tag Manager para AMP y publicidad de Adsense.

Luego de pasar por varios plugin, encontré Better AMP, que resolvió además los problemas que encontré en otros sitios Web.

Pero junto con esto, comenzaron a aparecer errores y advertencias. Los errores eran míos y algunos son producto de experimentos que no resultaron. Y las advertenncias eran detalles de los microformatos en el sitio. Así que tuve que editar el plugin.

\wp-content\plugins\better-amp\includes\libs\class-bf-json-ld-generator.php

Y con esta pequeña edición, resolví la advertencia y Google Search Console validó prácticamente todas las páginas del sitio. Ahora el blog regresa a verde.

Tráfico AMP 7 días previo a la corrección:

Tráfico AMP 7 días después de la correción:
(pronto)

jueves, 25 de enero de 2018

El nuevo Google Search Console (beta)


Cambió la ruta para acceder a los reportes, cambió el diseño de la plataforma, pero sobre todo cambió el periodo de análisis.

El límite de 999 queries o páginas sigue ahí, no es posible sobrepasar ese límite. Pero al menos sí podemos reconocer la performance de una URL específica, y sus queries, por un periodo de más de un año.

O dicho de otra manera, podemos mostrar la eficacia de la optimización SEO a lo largo del tiempo. Doy un ejemplo.


El gráfico a esta página incluye el tráfico normal y el tráfico amp. En enero de 2017 hice una actualización del contenido, y el resultado fue un aumento inmediato de las impresiones y clics. Y a partir de septiembre de 2017 muestra un crecimiento en búsquedas y clics que sobrepasa a la media.

El aumento de tráfico tiene sentido por dos razones: la primera, es el aumento de búsquedas relacionadas con el tema de la página; y la segunda, es la optimización SEO de la página en sí. Sin la segunda, no habría tenido un aumento significativo de la primera.

¿Quieres saber cómo optimmizar una página usando Google Search Console? 


Este ejercicio aplica tanto para la versión antigua como la nueva.


  1. Selecciona la página.
  2. Accede a las queries de esa página.
  3. Ordena las queries por posición media (de menor a mayor)
  4. Busca aquella query con CTR bajo que tiene posición media por debajo de 2.



sábado, 18 de noviembre de 2017

Implementar Google Tag Manager con Gtag.js


IMPORTANTE: este hack no permite hacer preview de los tag en GTM, todavía. Estoy a la espera de esta actualización necesaria, para usar Gtag.js con todos mis clientes.

Global Tag (Gtag.js) es el nuevo estándar de implementación de las plataformas de Google. Incluye Analytics, Tag Manager, DoubleClick y Optimize.

Desde hace varios años vengo usando Google Tag Manager (GTM) para todo, y ya me acostumbré a su estándar y al dataLayer. GTM hace mi trabajo mucho más simple. Pero el nuevo estándar Gtag.js (anunciado en el Google Partner Summit 360 en agosto de 2017) apareció de la nada y me llenó de incertidumbre. ¿Para qué quiero este código nuevo si puedo hacer tanto con el antiguo?

La principal diferencia en la implementación de GTM, es que el estándar antiguo es de dos piezas (un script y un noscript) y el dataLayer es optativo (antes del script); mientras que el estándar nuevo de Gtag.js es una sola pieza, e incluye el dataLayer en su implementación.

Antiguo Google Tag Manager


Nuevo Google Tag Manager (octubre 2017)


Quienes usan el código de Google Analytics, se darán cuenta que el estándar ya cambió en GA durante octubre de 2017, y ahora nos presenta el código Gtag.js; además, verán que el código es exactamente el mismo para GTM, con la única diferencia del identificador que se está llamando.

Analytics llama a GA- y Tag Manager llama a GTM-


La manera correcta de implementar Gtag.js es copiando el código lo más arriba posible dentro de <head>, idealmente pegado a este tag. El código estándar de GA y GTM es el mismo, eactamente el mismo, pero recuerden que hay que cambiar el identificador en dos lugares.

<!-- Global site tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=XX-XXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'XX-XXXXXXX');
</script>

Y si vas a incluir un dataLayer en tu implementación, recuerda que va dentro del código.

window.dataLayer = window.dataLayer || [{el dataLayer va aquí}];