Google AMP Accelerated Mobile Pages: el futuro de tus páginas móviles

El paisaje de SEO está cambiando cada año a una velocidad vertiginosa. Desde aproximadamente el 2016, hemos estado escuchando sobre el formato AMP (Accelerated Mobile Pages). Hasta ahora, ha sido demasiado restrictivo para aplicarlo a la mayoría de los sitios, especialmente los de comercio electrónico. Pero desde que se han levantado algunas barreras técnicas, la AMP se ha convertido en la formato del futuro para las páginas móviles.

Contrariamente a la creencia popular, este proyecto fue apoyado por Google pero no le pertenece. De hecho, además de las 160 plataformas publicitarias que financian la investigación, la AMP también cuenta con el apoyo de la otros conductores los motores de búsqueda como Bing, Baidu y Yahoo Japón. En 2018, Bing incluso desarrolló su propio Caché de AMP para mejorar la experiencia móvil de sus usuarios. El AMP está disponible en varios CMS muy conocidos como WordPress, Prestashop o Drupal y puede integrarse fácilmente con varios plugins para instalar. Por lo tanto, la AMP se ha convertido rápidamente en un proyecto importante, apoyado por los principales actores de la web, que colocan el UX (experiencia del usuario) en el centro de todas sus preocupaciones.

Resumen

• • ¿Qué es una página de movimiento acelerado?
  • ¿Por qué surgió este formato?
  • Los diferentes criterios de una página de MPA
  • ¿Cómo se instala el AMP?
  • Preguntas técnicas
  • ¿Cuál es el impacto del MPA en el SEO?

¿Qué es una página de movimiento acelerado?

AMP son las siglas de Accelerated Mobile Pages. Como su nombre indica, es un formato de página diseñado específicamente para cargar muy rápidamente en los móviles. páginas AMP, reconocibles por un pequeño rayo en el SERPs, ofrecen una experiencia de uso bastante extraordinaria. Muy ligeros, se cargan instantáneamente y ofrecen una versión simplificada del contenido. Fácil de leer, rápido de cargar: ¿por qué este formato no está generalizado en todas las páginas del móvil? Sencillamente porque para lograr ese resultado, era necesario reducir las consultas y otras JS (JavaScript) que se ralentizan duración de la carga. Como resultado, el MPA se utiliza hoy en día principalmente para la prensa y los sitios de contenido.

¿Por qué surgió este formato?

La web tiene un número exponencial de mobinautas, es decir, usuarios de internet que navegan por internet con su smartphone. Si optimizar un sitio para el escritorio es relativamente fácil, optimizarlo para el móvil es otra cosa totalmente distinta. En efecto, la navegación móvil genera muchas más limitaciones técnicas, tanto en términos de código como de diseño de la web. De hecho, es bastante fácil de entender: para pasar del escritorio al móvil, hay que encajar todos los contenidos y tecnologías presentes en el escritorio, ¡en una pantalla a veces 10 veces más pequeña! Google ha propuesto por lo tanto este nuevo formato para ayudar a los sitios en su transición a la navegación móvil. No hace falta decir que el formato AMP está relacionado de alguna manera con la implementación del Mobile First Index!

Los diferentes criterios de una página de MPA

En pocas palabras, una página de AMP es una página sin adornos. El marco de trabajo de AMP permite a los desarrolladores construir páginas usando tres elementos básicos: AMP HTML, AMP JavaScript y AMP CDN. 

Las páginas están codificadas en AMP HTML, es decir, un código HTML ultra simplificado desprovisto de etiquetas que puedan ralentizar su carga (como las etiquetas de imagen). JS (JavaScript) ya no está totalmente excluido, pero se imponen las bibliotecas JS predefinidas. Estamos hablando de AMP JS. Finalmente, estas páginas se almacenan en el caché de Google, el AMP CDN, que puede mejorar aún más el tiempo de carga.

¿Se puede usar el AMP en todos los sitios?

Hoy en día, todos los sitios pueden usar el formato AMP. Sin embargo, su implementación genera muchos sacrificios en el diseño web y en el lado UX de sus páginas web. AMP HTML pone el rendimiento antes que la estética. Afortunadamente, los múltiples comandos permiten ahora modificar los documentos de AMP para hacerlos más adaptados a su estrategia de SEO y a su imagen de marca. Por lo tanto, sería una pena privarle de esto, incluso si tiene un sitio de comercio electrónico. El sitio de comercio electrónico de Greenweez es un muy buen ejemplo de esto. La mayoría de sus páginas de destino están en el MPA sin perturbar el UX. Simplemente desaconsejamos el MPA si monetiza su sitio. De hecho, debe saber que la MPA sólo permite una etiqueta publicitaria por página. Por lo tanto, debe evitarse en este caso.

¿Qué nombre de dominio o sub-dominio dar a su página de AMP?

Puedes mantener tu dominio o incluso usar un dominio o una subárea diferente. Las únicas precauciones que se deben tomar son las relaciones entre las páginas. En la versión HTML normal de sus páginas, debe decirle a Google que también está disponible en formato MPA. Para ello, utilice un link rel=amphtml tag. Por el contrario, en la página de la MPA, debe indicar al buscador que hay una página oficial. Para ello, simplemente tendrá que integrar la tradicional link rel= etiqueta canónica.

¿Cómo asociar una imagen a su página MPA?

Dans AMP, vous ne devez pas utiliser la balise <img> pour charger les images. Utilisez plutôt l’élément personnalisé <amp-img> car il gère l’optimisation du chargement de toutes les images de votre page.

¿Dónde aparecen las páginas del AMP?

Las páginas de MPA aparecen sólo en los resultados de búsqueda de los móviles. Son fácilmente reconocibles gracias al pequeño relámpago que aparece junto al título de la página. Algunos de ellos se encuentran en el carrusel de AMP en la parte superior de la primera página de resultados. En este caso, el formato AMP ofrece una inmensa visibilidad. Otras páginas de AMP aparecen más abajo en los resultados tradicionales.

¿En qué países está presente el Carrusel de la AMP?

Sólo 12 países se benefician actualmente de los resultados de la búsqueda con un carrusel de AMP: Francia, Brasil, India, España, Alemania, Estados Unidos, Italia, Reino Unido, Indonesia, Rusia, Japón y México. Por lo tanto, es un elemento a tener en cuenta si su sitio es multilingüe.

¿Cómo se instala el AMP?

Instalación en WordPress

Hay varias opciones para instalar AMP en un sitio de WordPress. Puedes usar el plugin "AMP para WordPress”. Aunque la versión por defecto es bastante limitada en cuanto a la personalización, sus opciones pueden ampliarse mediante la instalación de plugins adicionales. Segundo plugin interesante: AMP para WP - Páginas Móviles Aceleradas. Además de proporcionar una interfaz fácil de usar e intuitiva, este plugin AMP de WordPress puede utilizarse con muchas otras herramientas de WP como WooCommerce.

Instalación en Joomla

La forma más fácil de instalar AMP en un sitio Joomla es usar wbAMP. Este es un plugin de Joomla que integra las directrices del proyecto AMP. La versión completa le da acceso a muchos más parámetros en sus páginas de AMP.

Instalación en Drupal

Puedes instalar AMP usando el módulo AMP de Drupal. Esto requiere el Composer Manager, el cual habilitará el empaquetado para PHP y le permitirá instalar y configurar el módulo. Drupal 8 usa un autocargador PHP, así que no necesitarás usar el Composer Manager. 

Preguntas técnicas

¿Cómo aparezco en el carrusel de la página de AMP?

Primero tienes que asegurarte de que las páginas de tu MPA son válido. Para ello, utilice elHerramienta de validación de Google disponible en la consola de búsqueda de Google. Luego asocie una imagen con ella y asegúrese de ofrecer un contenido relevante. Para el resto, depende de Google!

¿Qué datos estructurados deben incluirse en las páginas del AMP?

Google recomienda usar el mismo Etiquetas de datos estructurados para las páginas canónicas y de la AMP. Esto significa que tienes que alinear los datos estructurados de tu versión AMP con la página canónica. El Proyecto AMP sugiere que se incluyan estas cuatro propiedades de schema.org para dar a sus páginas de AMP la oportunidad de ser visibles: tipo de contenido (especialmente útil para los sitios de noticias), título, fecha de publicación e imágenes (miniaturas). Al igual que con sus versiones canónicas, cuanto más enriquezca sus datos estructurados, más fácil será para Google entender su contenido.

¿Es necesario etiquetar sus páginas con el tipo de NewsArticle de schema.org?

La sección Newsarticle es realmente interesante si diriges un sitio de prensa o un blog. En el caso de un sitio de comercio electrónico o de un sitio de exhibición que publicaría una simple página de CMS, el tipo de Newsarticle de schema.org es inútil.

¿Qué etiquetas se deben incluir para declarar el AMP en un sitio móvil separado?

Para integrar las etiquetas de AMP, necesita tener algunas nociones de desarrollo (a menos que use un plugin de AMP en su CMS). Una página de AMP se puede descomponer de la siguiente manera:

• • • • Une balise <!doctype html>
      • Une balise html spécifique : <html amp>:  c’est elle qui permettra aux moteurs de recherche de savoir que la page existe en AMP
      • Une balise <head /> et <body />: rien d’exceptionnel jusqu’ici, c’est la base d’une page html.
      • Une balise <meta charset= »utf-8″ />: c’est ce charset là et aucun autre qu’il faudra utiliser
      • Une balise <link rel= »canonical href= »#url » /> qui renvoie vers la version non-AMP de la page. Cette balise est essentielle pour éviter le contenu dupliqué.
      • Une balise <meta name= »viewport » content= »width=device-width,minimum-scale=1″>, L’attribut initial-scale=1 est recommandé pour contrôler la mise en page du contenu.
        

Le script AMP JS via la balise <script async src= »https://cdn.ampproject.org/v0.js« ></script> qui doit être implémenté à la fin du <head/>

¿Cuál es el impacto del MPA en el SEO?

¿Es éste un criterio que se tiene en cuenta para la referencia?

Google ha declarado que las páginas de AMP no son un factor de clasificación. Sin embargo, con la llegada del índice Mobile First, muchos SEO creen que el MPA es el futuro de la navegación móvil. Pero el MPA no es nada sin una optimización global in situ. Hoy en día, este formato puede ser claramente un plus en términos de visibilidad gracias al carrusel, pero no es mágico para todo eso.

¿Debería ser el contenido del MPA diferente de la versión estándar?

El contenido de la página de la MPA debe ser similar a la versión canónica. De hecho, algunos chicos inteligentes se divirtieron al proponer una versión diferente y sobre-optimizada para manipular los robots y generar más tráfico. Pero Google ha puesto muy rápidamente el hola y ahora requiere que las páginas Los AMPs son similares (o casi) a las páginas canónicas.

Cómo evitar la duplicación de contenidos con la versión AMP 

La etiqueta rel=canónica, si se implementa correctamente, te protege del contenido duplicado. Combinado con el enlace rel=ampolla etiqueta, puede estar seguro de no generar contenido duplicado. 

Conclusión

En resumen, el formato AMP tiene muchas ventajas pero, sin embargo, genera un cierto costo, que debe ser medido. Algunos sitios web, especialmente los que se especializan en noticias o en sectores altamente competitivos, tienen un gran interés en aplicar el AMP que les permitiría aparecer en el carrusel de resultados de búsqueda. En este caso concreto, la MPA resultará muy rápidamente rentable. Si planea usar el MPA con el único propósito de reducir el tiempo de carga de sus páginas, tenga en cuenta que es una tirita en una pata de palo. Es una estrategia que nunca dará resultado. Es mucho mejor mejorar el rendimiento general del sitio, cuidar el contenido y aplicar datos estructurados. Por lo tanto, la MPA debe seguir siendo un "plus" para su sitio, pero no debe reemplazar un trabajo minucioso basado en la editorial, el rendimiento y el netlinking.

   Artículo escrito por Louis Chevant