Las páginas AMP (Accelerated Mobile Pages) son páginas de HTML que están optimizadas para cargarse más rápidamente en dispositivos móviles. Pero, ¿cómo afectará esto al SEO de nuestra página?

¿Qué son las AMP?

accelerated-mobile-pages-aprendermkt

A efectos prácticos, al entrar en una página marcada con AMP en los resultados de búsqueda, no hay que esperar a que se cargue porque se almacenan en la caché de Google AMP, y entonces se muestran directamente (no da sensación de carga, se muestra instantáneamente). No todas las páginas son válidas para AMP, pero si Search Console nos dice que tenemos varias que sí lo son, podríamos adaptarlas para cumplir los requisitos AMP y hacer que se carguen rápidamente en un dispositivo móvil. Esto lo podemos ver entrando en la consola, en el panel de inicio, en los mensajes, o directamente en Aspecto de la búsqueda> Accelerated Mobile Pages.

AMP en la Search Console

AMP WMT

Según Google, un 40% de usuarios va a abandonar en su intento de entrar en una página a través del móvil si ésta tarda más de 3 segundos en cargar, y las páginas en dispositivos móviles normalmente ya tardan unos 8 segundos entre una cosa y otra.

¿Por qué cargan más rápido las AMP?

Algunos de los aspectos que hacen que las AMP carguen más rápido son:

  • Etiquetas limitadas
  • Código HTML rediseñado con comandos especiales para AMP
  • CSS optimizado y estilos limitados a 50kB
  • Javascript y componentes estandarizados
  • Diseñadas para ser guardadas en caché con AMP CDN (Content Delivery Network)
  • Lazy loading & rendering

Se pueden integrar tanto en un CMS (como WordPress) como en una página HTML. El diseño es un pelín más simple porque una versión AMP elimina etiquetas y scripts de terceros que no hacen falta en mobile, pero vale la pena por el aumento de rapidez de carga.

Beneficios de las AMP a nivel SEO

Tener este tipo de páginas es beneficioso para nuestro SEO porque:

  1. Reduciremos el tiempo de carga de nuestras páginas.
  2. Al “limpiar” el código (porque hace falta tener un HTML muy limpito), quitaremos todo el código “sobrante” y nos centraremos más en el contenido de la página y la semántica, cosa que le gusta mucho a Google.
  3. Nuestra web estará más que optimizada para móviles.
  4. Aumentaremos las impresiones y el CTR.
  5. Mejoraremos la experiencia de usuario.
  6. Las páginas AMP se pueden mostrar en un carrousel en los resultados de búsqueda como “Top Stories” (es el mismo sistema que usa Google para mostrar tuits en las SERPs). Con esto, ganeremos visibilidad.
  7. Rankearemos mejor porque Google tiene en cuenta si una web tiene AMP.

Para las nuevas páginas que creemos, deberemos tener en cuenta los requisitos de AMP, y para las páginas existentes que ya los cumplen, publicarlas como AMP.

Para que las páginas aparezcan en el carrousel, hay que añadir un marcado de schema de este tipo:

marcado schema para carrousel amp

Y para evitar problemas de contenido duplicado (porque al final una AMP no deja de ser una versión de una página ya existente), etiquetaremos las páginas:

A la original, le ponemos:

<link rel=”amphtml” href=”https://www.example.com/url/to/amp/document.html”>

Y a la AMP le ponemos:

<link rel=”canonical” href=”https://www.example.com/url/to/full/document.html”>

Cómo implementar las AMP en WordPress

Si utilizas WordPress (como yo en este blog y en el resto de blogs que tengo), puedes convertir tus entradas a las Accelerated Mobile Pages a través de un plugin. De momento aún no se pueden convertir las páginas y archivos, pero todo se andará (y Google corre más que anda).

El mejor plugin que he encontrado es el de Automattic, y es bastante sencillo de configurar. Lo malo de este plugin (y es normal, todo esto está un poco en bragas aún), es que usa metadatos configurados por defecto, cosa que seguro que no nos hace mucha gracia a los que de hecho utilizamos algún plugin como el de Yoast para poder establecer los metadatos que queramos.

Solución: los de Yoast (que están en todo) han creado un plugin “pegamento” que en hace que los metadatos que se cogen de cada página sean los que tú configuras con el plugin SEO de Yoast, y no los que vienen por defecto con el de AMP. Además, puedes cambiar también los colores y estilos básicos que quieres que se muestren en los resultados móviles.

Y a los miedicas como yo… sólo nos queda esperar un poquitín. Francamente, no me hace gracia esto de tener que meter un plugin cada dos por tres, porque al final la barra de la izquierda del backend acaba con un scroll infinito (*exageración*). Además, habiendo aún tantos errores que corregir, prefiero esperarme o testear en algún sitio pequeño y no arriesgarme en lo que a WordPress se refiere.

Eso sí, si algún valiente se anima, que me cuente su experiencia! 😉

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR