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 ninguna duda sería:
La responsividad dispositivo 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 factible 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 items:
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 tener acceso a la documentación oficial aquí: developers.google.com/amp/cache/
Todo eso posibilita 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:
- Un porcentaje importante de internautas navega exclusivamente por medio de de dispositivos móviles.
- La velocidad de carga de una web es un factor que incide en la permanencia de los usuarios.
A la vez 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 AdWords
- Google Analytics
- Yahoo JP
- Tumblr
- Dailymotion
- Vimeo
- Vine
- Yahoo
- YahooJP
- YouTube
- Souncloud.
Entre otras empresas y plataformas de publicidad web, de analítica, plataformas de contenido multimedia. A la vez 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:
- 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.
- 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 usual.
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 > General
Allí nos encontraremos con que por default está tildada la opción que corresponde a nuestros posts.
Por eso activamos al mismo tiempo la opción de páginas.
Cómo personalizar la versión AMP de tu Web
Siguiendo la ruta:
Apariencia > AMP > Diseño
Es factible 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.
Al mismo tiempo podrás elegir si necesitas 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 necesitas se visualicen.
Criticas al AMP
A pesar de 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.
A la vez si tienes a tu disposición de una web de afiliación el Amazon affiliate link builder y otros plugins del ramo no son compatibles con AMP.
Conclusión
Si necesitas 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