Como activar AMP en WordPress
Después de la revolución de Penguin 4.0 en el núcleo del algoritmo de Google, que nos obliga a vigilar los enlaces, la última novedad que ha anunciado Google este año en su blog oficial para webmasters en nuestro país son las páginas AMP y en este articulo vamos a aprender como activar AMP en WordPress paso a paso.
AMP es un claro indicio de la importancia de los dispositivos móviles para el buscador puesto que desde este año en España se hacen más búsquedas en móvil que en otros dispositivos como aviso a los asistentes a mis conferencias y clases de SEO para que hagan sitios webs responsive o los prueben antes de hacer campañas de posicionamiento SEO y Adwords.
Antes de activar AMP vamos a ver primero que es AMP y para qué sirve y después los pasos para activarlo en tu blog WordPress y comprobar que se ha activado correctamente antes de notificarlo a Google para que lo tome en cuenta y lo muestre en los resultados de búsqueda en dispositivos móviles.
Lo primero que hay que dejar claro es que esto solo sirve para la versión .org de WordPress y no para wordpress.com porque no te deja instalar plugins ni modificar el código PHP de tu tema o plantilla de WordPress.
Que es AMP
AMP son las siglas de Accelerated Mobile Pages que se puede traducir como páginas aceleradas para móvil porque cargan más rápido en móvil y responden a la demanda creciente del uso de las búsquedas en móvil en todo el mundo.
Son páginas HTML con algunas restricciones de código para que pese menos y tienen unas propiedades que le indican a Google la versión no AMP de la página.
Según Google a final de año los sitios web con páginas AMP tendrán mayor visibilidad en los resultados de búsqueda de Google por lo que los que nos dedicamos profesionalmente al SEO tenemos que estar atentos como dice en su blog oficial sobre AMP
El invierno ha llegado y hay que estar preparados ¿no crees? ;-)
Para que sirve AMP
Las páginas AMP son ideales para periódicos online y blogs porque cargan más rápido y generan una mejor experiencia de usuario que es lo que quiere Google al fin y al cabo. Algunos periódicos españoles ya lo están implementando como el Marca que es uno de los más leídos junto con ElMundo.
Esos resultados de búsqueda con páginas AMP los podemos ver en la sección Noticias del buscador e incluso en los resultados principales para determinadas búsquedas como puedes ver en la siguiente imagen por encima de los resultados orgánicos donde se ven noticias al buscar a Ricky Rubio desde un móvil y se muestran contenidos que tienen version AMP para móvil
Como activar AMP en Wordpress
Para activarlo en tu blog WordPress solo tenemos que descargar e instalar un plugin gratuito de Automattic en la siguiente dirección Plugin AMP Wordpress y con eso quedará activado. No es necesario hacer configuraciones adicionales.
El plugin te va crear páginas AMP en cada entrada de tu blog añadiendo /amp/ al final de la URL en cada entrada del blog como en el siguiente ejemplo:
En esta página AMP va a haber un enlace a la versión canonical original de la página sin AMP para evitar contenido duplicado con una línea en HTML como esta
<link rel=»canonical» href=»https://www.sergiovazquez.es/activar-amp-wordpress/» />
Como comprobar AMP en WordPress
Para comprobar que lo has hecho correctamente puedes usar el validador de AMP online en la siguiente dirección https://validator.ampproject.org/ e introducir la URL de una página AMP tuya y pulsar el botón validate como en la Imagen.
Si te sale en rojo con FAIL y no te funciona es posible que haya otro plugin que interfiera con el código AMP que genera el plugin como me pasó con el plugin que tenía de compartir en redes sociales que lo tuve que cambiar.
Tendrás que mirar el código fuente HTML para ver qué linea te esta dando el fallo y ver si es del tema, un codigo php a medida, plugin u otra cosa para poder corregirlo en WordPress
Para comprobarlo hay que ver el código HTML e ir probando a desactivar y activar plugin hasta que pase el test.
Otra forma de comprobarlo es con Google Search console tras hacer una solicitud de rastreo de páginas AMP si recibes un mensaje como este que te avisa que no has implementado bien AMP en tu web:
Si sale PASS en verde podemos hacer una solicitud de rastreo en Google Search Console para notificar a Google las nuevas páginas y a continuación esperar una semana para ver el estado de las páginas AMP que nos dice Google en la siguiente pestaña
Aquí puedes ver una imagen de como he activado, corregido e indexado páginas AMP de mi blog y lo reconoce Google Search Console tras indexarlas correctamente
Por si quieres aprender más te dejo las directrices de Google para las páginas AMP https://support.google.com/webmasters/answer/6340290
Si has llegado hasta aquí espero que hayas aprendido de un Consultor SEO , te haya gustado este artículo resultado de mis experimentos en mi blog y si lo compartes lo completaré con más experimentos y resultados reales de SEO ;-)
Si tienes alguna duda déjala en los comentarios y te la contesto cuando pueda.
Ingeniero Informático,Consultor Marketing Online, SEO y Adwords. Docente. Ayudo a PYMES y profesionales a tener una presencia rentable en Internet.
He intentado instalar el plugin amp
y uno a uno he desistalado cada pluging y aun asi no me ha dejado, podrian ser dos y quiza por eso no me deje, no se, tampoco me atrevo a tocar mucho mas online
Tienes que hacer la prueba de AMP y ver en que linea de codigo te esta fallando por si es algun plugin poder corregirlo.
Sin ver la URL no lo podemos saber.
Saludos
Hola Sergio
Si gracias a tu explicación pude instalar el AMP , la pregunta como puedo configurarlo? ya que a mi no me aparece el titulo en la parte de arriba (color azul) como el tuyo
Saludos desde México
No hay que configurar nada en el plugin amp de wordpress. Es simplemente activarlo y ya está.
Saludos desde España
Hola
habría que hacer algo con el rel=canonical, no? DE las páginas AMP a las originales…o no es necesario
Gracias
Hola Gerardo
El plugin te pone una etiqueta canonical de la version AMP a la versión no AMP de la misma página.
Por ejemplo en esta entrada puedes ver en el codigo html esta linea
link rel=»canonical» href=»https://www.sergiovazquez.es/activar-amp-wordpress/»
que le está indicando la versión original no amp de la misma página ;-)
Saludos
Buenas Sergio, ya he probado varias veces a configurar el plugins AMP, pero me da «FAIL» he desactivado todos los plugins uno a uno y nada sigue sin funcionar.
Un saludo y gracias por todo.
Hola Andrés
Tendrás que mirar el código fuente HTML para ver qué linea te esta dando el fallo y ver si es del tema, un codigo php a medida, plugin u otra cosa para poder corregirlo en WordPress
Muy buen tuto de como activar AMP en Wordpress Sergio. Ya lo tengo en funcionamiento a la espera de contrastar resultados.
Un saludo
Gracias Luis. Me alegra que te guste y te sirva para tu blog
Saludos
Gran aporte, todavia AMP tiene que dar mucha guerra. Un saludo de donpaginasweb.com
Si, ya existen paginas AMP de fichas de producto y se esperan novedades y mejoras para la experiencia de usuario en móvil de Google
Saludos
Hola Sergio,
Gracias por el post sobre AMP, me parece muy interesante y útil. Estoy teniendo problemas al instalar el plugin, pues me da fail. El motivo que me pone es el siguiente: «Only AMP runtime ‘script’ tags are allowed, and only in the document head.»
¿Sabes qué puedo hacer para corregirlo? No entiendo mucho de código y estoy un poco perdida.
Gracias por tu atención,
Un saludo
Hola Elena
No me ha pasado eso pero yo creo que tienes que actualizar a la última versión de WordPress y del plugin. Los autores dan soporte.
Saludos
¡Muchas gracias! Voy a probar a ver qué tal :)
Un saludo