No es ninguna novedad para ninguno de nosotros que el número de usuarios móviles ya ha superado con creces el número de personas que utilizan un ordenador de escritorio para buscar información o realizar una transacción, ¿verdad? Google ha estado advirtiendo a todo el mundo sobre este comportamiento creciente al tiempo que proporciona nuevas soluciones para que los marketers se mantengan al día con todos los cambios. ¿Adivina cuál es nuestra favorita? 😉
Las páginas AMP llegaron para liderar las SERPs móviles (páginas de resultados del motor de búsqueda) y, por lo tanto, los profesionales y desarrolladores de SEO tienen que implementar tantas como sea posible para proporcionar la mejor experiencia de usuario móvil para los visitantes. Ahora, averigüemos un poco más.
¿Qué son las páginas móviles aceleradas (AMP)?
AMP es un tipo de página creada por Google y Twitter que ofrece la navegación más rápida en Internet. Básicamente, es una forma más simple de HTML que permite a los desarrolladores crear fácilmente páginas web móviles de carga rápida. Gracias a este nuevo código, los editores pueden mejorar la velocidad de las páginas (¡tardan menos de un segundo en cargarse!), lo que, en consecuencia, proporciona una mejor experiencia de usuario.
Como se basan en una versión simple de HTML, hay ciertas etiquetas que no se pueden usar, al igual que algunas funcionalidades CSS. El uso de JavaScript está completamente restringido ya que ralentiza la velocidad de carga, por lo que tendrás que usar su propia versión en su lugar.
Dado que la idea principal de este servicio es mejorar la legibilidad, las imágenes no se cargarán hasta que llegues a ellas al desplazarte, por lo que la página no tarda todo el tiempo de carga inicial que nos hace quejarnos a todos (¡bien!). Ahora te preguntarás: ¿cuál es la clave de este truco de magia? Bueno, estas páginas están diseñadas para ser súper cacheadas. Esto significa que Google aloja todo el contenido, por lo que está ahí esperando por ti.
Lo bueno de este código es que es de código abierto, por lo que muchas otras plataformas están aprovechando la oportunidad para ofrecer las mismas soluciones a sus visitantes. Los artículos instantáneos de Facebook, Snapchat Discover o Apple News son los más conocidos, pero pronto disfrutaremos de la misma experiencia de navegación en otros canales.
Es posible que hayas notado que esto lo utilizan principalmente los periódicos para publicar contenido que se carga muy rápido y aparece en las SERPs en un abrir y cerrar de ojos. Otros negocios como los sitios de comercio electrónico, las páginas de recetas y algunos bloggers están implementando esta tecnología en sus publicaciones, e innumerables empresas la aplican a las landing pages para múltiples propósitos. ¿Ya has decidido para qué quieres usarla?
¿Cómo implementar Accelerated Mobile Pages?
Antes de ponernos demasiado técnicos, queremos aclarar que, a pesar de ser una plantilla HTML concreta, puedes mantener la misma identidad de tu sitio web utilizando tu código CSS, con algunas variaciones. Los desarrolladores no se quejarán tanto como cuando necesitan minimizar los archivos para mejorar la velocidad de la página, lo prometemos. 😉 Y el resultado será súper ligero con mucho menos esfuerzo.
Ahora, entremos en las 3 partes de este código mágico:
- AMP HTML: como acabamos de mencionar, esto no debería ser difícil ni tomarte demasiado tiempo si estás familiarizado con el HTML normal. Querrás echar un vistazo a la lista de marcados requeridos del Proyecto AMP antes de editar tu nueva página, y una vez que hayas hecho una, le cogerás el truco.
- AMP JS: ¿recuerdas que hablamos de la restricción de JavaScript? Siguiendo el framework JS para Accelerated Mobile Pages deberías ser capaz de satisfacer tus necesidades.
- AMP CDN: hay una Content Delivery Network opcional que lleva tus páginas habilitadas para AMP a la caché y optimiza automáticamente su rendimiento.
Estas nuevas páginas están alojadas en Google AMP y servidas por la CDN mencionada anteriormente. La URL se verá así: https://www.google.com/amp/www.yourdomain.com
AMP y las SERPs
Hablando de resultados de búsqueda, estamos seguros de que ya has visto el icono del “trueno” junto a las últimas noticias de los periódicos digitales. ¿Qué tal el carrusel AMP? Así es como puedes diferenciar los resultados normales de los acelerados:
AMP aparecerá la mayoría de las veces (pero no necesariamente siempre) antes que cualquier otro resultado, incluso por encima de un sitio web móvil muy bien optimizado.
Históricamente, Google clasificaba las páginas según la optimización de la versión de escritorio, y este parámetro designaba el posicionamiento de su versión móvil en las SERPs móviles. Bueno, amigos, este ya no es el caso: ¡“Mobile First” es real! Así que, si estás leyendo esto y tu sitio aún no está adaptado para móviles, deja lo que estés haciendo e invierte todos tus esfuerzos de SEO en móviles (después de terminar este artículo, por supuesto).
Nuestras instrucciones para AMP son bastante simples:
- Elige las páginas que quieres crear con esta tecnología. Por lo general, serán las de mayor rendimiento, cualquier entrada de blog o noticia.
- Crea las páginas, y no olvides la base del SEO: ¡contenido de calidad por encima de todo! Luego usa las etiquetas HTML sabiamente.
- Valida las páginas antes de subirlas. Usa el sitio web del Proyecto AMP o la herramienta que está integrada en Google Chrome para eso – ¡este paso es clave!
- Encuentra una manera de agilizar todo este proceso. No querrás perder demasiado tiempo construyendo todas estas páginas. Comprueba si tu CMS ofrece algún plugin para ayudarte a automatizarlo. WordPress es un muy buen CMS para las páginas AMP.
- Por último, pero no menos importante, MONITORÍZALAS y sigue optimizando. Utiliza la herramienta de FandagoSEO para explorar cómo rinden tus Accelerated Mobile Pages y realiza los ajustes necesarios.
Suena fácil después de todo, ¿verdad? Permítenos destacar el punto principal de este artículo: Google solo está mirando los sitios web adaptados para móviles al definir sus rankings, por lo que ser competitivo en esta nueva era es vital. Las páginas AMP se colocan incluso por encima de las SERPs móviles, así que asegúrate de usar esta tecnología en tus páginas más importantes si quieres tener un sitio competitivo. La implementación no es demasiado difícil, y los resultados son impresionantes en términos de posicionamiento y, por supuesto, de tráfico y conversiones.
Cómo probar las páginas AMP
Una vez que hayas implementado tus páginas AMP, vale la pena probarlas para asegurarte de que funcionan correctamente. Esto es algo que puedes hacer fácilmente con Google Search Console.
Cuando Google detecta páginas AMP en tu sitio, se mostrarán automáticamente en Search Console. Simplemente inicia sesión en tu cuenta y selecciona el dominio deseado. Haz clic en “AMP” debajo de “Mejoras”.
Aquí encontrarás las páginas AMP que Google ha rastreado y su estado (Error, Válida con advertencias y Válida).
Las páginas AMP que muestran un error no se pueden mostrar en los resultados de búsqueda. Revisa los tipos de errores y advertencias y sigue las recomendaciones de Google para solucionar los problemas. Todas tus páginas AMP deben ser válidas.
También puedes probar páginas individuales utilizando la herramienta gratuita de prueba de AMP de Google.
Otra herramienta que puedes usar para verificar tus páginas AMP incluso antes de publicarlas es el validador de AMP del proyecto AMP.
Ten en cuenta que los cambios no aparecen inmediatamente en Google Search Console. Si deseas verificar instantáneamente las modificaciones que has realizado en varias páginas, usar un SEO crawler con un AMP checker sería una mejor opción, como explicamos a continuación.
Cómo verificar tus AMP en tu sitio web
Si has comenzado a implementar esta tecnología en tu sitio web, puedes verificar cuáles de tus páginas son AMP y cuáles no. Rastrea tu sitio con FandangoSEO para ver el número exacto de páginas con y sin AMP. Estos datos también se pueden mostrar por el porcentaje que representa en la web. Obtén una lista de todas tus páginas AMP para que puedas ver rápidamente su correcta ejecución.
