Accelerated Mobile Pages (AMP)

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 escritorio para buscar información o para hacer una transacción, ¿verdad? Google ha estado advirtiendo a todo el mundo acerca de este comportamiento cada vez mayor, a la vez que proporciona nuevas soluciones para que los profesionales del marketing puedan mantenerse al día con todos los cambios. ¿Adivina cuál es nuestro favorito? 😉

Las páginas AMP llegaron para liderar los SERPs móviles (Search Engine Results Pages o "resultados del buscador" en castellano) y, por lo tanto, los profesionales y desarrolladores de SEO tienen que implementar tantos de ellos 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 Accelerated Mobile Pages (AMP)?

AMP es un tipo de página creada por Google y Twitter que ofrece la navegación más rápida en Internet. Es básicamente 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 (¡se tarda menos de un segundo en cargar!), lo que proporciona una mejor experiencia al usuario.

Velocidad de la web móvil

Como se basan en una versión simple de HTML, hay ciertas etiquetas que no se pueden utilizar, al igual que algunas funcionalidades de 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.

Dado que la idea principal de este servicio es mejorar la legibilidad, las imágenes no se cargan hasta que se llega a ellas mediante el desplazamiento, por lo que la página no tarda todo el tiempo de carga inicial que nos tiene a todos gimiendo (¡sí!). Ahora te preguntas: ¿cuál es la clave de este truco de magia? Bueno, estas páginas están diseñadas para ser super cacheadas. Esto significa que Google aloja todo el contenido, así que está ahí sentado esperándote.

Lo bueno de este código es que es de código abierto, así 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.

Usted podría haber notado que esto es usado principalmente por los periódicos para publicar contenido que se carga muy rápido y aparece en los SERPs en un abrir y cerrar de ojos. Otros negocios como sitios de comercio electrónico, páginas de recetas y algunos bloggers están implementando esta tecnología en sus publicaciones, y un sinnúmero de compañías la aplican a las páginas de destino para múltiples propósitos. ¿Ya has decidido para qué quieres usarlo?


¿Cómo implementar Accelerated Mobile Pages?

Antes de que nos pongamos 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á superligero con mucho menos esfuerzo.

Ahora, vamos a entrar en las 3 partes de este código mágico:

  1. HTML AMP: como acabamos de mencionar, esto no debería ser difícil ni te llevará mucho tiempo si estás familiarizado con HTML normal. Querrás echar un vistazo a la lista de marcas necesarias del proyecto AMP antes de editar tu nueva página, y una vez que hayas hecho una, te darás cuenta de ello.
  2. AMP JS: ¿recuerdas que hablamos de la restricción de JavaScript? Siguiendo el marco de trabajo de JS para Accelerated Mobile Pages usted debería ser capaz de satisfacer sus necesidades.
  3. AMP CDN: hay una Red de Entrega de Contenido opcional que toma sus páginas habilitadas para AMP para almacenarlas en caché y optimizar automáticamente su rendimiento.

Estas nuevas páginas están alojadas en Google AMP y servidas por la CDN mencionada anteriormente. La URL tendrá el siguiente aspecto: https://www.google.com/amp/www.yourdomain.com


AMP y los SERPs

Hablando de resultados de búsqueda, estamos seguros de que ya has visto el icono de "trueno" junto a las últimas noticias de los periódicos digitales. ¿Y el carrusel AMP? Así es como se pueden diferenciar los resultados normales de las páginas aceleradas:

La mayoría de las veces (pero no necesariamente siempre) la AMP aparecerá antes que cualquier otro resultado, incluso 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 SERP de los móviles. Bueno amigos, este ya no es el caso- "Móvil primero" es real! Así que, si estás leyendo esto y tu sitio no es móvil todavía, deja lo que estés haciendo e invierte todos tus esfuerzos de SEO en el móvil (después de terminar este artículo, por supuesto).

Nuestras instrucciones para AMP son bastante simples:

  • Elija las páginas que quiere crear con esta tecnología. Por lo general, serán las de mayor rendimiento, las entradas de los blogs o las noticias.
  • Cree las páginas, y no olvide la base del SEO: ¡contenido de calidad por encima de todo! A continuación, utilice las etiquetas HTML con prudencia.
  • Valide las páginas antes de subirlas. Usa el sitio web de AMP Project o la herramienta que está incorporada en Google Chrome para ello - ¡este paso es clave!
  • Encuentra una forma de agilizar todo este proceso. No querrás perder demasiado tiempo construyendo todas estas páginas. Vea si su CMS ofrece algún plugin que le ayude a automatizarlo. WordPress es un muy buen CMS para páginas AMP.
  • Por último, pero no menos importante, MONITORizarlos y seguir optimizándolos. Utilice la herramienta de FandagoSEO para explorar cómo funcionan sus Accelerated Mobile Pages y hacer los ajustes necesarios.

Después de todo, parece fácil, ¿verdad? Insistamos en el punto principal de este artículo: Google sólo tiene en cuenta los sitios web aptos para móviles a la hora de definir sus clasificaciones, por lo que ser competitivo en esta nueva era es vital. Las páginas AMP se sitúan incluso por encima de las SERPs móviles, así que asegúrate de utilizar 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 detecte páginas AMP en tu sitio, se mostrarán automáticamente en la consola de búsqueda. Sólo tienes que acceder a tu cuenta y seleccionar el dominio deseado. Haz clic en "AMP" debajo de "Mejora".

Encontrarás las páginas AMP que Google ha rastreado y su estado (Error, Válido con advertencias y Válido).

Las páginas AMP que muestran un error no pueden aparecer 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 deberían ser válidas.

También puedes probar páginas individuales utilizando la herramienta gratuita de pruebas de AMP de Google.

Otra herramienta que puedes utilizar para comprobar tus páginas AMP incluso antes de publicarlas es el validador AMP del proyecto AMP.

Ten en cuenta que los cambios no aparecen inmediatamente en Google Search Console. Si quieres comprobar al instante las modificaciones que has realizado en varias páginas, utilizar un rastreador SEO con un comprobador de AMP sería una mejor opción, como explicamos a continuación.


Cómo comprobar su AMP en su página web

Si has empezado a implementar esta tecnología en tu sitio web, puedes comprobar 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.



UX móvil Esquema y datos estructurados



¿Listo para sacudir los SERPs móviles?

Comprueba tus AMPs con FandangoSEO

Pruébalo gratis durante 14 días

Acceso completo a todas las funciones. Sin ningún tipo de obligación.

Empieza

Arrow-up

Antes de que te vayas...

Si no quieres perderte ningún consejo o actualización de FandangoSEO, suscríbete a nuestra newsletter.

+5000 SEO confía en nosotros, únete a la comunidad