Qué es AMP o Accelerated Mobile Pages

En este  tutorial  de CursoWpress.com conocerás al proyecto AMP o Accelerated Mobile Pages y cómo puedes sacarle provecho en tu web WordPress.

¿Qué es eso de AMP o Accelerated Mobile Pages?

AMP  Accelerated Mobile Pages, que bien podría traducirse como Pagínas Móviles Aceleradas, es una iniciativa open-source. Lo que busca AMP es el máximo rendimiento en las páginas webs en sus versiones móviles.

Si tocara resumir lo qué AMP con una frase sin duda sería:

La responsividad móvil con esteroides.

Sus desarrolladores, la gente de ampproject.org lo definen así:

Is an open-source library that provides a straightforward way to create web pages that are compelling, smooth, and load near instantaneously for users. AMP pages are just web pages that you can link to and are controlled by you.

AMP es una biblioteca de código abierto que proporciona una sencilla forma de crear páginas web que lucen bien, son ligeras y que cargan casi instantáneamente…

¿Cómo funciona AMP o Accelerated Mobile Pages?

AMP, desde el nombre, promete velocidad.

Por eso es posible te estés preguntando ¿Cómo funciona?, ¿En qué se basa AMP?

Una página en AMP es básicamente una web ultra optimizada para cargar lo esencial del contenido.

Los pilares de AMP se encuentran en tres elementos:

1.     AMP HTML

Que no es más que el HTML de toda la vida con unos atributos adicionados. O mejor dicho, una versión de HTML con ciertas restricciones que hacen que el código sea más limpio y funcione más rápido. Algunas etiquetas HTML estándar son sustituidas por las de AMP que agregan simplicidad.

2.     AMP JS

Que garantiza una máxima velocidad de carga pues se basa en librerías optimizadas.

3.     AMP Cache

El cache que la tecnología usa es nada más y nada menos que el cache Google AMP Cache. Sí, de Google. Y puedes acceder a la documentación oficial aquí: developers.google.com/amp/cache/

Todo eso permite que las versiones móviles de las páginas generadas bajo este protocolo carguen muy rápido.

AMP y SEO

Habilitar la tecnología AMP es beneficioso de cara al SEO.

Por todos es sabido que:

  1. Un porcentaje importante de internautas navega exclusivamente a través de dispositivos móviles.
  2. La velocidad de carga de una web es un factor que incide en la permanencia de los usuarios.

Además hace ya algunos años la misma gente de Google afirmaba que el AMP sería considerado un factor de posicionamiento.

Eso sin mencionar que:

La iniciativa de Accelerated Mobile Pages es respaldada por:

  • Adobe Analytics
  • AdSense
  • Bing
  • Baidu
  • Facebook Pixel
  • Google
  • Google AdWords
  • Google Analytics
  • LinkedIn
  • Pinterest
  • Reddit
  • Twitter
  • Yahoo JP
  • Tumblr
  • Dailymotion
  • Vimeo
  • Vine
  • Yahoo
  • YahooJP
  • YouTube
  • Souncloud.

Entre otras compañías y plataformas de publicidad web, de analítica, plataformas de contenido multimedia. Además de gestores de contenidos donde WordPress figura entre los primeros.

Por lo que es seguro te estés preguntando:

Cómo Instalar AMP o Accelerated Mobile Pages en WordPress

Para habilitar una página con AMP debes:AMP for WordPress

  1. Instalar y activar el plugin AMP for WordPress. Es gratuito y está disponible en el repositorio oficial de WordPress. Más 300.000 webmasters lo tienen activo en sus webs.
  2. Una vez activado el AMP for WordPress para ver la versión AMP de nuestra web nos dirigimos a:

 

Apariencia > AMP

Allí veremos una versión una tanto diferente de nuestra web habitual.

Cómo configurar AMP o Accelerated Mobile Pages en WordPress

(Al instalar el AMP for WP se creará una nueva pestaña: AMP).

Para configurarlo seguimos la siguiente ruta en nuestro dashboard de WordPress:

AMP > GeneralCómo configurar AMP o Accelerated Mobile Pages en WordPress

Allí nos encontraremos con que por default está tildada la opción que corresponde a nuestros posts.

Por eso activamos también la opción de páginas.

Cómo personalizar la versión AMP de tu Web

Siguiendo la ruta:

Apariencia > AMP > DiseñoCómo personalizar la versión AMP de tu Web

Es posible modificar la apariencia de nuestra web en la versión Acceletared Mobile Pages. Pero vamos, teniendo en cuenta que la premisa de este protocolo es la simplicidad no esperes grandes opciones de diseño.

Allí podrás cambiar el color del texto del header y el color del fondo del mismo.

También podrás elegir si quieres que tu web se muestre en un esquema claro o en uno oscuro (como el modo nocturno de muchas webs como YouTube).

Recuerda guardar los cambios (presionando el botón publicar) si quieres se visualicen.

 

Criticas al AMP

Pese a las múltiples ventajas que puede representar está iniciativa, existen expertos que se han mostrado disconformes al implementarlo en sus sitios.

Entre las razones que esgrimen en contra del Acceletared Mobile Pages está la poca posibilidad de captar suscriptores. Lo que, según ha afectado sus ratios de conversión: suscriptores, ventas, acciones sociales y un largo etcétera.

Tienes que tener en cuenta que con AMP no hay posibilidades de añadir botones de call to action, pops ups y demás herramientas que ayudan a generar conversiones.

Además si tienes una web de afiliación el Amazon affiliate link builder y otros plugins del ramo no son compatibles con AMP.

Conclusión

Si quieres ser un experto en desarrollo web  y todo lo referente al mundo del WordPress apúntate al mejor curso en línea y en español del mejor gestor de contenidos: WordPress.org