Hoy quiero ayudar a que tu web gane visibilidad en las búsquedas desde dispositivos móviles. ¿Cómo voy hacer eso?, pues fácil, enseñándote que es el proyecto de Google AMP y por qué debes implementarlo en tu página cuanto antes.
¿Qué es el proyecto AMP de Google?
El proyecto de AMP es una librería de código abierto que permite de manera rápida y muy eficiente mejorar la accesibilidad a una web desde dispositivos móviles. AMP viene de las siglas Accelerated Mobile Pages y es la solución que ha planteado Google a la lentitud que sufren algunos dispositivos móviles al cargar páginas webs. Las páginas con el código AMP implementado eliminan todo lo que puede cargar en exceso a una web como puede ser el JavaScript y hacen uso de un CSS minimalista que busca resaltar ante todo el contenido.
Las principales características de AMP son:
- AMP HTML: Es un contenido HTML pero ampliado con ciertas propiedades que mejoran la carga de las webs. Muchas de las etiquetas que se usan son las comunes que nos encontramos en cualquier HTML pero otras son etiquetas nuevas creadas para optimizar la carga e incompatibilidades entre navegadores.
- AMP JS: AMP incorpora la biblioteca AMP JS que implementa todas las buenas prácticas de rendimiento en la carga de recursos e incluye las etiquetas HTML que mencionamos arriba.
- Google AMP Cache: Podremos usar el Google AMP Cache que se basa en una red de distribución de contenido basada en proxy. Recoge todas las páginas AMP HTML y las almacena en la caché, lo que mejora el rendimiento de estas páginas.
¿Por qué va a mejorar tu tráfico web al implementar AMP?
Como te comento arriba, AMP es una iniciativa de Google y aquí podría acabar la explicación 🙂 si es de google, google lo posiciona mejor y punto, pero voy a seguir un poco más con la explicación. Cuando AMP arrancó, hace ya más de un año, comenzó como una prueba pero poco a poco descubrimos que los contenidos de webs con AMP comenzaban a posicionarse mejor.
Poco a poco fue ganando peso y a día de hoy en muchas consultas que hacemos al gigante Google desde dispositivos móviles veremos que los resultados AMP aparecen antes. Si realizamos una simple búsqueda en google sobre las noticias de hoy veremos que en las noticias destacadas salen todo artículos de AMP.
Además en Google Search Console ya tenemos nuestra propia sección para informar a Google de cuales son nuestras páginas AMP y para revisar la correcta implementación y legibilidad de las mismas. Google no lo pondría ahí sino se fuera a quedar para siempre.
Un factor clave en el algoritmo de posicionamiento de Google es la rapidez de carga de una web, con lo cual, todas las páginas AMP, que cargan a una velocidad espectacular, comenzarán a ganar posicionamiento frente a otras páginas de la misma temática que carguen mucho más lentas y que presenten una experiencia de usuario negativa.
En la página oficial de AMP Project hay muchos casos de éxito demostrables con números. Te dejo el enlace por si quieres ver el incremento de tráfico que puede suponer para una web Casos de éxito de AMP aunque creo que ya no te hace falta mucho más para convencerte. Básicamente Google posiciona mejor este contenido desde dispositivos móviles, ¿Qué más necesitas saber?
¿Para qué tipo de webs debemos implementar AMP?
Hasta hace unos meses te hubiera dicho que Accelerated Mobile Pages está enfocado únicamente para páginas de editores. Las páginas de editores son las páginas de noticias, páginas de contenido, también blogs, páginas de guías y páginas de este estilo. El tema es que aunque las páginas de editores siempre han sido las mayores beneficiadas por implementar AMP, ya comenzamos a ver Ecommerce con AMP. Algo que en un principio no parecía que fuese a ocurrir dadas las limitaciones visuales que parecían sufrir las webs con AMP.
Pero la verdad es otra, como comentaba arriba, AMP es de código abierto y no para de recibir mejoras, optimizaciones y ya son más de 25 millones de dominios que trabajan con esta tecnología con lo cual, como te podrás imaginar, las webs con Accelerated Mobile Pages ya no están tan limitadas como hace un año, ahora tienen un estilo minimalista y muy moderno. Con la personalización del CSS de AMP podremos hacer que nuestra versión de AMP no se diferencie demasiado de la versión estándar.
Ventajas de implementar AMP en un Ecommerce
Con Accelerated Mobile Pages estamos creando experiencias de comercio eléctronico mucho más satisfactorias para algunos usuarios que las que podemos crear de manera estándar. Las páginas se cargan de manera casi instantánea y esto hace que los clientes mantengan su interés con mucha más facilidad.
El cliente avanza de manera más rápida por los flujos de compra que tengamos definidos en nuestros Ecommerce y las conversiones a venta aumentan. Está demostrado que los clientes están más dispuestos a volver a un sitio web si la experiencia de usuario es agradable y sobre todo satisfactoria. Aquí puedes ver ejemplos de implementación: AMP para Ecommerce
En la página web de AMP para Ecommerce podemos ver como grandes empresas del mercado ya apuestan por esta tecnología, Ebay y AliExpress encabezan la lista.
Espero que este artículo te haya ayudado a entender qué es AMP y por qué debes implementarlo cuanto antes. Ahora bien, aunque en la página oficial está toda la información para implementarlo, si trabajas sobre WordPress no te preocupes lo más mínimo de este tema. Te voy a mostrar cómo implementar AMP en WordPress en menos de 15 minutos con la ayuda de un único plugin y un poco de personalización de colores 🙂
Sólo tienes que entrar en el siguiente artículo: Cómo instalar AMP en WordPress. Cualquier pregunta que tengas recuerda que puedes dejarla en los comentarios y te contestaré lo antes posible.