Google AMP: el formato móvil que priorizar

Aparecida a lo largo de 2015, la tecnología Accelerated Mobile Page se impuso con rapidez como un estándar de la web hasta volverse hoy imprescindible. El éxito indiscutible de este formato AMP se explica en particular por el auge del uso del móvil, el dispositivo desde el que se realiza la mayoría de las búsquedas. Las marcas que privilegian su formato móvil están en los papeles de Google, como demuestra el famoso Mobile First Index. ¿Pero cuál es realmente el impacto del formato AMP en el rendimiento SEO de un sitio? Eso es lo que vamos a abordar en esta guía.

Fuente: StatCounter

Google AMP: ¿qué es?

En 2016, 51,3 % de la navegación de internet global se realizaba en un terminal móvil, en particular en smartphone. Un nuevo hábito de consumo que se instaló tan rápido que parece haber sorprendido a los webmasters: los resultados de las búsquedas móviles tardaban entonces a menudo en mostrarse, porque los sitios web no estaban optimizados en ese sentido, lo que degradaba de forma sensible la experiencia de búsqueda móvil. Como suele ocurrir, Google no tardó en reaccionar. Es, por tanto, ese mismo año, en este contexto de reciente superación del uso del dispositivo móvil respecto al escritorio, cuando Google lanza su formato AMP (Accelerated Mobile Pages). ¿Su objetivo? Mejorar la experiencia de usuario al proponer una visualización más rápida y más fluida de las páginas web en dispositivos móviles como smartphones y tabletas: esa es la principal ventaja de AMP. Y es especialmente importante responder a ella cuando se sabe que un tiempo de carga demasiado largo disuade a la mitad de los internautas de continuar la navegación.

En efecto, un sitio lento al cargar es un factor decepcionante para el usuario y puede generar abandonos, retornos atrás y frustraciones. Google afirma que el 53 % de los internautas abandona una página si esta tarda más de 3 segundos en cargar.

El tráfico de un sitio web es, para muchos editores, sinónimo de negocio y de crecimiento (se trate o no de sitios de e-commerce). La rapidez de visualización se ha convertido, lógicamente, en un reto importante en materia de posicionamiento orgánico. Un sitio demasiado lento ve cómo sus visitantes lo abandonan sin esperar el final de la visualización. Su tasa de rebote aumenta y ya no puede justificar buenos indicadores ni un volumen de tráfico suficiente para interesar a los anunciantes y mantener sus ingresos publicitarios.

Google convierte entonces el tiempo de carga en una de sus preocupaciones principales para el SEO. En toda lógica, AMP abre la vía a toda una serie de acciones y de actualizaciones, entre ellas el Mobile First Index. Busca mejorar la rapidez de visualización, la satisfacción de los internautas y una mejor monetización de los sitios.

Una solución que permite acelerar internet móvil

En claro, Google AMP es un nuevo formato de sitios web especialmente adaptado a los dispositivos móviles: un estándar de codificación y de diseño responsive (adaptable a todas las resoluciones de pantalla), y más ligero, pensado exclusivamente para fluidificar la conexión y optimizar la duración de visualización y la carga de las páginas y contenidos de un sitio móvil.

Las páginas AMP permiten un buen número de funciones de las páginas de sitios web clásicos (personalización, maquetación…) pero su consigna es la claridad: la prioridad se da al contenido, nada viene a perturbar la lectura (pop-up, animaciones…). La carga es casi instantánea y este formato es compatible con la mayoría de las plataformas, en particular las sociales, para permitir los compartidos y los enlaces con facilidad.

Pero porque toca la concepción profunda de un sitio web y puede tener incidencias sobre su estructura y la estrategia de contenidos internos, al igual que sobre su visibilidad en los resultados de búsqueda, AMP viene a trastocar los códigos en el ámbito del posicionamiento orgánico.

¿Cómo funciona Google AMP?

Desde un punto de vista técnico

Esta tecnología open source se basa en 3 pilares, el HTML, el Javascript y la caché de Google, para garantizar un máximo confort de uso y optimizar el SEO.

El código HTML de una página AMP contiene menos líneas, lo que lo hace más fácil de ejecutar y permite dividir de forma considerable el peso de las páginas para acelerar su carga: diez veces menos tiempo que la carga de una página HTML clásica.

El framework Javascript de una página AMP también está aligerado: cuando se conserva, ya está escrito y se ejecuta con facilidad sin permitir la personalización. En la mayoría de los casos, sin embargo, se aparta de la codificación. Solo se conserva lo estrictamente necesario en materia de datos que mostrar en la tableta o el smartphone.

Una vez construida la página, esta se integra y se almacena en caché por Google, en sus servidores. Es, por tanto, él quien la sirve en las SERP (páginas de resultados), en función de las consultas de los internautas en su motor.

Por lo demás, los estilos CSS (que permiten aplicar estilos gráficos a las páginas) se desactivan en las páginas AMP. Este formato solo conserva las imágenes, los vídeos, el audio, los enlaces de compartición social, los botones y eventuales llamadas a la acción dentro de la página web.

Un código reducido al máximo y una puesta en caché del contenido son los dos criterios que permiten una visualización instantánea, tanto más cuanto que solo se carga el código que corresponde al contenido visible.

¿Cuáles son los principales sitios afectados?

En su lanzamiento, la tecnología AMP era muy apreciada por los sitios de medios que deben responder a verdaderos retos de instantaneidad. Y con razón: su fondo de comercio se basa en la difusión rápida de la información. Además, estos sitios están entre los más consultados y los contenidos que proponen se consumen mayoritariamente en desplazamientos, y por tanto a través de dispositivos como el móvil o la tableta.

Históricamente, la segunda categoría de sitios afectada por AMP es la de los sitios de e-commerce. El auge de las compras en línea realizadas a través del móvil explica por qué AMP se extendió con rapidez a esta tipología de sitios.

En la actualidad, todos los sitios pueden beneficiarse de la incorporación de la tecnología AMP. Si sigue principalmente circunscrita a los sitios de información y a los blogs, sigue siendo interesante para el conjunto de los sitios porque impulsa el SEO.

Algunos ejemplos de sitios

Investigaciones realizadas por Google demuestran que existe una correlación entre la velocidad de carga de una página y sus ingresos. La incorporación de la tecnología AMP permitiría duplicar el tiempo de consulta. Por otra parte, las páginas de los sitios de e-commerce AMP estudiados presentan tasas de conversión un 20 % superiores a las de las páginas no AMP.

Para los sitios de e-commerce, los ejemplos de Amazon o Walmart también demuestran el vínculo entre las ventas y el rendimiento de carga:

Fuente: Estudio Moz

Las ventajas de Google AMP

La velocidad de carga

La reducción del tiempo de carga constituye la principal ventaja de integrar AMP en su sitio web. La etapa de almacenamiento de la página AMP en la caché de Google es clave porque permite que la página se cargue muy rápido durante una búsqueda móvil en el motor. En cada visualización de una SERP, el motor empieza a cargar en segundo plano las páginas AMP disponibles en la lista de resultados. Así, si el internauta hace clic en una de ellas, esta se mostrará de forma casi instantánea.

La facilidad y la rapidez de acceso a la información animan al internauta a continuar su navegación en el sitio. Es, por tanto, más susceptible de realizar acciones en el sitio (rellenar un formulario, dejar una opinión, comprar…) y su comportamiento mejora así la tasa de conversión de la página web.

La visibilidad de la página

Las páginas Google AMP se benefician de una mejor visibilidad en los resultados de búsqueda y, por tanto, rinden más en materia de SEO. En las SERP, van acompañadas de un pequeño rayo y de un acrónimo AMP fácilmente reconocible. El objetivo del logotipo es asociarse, en la mente del internauta, a la experiencia de una página web rápida, clara e ideal para la consulta móvil. Una vez familiarizado el internauta con el sigla y el pictograma, se puede anticipar una tendencia a privilegiarlo en sus elecciones y orientaciones de clics.

Los sitios de prensa, de información y de actualidad tienen un verdadero reto de rapidez y de accesibilidad de los contenidos, sea cual sea la potencia de la conexión móvil del usuario. Es, por tanto, primero para ellos que se desplegó el formato AMP. Gracias a ese historial, los contenidos AMP se privilegian en la visualización de los resultados de Google Noticias como el carrusel News, en la parte alta de las SERP.

La puesta en valor de las páginas asociada al sigla «AMP» para el SEO, que promete una mejor velocidad de visualización móvil, es una ecuación que permite el aumento significativo de la tasa de clic.

Por lo demás, la codificación AMP no influye en el posicionamiento del sitio web y de sus páginas no AMP en el marco de una búsqueda clásica en ordenador.

La visualización en forma de carrusel «A la une» también ofrece una visibilidad adicional evidente. Del mismo modo, este tipo de visualización está especialmente adaptado al uso del móvil, con la posibilidad de deslizar hacia la derecha o la izquierda para pasar de un contenido a otro.

Para esperar beneficiarse de la visualización en el carrusel de Google, su página o artículo AMP debe contener al menos una imagen que se usará como «imagen a la une».

En la actualidad, este formato de carrusel afecta a una quincena de países, pero varios se añadirán próximamente.

Fuente: Web Rank Info

Google AMP, un formato fácil de explotar y de compartir

Al tener en cuenta las directrices de Google y las numerosas ventajas que promete la tecnología AMP, resulta muy tentador implementarla en su sitio. ¿Pero qué ocurre en la práctica?

¿Se puede usar AMP en todos los sitios?

La respuesta es sí. Pero hay que realizar un trabajo previo en todas las páginas que se van a pasar a AMP para hacerlas compatibles. Eso implica aceptar dejar de lado un cierto número de elementos, como por ejemplo las librerías JS y JS Custom, formularios, estilos CSS en línea… En términos de diseño, elegir AMP equivale a abandonar presentaciones muy elaboradas de páginas de producto, por ejemplo.

¿Su sitio vive de los ingresos publicitarios? ¡No se preocupe! Las publicidades procedentes de las redes AdSense, DoubleClick de Google o también AdTech, A9 y Ad Reactor siguen siendo compatibles y continúan mostrándose con AMP. Atención: eso no resuelve por sí solo la problemática de los bloqueadores de publicidad.

Desde su lanzamiento, AMP ha recorrido un largo camino. Algunos actores del SEO piensan que, dentro de un tiempo, su implementación podría volverse obligatoria. ¿Y usted?

¿Cómo instalar AMP en su sitio?

Para la instalación de AMP, hay dos casos de figura:

• si usa un CMS del tipo WordPress, Joomla o Drupal, existen plugins que están ahí para facilitarle la vida. Un CMS (Content Management System) es una herramienta que permite crear y gestionar un sitio web. WordPress, por ejemplo, uno de los CMS más usados, se actualizó con rapidez al proponer la integración de Google AMP gracias a un plugin AMP oficial. Basta con instalar esta extensión y después activarla, en unos clics. Crea automáticamente una versión en formato AMP de los artículos y de las páginas clásicas. Para consultarlas, basta entonces con añadir el sufijo «/AMP» en la dirección de cada página. Por lo demás, esta aplicación integra una URL canónica en la página AMP para evitar que Google categorice una de las dos páginas como contenido duplicado. Pero, de manera general, la integración de AMP en los CMS exige la creación de una nueva versión de sitio web, según las especificaciones de la aplicación: solo ella permite integrar las recomendaciones y las «versiones mínimas» de páginas impuestas por Google para este formato. Teóricamente, puede sustituir todas las páginas clásicas por páginas AMP.

• si su sitio está desarrollado from-scratch, debe entonces realizar este trabajo a mano en las páginas que le parezcan pertinentes de pasar a AMP.

La etapa siguiente consiste en verificar que las páginas AMP no contengan errores y validar su código mediante el validador AMP Project, que pone de relieve los eventuales errores. Si usa el navegador Chrome, existe un plugin que le permitirá ganar un tiempo precioso en el despliegue de AMP.

¿Su página ya está en línea? Puede simplemente copiar y pegar la URL en la herramienta disponible directamente en el motor de búsqueda:

Compartir los contenidos AMP en las redes sociales

Como hemos dicho, los contenidos AMP se comparten con facilidad en las redes sociales: Twitter, Pinterest y, por supuesto, Facebook. Pero este último ya incluye una funcionalidad similar desde 2015: Facebook Instant Articles. Permite alojar artículos directamente en Facebook, sin redirigir a los internautas hacia sitios de información. Al igual que las páginas AMP, los Instant Articles se cargan con rapidez y ofrecen así una mejor experiencia móvil.

Según Facebook, estos artículos optimizados generan un aumento de la tasa de clic del 20 %, un aumento de los visitantes del 70 % y una subida del 30 % de los compartidos.

Esta funcionalidad adopta, por tanto, un mismo modo de funcionamiento que Google AMP: los artículos se almacenan en los servidores de la red social y los usuarios pueden acceder directamente a la información sin salir de Facebook móvil. ¿Una competencia declarada de los dos gigantes por el control de los contenidos web?

Google AMP: una oportunidad para los anuncios y las publicidades

Una carga rápida de los anuncios

Las publicidades en móvil siempre han figurado entre las causas de la ralentización de la carga de las páginas. Pero la tecnología AMP no podía limitarse a eliminar las publicidades, so pena de atraerse las iras de los anunciantes. Por consiguiente, además de aligerar los archivos HTML, AMP también propone disminuir la carga de los anuncios publicitarios y mostrarlos al mismo tiempo que los contenidos: es AMP para los anuncios, o AMP for Ads.

Paul Muret, vicepresidente de Display, Video & Analytics en Google en 2016, demostraba la importancia de optimizar las publicidades de una página en formato AMP: una página AMP con un anuncio AMP tarda menos de 1 segundo en cargar, frente a 4 segundos para una página AMP con un anuncio clásico.

Y para fluidificar el recorrido del usuario hasta el final del proceso publicitario, AMP for Ads prevé que las páginas de destino de las publicidades AMP también estén en formato AMP. Los anunciantes deben, por tanto, prever una versión AMP de su página de destino, pero Google sabe tomar el relevo cuando la tecnología AMP no está implementada en su sitio. En otros términos, Google es capaz de crear él mismo de forma automática páginas móviles AMP a partir de páginas no AMP.

Las nuevas funciones para las publicidades

A pesar del principio de exclusión de JavaScript en las páginas optimizadas, Google AMP integra ciertos códigos para mostrar anuncios, publicidades y algunos elementos de JavaScript. Al igual que los contenidos, estos archivos se almacenan en los servidores de Google para asegurar la rapidez de carga. Se introducen en el código por la **etiqueta **, que se asemeja en parte a la etiqueta de una página HTML clásica.

En las interfaces de gestión de campañas publicitarias Google AdWords y Google AdSense, se anima a los editores de contenido y a los anunciantes a adherirse a la tecnología AMP para su SEO.

Los anuncios AdWords autorizan páginas de destino en formato AMP desde mayo de 2017. La reducción del tiempo de carga permite reducir la tasa de abandono, mejorar el rendimiento global de la página y su SEO, y así bajar los costes de adquisición móviles de las campañas. Del mismo modo, los adheridos al programa AdSense pueden editar publicidades en formato responsive para AMP, usando simplemente un código dedicado. Una implementación bastante simple, en suma, que busca animar a todas las demás plataformas a adoptar el formato AMP, y dar un paso más hacia la dominación total de Google…

La influencia de la tecnología AMP en el SEO

Más allá de la pregunta sobre la posibilidad de integrar AMP en su sitio, el debate gira más bien en torno a la pregunta: ¿es pertinente? ¿Cuál es el verdadero valor añadido? Para los sitios de información, la respuesta es claramente sí. ¿Pero para los demás?

Un estudio realizado por Moz pone de relieve la evolución del tráfico del sitio Thrillist y de otros dos sitios de medios tras la conversión de varias páginas al formato AMP.

Ratio de las páginas convertidas al formato AMP:

• Thrillist: 90 %

• sitio Media 2: 95 %

Fuente: Moz

Es evidente que AMP influye de forma indirecta en la clasificación de los sitios, en el sentido de que una reducción del tiempo de carga impacta de forma positiva en la calidad de la experiencia de usuario. Además, los contenidos AMP se ponen en valor respecto a los demás, en particular en el carrusel de Google.

¿Qué datos estructurados hay que incluir en las páginas AMP?

Los datos estructurados son facultativos para las páginas AMP, como para las páginas clásicas, por lo demás, pero se recomiendan con fuerza para su SEO. Sin embargo, si desea verlos mostrarse en el famoso carrusel, ¡son indispensables!

Como siempre, el formato que vale es Schema.org, que debe adaptarse, no obstante, a su tipo de contenido: artículo, news, post de blog o vídeo. En cuanto a la sintaxis, el JSON-LD es el más recomendado. Si desea integrar un hilo de Ariadna a su sitio, habrá que gestionarlo al añadir los datos estructurados, ya que este tipo de formato no lo tiene en cuenta el JSON-LD.

Páginas AMP y Google Noticias

Muy consultada en móvil, la sección Google Noticias puede abrir muy buenas oportunidades de tráfico a su sitio. En una óptica de Mobile-First Index y en relación con los hábitos de consumo de la actualidad caliente, Google privilegia, por tanto, los contenidos en formato AMP en móvil.

El año pasado, el funcionamiento de Google News conoció un periodo de turbulencias importantes. Ese trastorno se explica en parte por una potencial convergencia entre los criterios de clasificación del algoritmo de clasificación AMP y el que influye en la clasificación en Google News.

Más que privilegiados, los formatos AMP son claramente predominantes en Google Noticias. ¿Desea posicionar sus contenidos en el famoso carrusel?

Creación de páginas AMP y contenido duplicado: ¿cómo gestionarlo?

Partiendo del principio de que las páginas AMP proponen un contenido idéntico a las páginas de base, puede encontrarse con facilidad ante un problema bastante importante de contenido duplicado.

Tranquilícese: si sus páginas AMP están correctamente construidas, no habrá ningún impacto negativo engendrado por contenido duplicado sobre su rendimiento SEO. Precisamente, este formato también se concibió con el objetivo de evitar la duplicación de páginas entre las versiones de escritorio y móvil.

Como en un sitio clásico, puede usar las etiquetas canónicas que le permiten gestionar los contenidos duplicados o muy próximos.

AMP y presupuesto de crawl

Gracias a un formato de página aligerado y a una carga ultrarrápida, el presupuesto de crawl de su sitio no hará más que mejorar. Los Googlebots podrán pasar más a menudo e indexar más páginas, más rápido.

Fuente: Le Journal du Net

Atención, sin embargo, porque estas afirmaciones habría que matizarlas según François Goube, una referencia en el ámbito del SEO. Si los Googlebots van a privilegiar sus páginas AMP, eso implica que sus páginas estándar se rastrearán menos. Es, por tanto, preferible ver AMP como un medio de adquirir más tráfico orgánico y visibilidad a corto plazo, pero no como una solución fiable a largo plazo.

Para evitar consumir de forma inútil presupuesto de crawl, un pequeño truco consiste en desactivar la versión AMP de las páginas cuyo contenido concierne a la actualidad caliente, y que por consiguiente tienen una duración de vida muy limitada en el tiempo.

Otros profesionales del SEO estarían más tentados de dejar disponibles las dos versiones de páginas, AMP y no AMP. Detrás de esta estrategia, la idea es que el sitio se beneficie de una buena visibilidad a través de las páginas AMP, y que desactivarlas podría engendrar errores que serían, por su parte, extremadamente nocivos para el SEO.

Las dos prácticas se defienden; cada uno es libre ahora de formarse su propia opinión según sus objetivos y su sector de actividad.

¿Cómo saber si Google ha indexado sus páginas AMP?

Una vez más, la técnica a emplear es similar a la usada para los sitios clásicos: todo se gestiona a través de la Search Console.

Como se ha explicado antes, las páginas AMP deben en primer lugar validarse antes de poder indexarse. Si acaba de pedir la indexación pero no parece ocurrir nada, no se preocupe: el proceso puede tardar de 1 a 2 semanas según los casos.

Una verificación del archivo robots.txt le permitirá, en cualquier caso, detectar los eventuales errores que obstaculizan la buena indexación de sus páginas AMP.

Al final, ¿es importante optar por AMP?

El barómetro digital anunciaba en 2017 que 3 de cada 4 personas tenían un smartphone en Francia, mientras que el porcentaje de búsquedas realizadas en móvil no deja de crecer y el 50 % del tráfico de internet mundial procede de un smartphone. A la vista de estas estadísticas, se comprende mejor por qué la tecnología AMP es tan importante en 2020.

Las principales ventajas de la tecnología AMP son:

• mejorar la experiencia de usuario,

• disminuir la tasa de rebote,

• aumentar la frecuencia de crawl de los Googlebots,

• beneficiarse de una mejor visibilidad en la SERP,

• atraer más clics gracias a una puesta en valor en los resultados de búsqueda,

• aliviar los servidores internos con páginas menos pesadas.

No pierda de vista que, entre dos páginas que proponen un contenido similar, la que es AMP se privilegiará respecto a la otra en la clasificación.

En definitiva, orientarse de forma progresiva hacia el formato AMP parece una buena elección para mejorar y perpetuar su posicionamiento en la SERP. Sin embargo, esta transición exige un trabajo considerable, y el reto es poder presentar páginas AMP lo más similares posible a la versión de escritorio o responsive para proponer una experiencia de navegación homogénea.