Cómo configurar e implementar AMP en WordPress

Leonor Cañuelo30 octubre, 20179min16670
configurar-AMP-en-WordPress.png

En este artículo quiero enseñarte a configurar la versión AMP en tu página web o blog WordPress. ¿Qué dices que no sabes qué es eso? Bueno venga, pues también te explicaré qué es y por qué deberías tenerlo en tu página web.

¿Qué es la versión AMP de una página web?

La definición literal de las siglas es Accelerated Mobile Pages, es decir, páginas web en las cuales navegamos de manera eficiente y rápida desde nuestros dispositivos móviles.

Como sabrás, la velocidad de carga de una página web es uno de los factores más importantes a la hora de optimizar nuestro sitio para obtener un buen posicionamiento SEO. También, no me negarás que cada vez somos más los que utilizamos para todo nuestro smartphone.

Por tanto, Google cada vez le está dando una mayor importancia a la navegación a través de los dispositivos móviles y a que nuestra experiencia de usuario sea buena tanto en ordenador como en móvil y tablet: diseño responsive, baja velocidad de carga de una web en móviles, usabilidad web en móviles…

Pero a veces ocurre que aunque nuestra página web esté muy bien optimizada para móviles, el diseño responsive no es del todo correcto y la velocidad de carga no es tan rápida como quisiéramos.

Entonces ¿qué nos permite AMP? AMP es un framework html que nos permite crear páginas web muy simples. Solo aparecerá el contenido y las imágenes, los elementos javascript desaparecen, por lo que la web irá mucho más rápida.

Pero ojo, este sistema no sustituye a la versión responsive de tu web, está pensado para blogs y revistas online, en definitiva, sitios webs que se actualizan con frecuencia.

Vamos al lío, ¿cómo se configura AMP en WordPress?

En primer lugar, debes instalar el plugin Facebook Instant Articles & Google AMP Pages by PageFrog. Existen muchos plugins para configurar AMP, pero éste es el más completo y nos permite también configurar e implementar Facebook Instant Article, Google Analytics y Google Adsense.

Una vez instalado y activado, lo podremos encontrar en nuestro menú lateral izquierdo: Mobile Formats.

A continuación podrás ver tres contenidos: Facebook Instant Article, Google AMP HTML y Apple News Format (que estará disponible próximamente). Nosotros vamos a centrarnos en Google AMP HTML. Así que haz clic en Begin Setup.

Lo primero que te va a pedir es que descargues e instales el plugin oficial de AMP para WordPress.

Una vez instalado y activado, volvemos al panel de administración del plugin y veremos lo siguiente:

¿cómo se configura AMP en WordPress?

Pues bien, ya tendremos AMP funcionando. Para ver cómo se están viendo las páginas y entradas de nuestra web solo tenemos que añadir a la url /amp/ al final.

Ya habríamos terminado, pero te voy a explicar a continuación cómo podemos personalizar un poquito nuestro AMP, así como Google Analytics y Google Webmaster Tools.

Vamos a personalizar AMP en WordPress

Este es uno de los pocos plugins que nos permiten personalizar cómo verá nuestro usuario la versión AMP de nuestra web sin necesidad de editar con código. Para ello, vamos a dirigirnos a Mobile Formats > Styling.

AMP en WordPress

Esta sección me encanta, como puedes ver puedes editar numerosos aspectos de esta versión AMP de tu web, ¡y además puedes previsualizarlos a la derecha!

También, si te diriges a Mobile Formats > Settings, podrás configurar ciertas opciones más, como por ejemplo, desactivar la versión AMP para determinadas páginas o entradas que te den problemas.

Ahora tenemos que volver a implementar Google Analytics para la versión AMP

Como AMP desactiva el javascript de tu web, si queremos controlar las visitas a nuestra versión AMP de la web debemos implementar de nuevo Google Analytics. Y gracias a este plugin, es muy sencillo y sin necesidad de códigos.

Dirígete a Mobile Formats > Analytics. Haz clic en Google Analytics y una vez ahí, debes hacer clic en el botón azul: Sign in with Google. De esta forma iniciarás sesión en tu cuenta de Google Analytics y deberás elegir la cuenta correspondiente a tu sitio web que estás configurando.

Para finalizar la configuración, debes hacer clic en Enable Integration. Y si lo has realizado todo correctamente, verás un circulito verde y “Enabled” en Google Analytics.

implementar Google Analytics para la versión AMP

Pues bien, nos queda el último paso, analizar la indexación de estas páginas AMP.

Configurar y analizar AMP en Google Webmaster Tools

Inicia sesión en Google Webmaster Tools (Search Console) y elige tu sitio web. A continuación dirígete a Apariencia en el buscador > Accelerated Mobile Pages.

Si acabas de realizar la configuración de AMP o no la has realizado correctamente te aparecerá el siguiente mensaje.

Configurar y analizar AMP en Google Webmaster Tools

Google detectará la versión AMP en uno o dos días. Cuando ya la haya detectado verás que empieza a darte unas estadísticas de cuántas páginas AMP están siendo indexadas, cuántos errores hay, etc.

Si te encuentras que hay algunas páginas con errores, puedes pulsar en ellas y te explicará qué sucede y cómo puedes solventarlo.

 

Finalizo dándote las gracias por haber llegado hasta aquí y espero que te haya sido de utilidad este post. Si conoces otros plugins útiles para la implementación de la versión AMP en nuestra página web o blog déjame los nombres en los comentarios. Y si tienes cualquier duda o sugerencia, ya sabes donde estoy. 😉

Imagen de portada (accelerated mobile pages) de Shutterstock.

Leonor Cañuelo

Diseñadora web y experta en Marketing Digital y Social Media. Amante de la música, la informática y las nuevas tecnologías. Actualmente haciéndome un huequito en el mundo online con mi blog leonorcanuelo.com


Sígueme en Feedly

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies