Las páginas AMP (del inglés Accelerated Mobile Pages) o Páginas aceleradas para móviles, son páginas que buscan por encima de todo la optimización y la rapidez de carga de una página web en un dispositivo móvil, centrándose en el contenido y prescindiendo de otros elementos como la cabecera o el pie de página. Por el momento estan por tanto enfocadas a Smartphones y Tablets.

¿Cómo funcionan?

Las páginas AMP tienen una estructura concreta que debe respetarse para que la Web cumpla con el estandar de AMP (de hacerlo correctamente el posicionamiento en Google será muy positivo y dará resultados rápidamente). Se basan en un código llamado AMP HTML. Básicamente es código HTML pero se prescinde de algunas etiquetas que se sustituyen por otras. Por ejemplo para poder insertar una imagen deberemos cambiar la etiqueta <img> por <amp-img>. AMP incorpora su propia biblioteca de JS que garantiza la rapidez a la hora de cargar recursos externos.
A través de la red de AMP los contenidos se sirven desde la caché lo que asegura una rápida carga.

Restricciones

Hay que tener en cuenta una serie de restricciones a la hora de crear una Web AMP. En primer lugar, indicar que el único código JS que está permitido es el propio de AMP, por tanto no acepta scripts. Otra restricción muy importante es que no se admiten elementos de entrada de formulario tipo ‘input’ o checkbox. Los CSS deben estar ubicados dentro del elemento <head> y en ningún caso podrán sobrepasar los 50KB.

AMP en WordPress

Como no podía ser de otra forma, WP cuenta con plugins destinados a la creación y conversión de páginas al formato AMP. Estos plugins nos permitirán crear una página desde 0 siguiendo el formato de AMP o bien convertir páginas ya creadas. Lo que hará el plugin en este caso es “limpiar” la página dejando únicamente el contenido esencial de la misma.

¿Que Plugin instalar?

AMP

Es el plugin oficial del proyecto AMP para Wordpress aunque lleva bastante tiempo sin ninguna actualización.

AMP for WP

Con más de 60.000 instalaciones este es el plugin para AMP mejor valorado. Con actualizaciones continuas, ofrece extensiones para ampliar las opciones del formato AMP, tales como Contact Form 7, WooCommerce, AdSense etc..

Finalmente hay que tener en cuenta el siguiente plugin para los usuarios de Yoast SEO:

GLUE para Yoast SEO & AMP

Este plugin sirve para asegurarnos que nuestra página AMP utilice de forma correcta los metadatos recogidos en Yoast SEO y también ofrece algunas opciones para el diseño de nuestra página. El plugin tiene una valoración muy alta por parte de los usuarios. Para concluir este post, recordar que actualmente el uso de las AMP está sobretodo enfocado para sitios de noticias, blogs, webs de anuncios etc. El proyecto está en continuo desarrollo por lo que posiblemente acabará siendo aplicable a cualquier tipo de página Web.

Para más información podéis visitar https://www.ampproject.org/es/

Artículo elaborado con la colaboración de Laura Sánchez Lara, durante su paso y colaboración en nuestro estudio de Barcelona.