¿Qué tiene AMP? (Páginas móviles aceleradas)

Pregunta

AMP es un Proyecto respaldado por Google con el objetivo de acelerar la entrega de contenido mediante el uso de un código simplificado conocido como AMP HTML. En pocas palabras, AMP es una forma de crear páginas web para contenido estático (páginas que no cambian según el comportamiento del usuario), que permite cargar las páginas (y renderizar previamente en la búsqueda de Google) mucho más rápido que HTML normal.

AMP se implementó en respuesta a proyectos como Artículos instantáneos de Facebook, en el que Facebook puede alojar y mostrar el contenido de los editores directamente en su fuente de noticias, lo que significa que el proceso de ver una parte del contenido es mucho más rápido que abrir la página web equivalente en un navegador móvil.

La tecnología Instant Article de Facebook es lo que se conoce como cerrado, por lo tanto, la tecnología utilizada para mostrar artículos instantáneos es específica solo para su plataforma. El proyecto AMP utiliza un fuente abierta marco de referencia, lo que significa que puede ser utilizado por una gran cantidad de otras empresas para servir contenido que se ha creado utilizando HTML de AMP, incluyendo plataformas como Twitter, Pinterest y búsqueda de Google, que es una gran noticia para los editores de contenido.

¿Cómo se usará AMP??

Google usará AMP para servir rápidamente contenido en dispositivos móviles sin que los usuarios tengan que hacer clic en un sitio web para ver el contenido.. Puede ver una demostración de AMP en los resultados de búsqueda de Google aquí si estás leyendo este artículo en un dispositivo móvil.

Las páginas que tengan una versión AMP válida se publicarán en los resultados móviles como un carrusel. encima el resto de los resultados para un tema en particular.

 

Por ejemplo, la las mejores historias La sección de resultados de Google en el ejemplo anterior muestra versiones AMP de noticias relacionadas con 'marte', encima de las noticias y los resultados habituales de esa consulta. Esta es claramente una gran oportunidad para los editores que han creado versiones AMP de su contenido para superar a aquellos que tardan en adoptar AMP..

Ejemplos de AMP

Los editores que opten por crear versiones AMP de su contenido seguirán necesitando una versión de escritorio normal de esas páginas.. Por ejemplo, si tienes una versión AMP de una página en particular, tendrías que marcarlo con un enlace rel AMP HTML en tu página de escritorio, que señalaría a Google en la dirección de su página HTML de AMP. Asi que, los editores que eligen adoptar AMP terminarían con una página en su dominio construida con AMP HTML, así como una versión HTML regular de la página.

The Guardian ya ha lanzado versiones AMP de cada noticia en su sitio, que puede ver agregando /amp al final de cualquier noticia en el sitio web de The Guardian, como Este artículo que está alojado en el dominio Guardian. Para aumentar aún más la velocidad a la que se puede ver un contenido, El contenido de AMP que pronto aparecerá en los resultados de búsqueda de Google generalmente será una versión en caché de un artículo alojado en gstatic.com, no es el dominio del editor en cuestión.

Las interdependencias entre las versiones de escritorio y AMP de un contenido fueron destacadas por los chicos de Distilled en un reciente viernes de pizarra diagrama que puedes ver a continuación:

Fuente: Viernes de pizarra de Moz

A pesar de que hay 2 referencias de la versión AMP de una página en el diagrama de arriba, the Guardian solo necesita crear y alojar una versión AMP de cada artículo en su sitio. Empresas como Google, Gorjeo, Pinterest y Linkedin podrían alojar versiones en caché del contenido de AMP creado por editores como The Guardian., lo que significa que un usuario podrá leer el artículo sin tener que visitar el sitio web de The Guardian.

Empresas configuradas para usar AMP HTML (Fuente: ampproject.org)

Limitaciones de AMP

AMP HTML está diseñado para mejorar tanto la velocidad como la legibilidad del contenido., lo que significa que el código utilizado está muy simplificado. Así, hay algunas limitaciones visuales para este enfoque, que son los siguientes:

  • No se permitirá JavaScript que no sea un Biblioteca AMP lista para usar
  • Las imágenes solo se cargarán cuando te desplaces hacia ellas (funcionalidad de carga diferida)
  • Se requerirá una versión simplificada de su CSS

Puede leer más sobre los requisitos técnicos para AMP HTML aquí.

¿Qué puedo hacer para prepararme??

Si eres un bloguero habitual que utiliza un CMS como WordPress, entonces querrá que AMP sea una parte integral de su estrategia de publicación en el futuro. Esencialmente, para aumentar su visibilidad en los resultados móviles de Google, deberás crear versiones AMP de tu contenido. WordPress ya tiene un Complemento AMP disponible, que puede generar dinámicamente versiones compatibles con AMP de las publicaciones en un sitio de WordPress.

Si es un editor que utiliza otro CMS, o considerando construir un CMS personalizado, entonces debería considerar incorporar la funcionalidad AMP en su sitio lo antes posible.

¿Por qué debería preocuparme por AMP??

Si los usuarios visitan su sitio principalmente para leer contenido de su blog / sección de noticias, entonces esta es una clara oportunidad para que obtenga una ventaja en los resultados móviles de Google al crear versiones AMP de su contenido antes de que Google incorpore AMP en sus resultados este febrero..

Por ejemplo, imaginemos que hay 3 diferentes sitios que sirven 3 cómo hacer guías sobre el mismo tema, y solo uno de los sitios ofrece una versión AMP de ese contenido. En casos como este, parece que la versión AMP aparecería encima de los resultados regulares. Necesito decir mas?


CRÉDITO

BEN MADERA

www.hallaminternet.com/what-is-amp-and-who-really-needs-it

Deja una respuesta