Qué es AMP y por qué beneficia al SEO de tu blog

|versión de escritorio vs amp

En Posicionamiento Web Systems hoy queremos hablarte sobre qué es AMP y por qué beneficia al SEO de tu blog su aplicación, conoce bien cómo funciona. Primero comencemos explicando las siglas, AMP es en inglés Accelerated Mobile Pages, en español sería Páginas Móviles Aceleradas, básicamente es una dieta HTML, es una forma de conseguir páginas Web con contenido estático que carguen mucho más rápido, consiste en tres partes diferentes, AMP HTML, AMP JS y Google AMP Cache.

Conoce qué es AMP

AMP es una tecnología nueva para la publicación de noticias, es un proyecto de Google, con sus asociados tecnológicos witter, Pinterest, WordPress.com, Chartbeat, Parse.ly, Adobe Analytics y LinkedIn con la intención de acelerar la entrega de contenidos a través del uso del código AMP HTML, de acelerar la carga de páginas en móviles. Básicamente, es una forma de construir páginas Web con contenido estático (páginas que no cambian basadas en el comportamiento del usuario), que permiten que carguen mucho más rápido que el HTML regular, y que la búsqueda de Google la pre-procese.

Para resumir AMP es una selección de etiquetas HTML con elementos que se han personalizado y que bridan a ciertas páginas de un sitio web, optimizadas para dispositivos móviles, un rendimiento muy superior al que ofrece el diseño responsive y una carga ultra ligera de contenido estático.

Estas son las tres partes del AMP:

  • AMP HTML: es HTML con algunas restricciones para un desempeño más confiable, y algunas extensiones para construir contenido básico más allá del HTML básico.
  • AMP JS: esta librería asegura un rendimiento más básico de las páginas AMP HTML.
  • Google AMP Caché: puede ser usados en las páginas del caché del servidor AMP HTML.

El proyecto AMP ha surgido en respuesta a proyectos como Facebook Instant Articles, en la cual Facebook puede alojar y entregar contenido directamente de los redactores en su News Feed, lo que significa que el proceso de ver un artículo es mucho más rápido que ver el equivalente de una página en un navegador móvil.

La tecnología de Facebook Instant Articles es muy similar, aunque es específica para una sola plataforma. El proyecto de AMP es usada como marco de open-source, lo que significa que puede ser usado por un alojamiento de otras compañías para servir contenido que ha sido construido usando AMP HTML, en plataformas como Twitter, Pinterest y la búsqueda de Google. Básicamente el AMP son excelentes noticias para los que publican contenido online.

En resumen, es un diseño Web super ligero y crea páginas Web que cargan muy rápido. Comenzó a funcionar desde el año pasado. La idea es que los usuarios de dispositivos móviles puedan ponerse al día con las informaciones, abrir enlaces desde sus redes sociales o desde los motores de búsqueda, que carguen mucho más rápida y sean más ligeras, los usuarios de Smartphone o tabletas, no tienen tiempo para esperar 5 o 10 segundos a que cargue lo que quieren leer.

Por qué una Web AMP carga rápido

Se usa poco HTML, hay etiquetas que simplemente no se pueden usar, por ejemplo, los formularios no pueden existir, algunos códigos CSS tampoco podrás usarlos, pero la mayoría sí, y te permitirán darle estilo a tu Web siguiendo ciertos formatos. El JavaScript está totalmente prohibido.

La idea es que la plataforma funcione solo enfocada en que sea más fácil leer, es decir, pura velocidad. Los elementos como las imágenes no cargan hasta que haga scroll para verlos. Todo está diseñado para que quede mucha información en el caché, y pronto Google, Twitter, Pinterest o LinkedIn podrán alojar las páginas (sus versiones caché del AMP), básicamente alojar el contenido, por lo que no tendrán que buscarlo más en tu dominio, el usuario entonces podrá ver un artículo sin visitar el sitio Web del autor.

Los que tienen una versión AMP también deben tener el mismo contenido en su página normal de escritorio, es decir, si tienes una versión de una página particular en AMP, necesitarás marcarla con un enlace rel AMP HTML en tu versión de escritorio, que puede apuntar Google hacia tu página AMP HTML, así como una versión regular HTML de la página.

No falta mucho tiempo para que veamos en distintos sitios Web la opción de cambiar a la versión AMP, mucho más ligera, que carga más rápido, pero con muchos menos elementos de diseño, es decir, menos vistosa. Pero, por ahora, hay una interdependencia entre ambas versiones, la normal y la AMP.

versión de escritorio vs amp
Versión de escritorio vs AMP

Nosotros, como no, ya hemos empezado a usar esta tecnologia y analizar los efectos para el Posicionamiento web, y de momento, aunque en menor medida que si se tratara de Google.com en en vez de google.es, los resultados son posotivos.
Aquí puedes ver la versión AMP de un post en uno de nuestros blogs:
http://www.jesuslopezseo.com/herramientas-encontrar-tipografia/amp/
y la versióon original:
http://www.jesuslopezseo.com/herramientas-encontrar-tipografia/

Cómo funciona en tu móvil

Google usará AMP para que el contenido cargue más rápidamente en los dispositivos móviles de los usuarios, las páginas que tienen una versión válida de AMP se verán en los resultados de las búsquedas móviles como un carrusel, por encima del resto de los resultados, para un tema particular.

Ya sabes qué es AMP ahora conoce por qué debería importarte. Por lo que podrás ver que resulta en una gran oportunidad para los marketeros y en general, para todo aquél que publica, ya que su contenido se ubicará por encima del resto, tanto de las noticias como de los resultados regulares. Tener una versión AMP entonces no es una opción, sino una oportunidad de que tu contenido esté bien ubicado en Google.

Cuando nos referimos a carga en móviles seguramente pensarás en el diseño responsive, y tu pregunta es ¿no funciona igual? La respuesta es: No. Ya que una Web responsive en la adaptación de una Web de escritorio a las distintas pantallas, pero los estilos e informaciones como los scripts se mantienen. Al hablar de AMP, debemos mencionar que es mucho más exacto, y también más restringido, porque la meta básica es que la página cargue rápido en los móviles.

Por qué debería importarte

Si los usuarios te visitan principalmente para leer contenido, es decir, si van a tu blog o página de noticias, entonces el AMP es para ti, si te enfocas en el marketing de contenidos también, porque es una oportunidad clara de posicionarte en los resultados móviles de Google, con una versión AMP de tu contenido, este tendrá prioridad para Google.

Verás el impacto en el SERPs de Google, porque como ya mencionamos, las noticias de las páginas móviles aceleradas se verían como un carrusel, arriba de los enlaces regulares, típicamente para términos relacionados con noticias, porque precisamente el enfoque es en contenidos para leer. Los que comenzaron a usar esto han sido sitios de noticias como BBC, The Guardian, El País, Buzzfeed, entre otros.

Cuando un usuario hace clic o toca una de estas noticias del carrusel estas cargan muy rápido, y ese es el punto de esta nueva tecnología.

Si tienes un negocio, una empresa o una pyme y quieres tener una versión AMP es buena idea bien hecha, optimizada y validada, adaptada a tus características; pero no debes olvidar la Web principal y cada una de sus páginas, que estén bien optimizadas, diseñadas y que capten la atención.

Si no publicas noticias, o no publicas contenido de forma regular, si tienes una tienda online, quizás no sea tan urgente adaptarse a esta nueva tecnología del diseño Web, pero no te olvides de esta información, porque como todo en la Web está en constante evolución, puede ser que más temprano que tarde te sea muy útil.

Ya sabes qué es AMP y por qué debería importarte, hoy desde tu agencia de posicionamiento Web te hemos hablado sobre los conceptos más básicos, espera nuestro siguiente post, en donde trataremos cómo funciona el AMP para acelerar tu Web, cómo crear tu página y detalles sobre su relación y uso con WordPress.

Tambien es interesante implementarlo, por que Google, en las SERPS, a veces pone un silder con los ultimos post de tu blog, cuando buscas tu blog por el nombre de marca.

Te recomiendo crear un sitemap para las páginas AMP. hay un plugin para ello, pero no lo he probado aún.

Como implementar AMP en WordPress

Seguro que esta es la parte que estabas esperando, pues bien, tengo buenas noticicias para ti, en wordpress hay un plugin, bueno, ya hay varios, pero te voy a recomendar el oficial, que ya usamos nosotros y te implemnatrá esta tecnología con solo instalar y activar el plugin.

Es este: Plugin WordPress AMP

¿Te ha parecido últil este post? Compártelo en tus redes sociales!

¿Conocías sobre esta nueva tendencia? ¿Crees que cambiará el diseño Web en un futuro próximo? Coméntanos tu opinión sobre este tema, escribe en los comentarios e inicia la discusión.

arianna@jesuslopezseo.com | + posts

Redactora, copywriter, especialista en temas SEO y de marketing digital, con 10 años de experiencia. Periodista de profesión. Jefa de Contenidos de Posicionamiento Web Systems.