Cómo instalar AMP en WordPress con el plugin AMP for WP

Si has llegado a este artículo es porque ya sabes las ventajas que puede aportar el Accelerated Mobile Pages y estás deseando incorporarlo a tu WordPress. Pues estás en el sitio correcto, te voy a mostrar cómo instalar AMP en WordPress en menos de 15 minutos y con un único plugin.

1- Instalar el Plugin AMP for WP – Accelerated Mobile Pages

Este paso es muy importante ya que la elección del plugin que usaremos para instalar AMP es crucial. Hasta la fecha sólo he probado dos que me gusten y en concreto el que os recomiendo es el mejor por la gran personalización que nos presenta y lo fácil que es de usar. Este plugin permite insertar Google Analytics, Anuncios de Adsense, realizar traducciones, personalizar el tema y todo ello desde una única interface muy amigable.

Pues nada, lo dicho, lo primero es ir al buscador de plugins y localizar este plugin:

2- Configurar el Plugin de AMP en WordPress

Muchos de los ajustes que trae el plugin los dejaremos por defecto pero hay un par de ajustes que debemos realizar. Cómo te comentaba antes el menú de customización es super intuitivo:

A continuación te voy a indicar los ajustes básicos que debes realizar.

Ajustes en la pestaña de Settings:

• Apartado General: En este apartado lo principal será subir un logo con las medidas correctas para AMP, el tamaño recomendado por la herramienta es: 190×36. Luego deberemos indicar las partes de la web que deberán tener su versión responsive. Mucha gente sólo crea los post en AMP pero dependiendo de la web es recomendable poner todo.
• Advertisement: Este es uno de los puntos fuertes del plugin, podremos gestionar fácilmente la publicidad con nuestros anuncios de adSense. Sólo tenemos que indicar donde queremos situar nuestros anuncios  y poner el código de anunciante y de anuncio que queramos mostrar.
• Analytics: Tendremos que activar la pestaña de Google Analytics e introducir el código UA de nuestra cuenta de analytics. Con esto ya dispondremos del tracking de las páginas AMP. El plugin permite agregar muchos otros trackings, comScore, Google Tag Manager, facebook pixel, etc.
• Comments: Activamos WordPress Comments y dejamos por defecto.
• Translation Panel: Otro gran punto del plugin, permite traducir los principales textos que usaremos en un único sitio.

Ajustes en la pestaña de Design:

• Themes: Es hora de definir el estilo que tendrán nuestras páginas AMP. Lo primero será escoger el tema base.
• Header: Aquí habilitaremos Navigation Menu. Tendremos que pulsar en el link que nos aparece para ir a crear un menú custom en la parte de menús de wordPress.
• Single: Aquí deberemos marcar los elementos que queremos que aparezcan dentro de Post. Yo tengo activados: Migas de pan, categorías, etiquetas, post relacionados, artículos recientes
• Footer: Habilitaremos Link to Non-AMP page in Footer y Back to Top link.
• Social: Este apartado es para marcar en donde se compartirá el contenido, aparecerá en los post el típico menú de compartir con las opciones que marquemos.

Ajustes en Import/Export:

Este punto sólo lo comento porque me parece muy interesante. Podremos guardar una copia de nuestra configuración del plugin de AMP e importarlo en otro proyecto o para recuperar la configuración en caso de pérdida.

3- Disfutar del resultado final de ver tu web con AMP

Este es un ejemplo del resultado de una web con este plugin activo:

Aquí está el link de la versión AMP de Cómo hacer Cremas por si quieres revisar su correcto funcionamiento antes de ponerlo en tu web.

Espero que te haya ayudado con este plugin y que te animes a configurar AMP en tu WordPress ya que es muy fácil y te ayudará con tu posicionamiento en buscadores.