Índice de contenidos
AMP, clave en tu marketing digital.
Desde ya hace algunos años Google viene dando cada vez más importancia a la presentación y tiempo de carga de las webs en dispositivos móviles.
Y con la implementación del Mobile First Index en noviembre de 2016 este nos ha dado una señal clara de qué tan importante es que las paginas sean Mobile Friendly y por consiguiente que tenga buenas velocidades de carga.
Ya que este es un factor muy importante de la experiencia del usuario.
Seguro has oído hablar sobre AMP como la solución de todos tus problemas relacionados con la versión móvil de tu sitio.
¿Es esto verdaderamente así?
Pues, como todo en la vida, la respuesta es sí y no.
Ya que este es un nuevo estándar de diseño web que funciona para ciertos casos.
AMP, siglas para Accelerated Mobile Pages, es una iniciativa de código abierto, impulsada por el mismo Google pero también por Bing, que permite crear páginas web muy ligeras y minimalistas.
Que por consiguiente pueden cargar en mucho más rápido.
Ese es su principal objetivo; reducir el tiempo de carga de las webs. De esta forma mejorando la experiencia de los usuarios que navegan desde su móvil.
Lo logra removiendo y prescindiendo de ciertos recursos y acortando la distribución de los datos.
Al final, en tu sitio web deberás tener tres versiones del mismo:
Parece una complicación extra, pero al final lo que tenemos es una versión extra, muy similar a la Mobile pero despojada de casi todo excepto el contenido.
Para que entonces Google la muestre en ciertos contextos, los cuales los decide Google, a menos que tú mismo fuerces la redirección de todas tus páginas Mobile a las Accelerated Mobile Pages.
De esto se desprende que AMP no es un sistema para crear una versión móvil de tu sitio web, es decir, no sustituye a la versión responsive de una web.
Ya que puedes tener perfectamente ambas versión de tu página. Solo que Google al detectar que existe una versión AMP, si esta está construida correctamente y contiene las etiqueta <link rel=”canonical”> qué enlace con la versión HTML original del documento, mostrará esta con preferencia a la versión Mobile.
Esta es una pregunta importante.
Cómo te comenté más arriba, deberías implementarlo solo si tu sitio web cumple con ciertos parámetros:
– Es un blog, es un sitio de noticias, o posee un blog en el que publicas contenido actualizado y cada cierto tiempo.
– Sí posees, por ejemplo, solo un sitio web corporativo que es prácticamente estático, no necesitas hacerlo.
– Tienes un E-commerce o tienda online, en este caso quizá te lo tengas que pensar un poco mejor, porque estarás algo limitado.
Hace algunos años quizá te fuese dicho que simplemente no ibas a poder implementar AMP pero ahora si hay opciones como puedes ver aquí.
O utilizando plugins para Woocommerce si es que tu tienda está construida ahí.
Cómo puedes ver el hilo conector de todos esos casos son los tipos en los que el contenido informativo es importante. O es una fuente fundamental del tráfico.
Por lo que esto beneficia a los portales en los que el contenido es principalmente texto, como artículos noticiosos y publicaciones de blog.
Ya que fue el principal objetivo del Accelerated Mobile Pages en sus inicios y es el mas simple de implementar.
Pero también beneficia mucho a las tiendas online, ya que puede incrementar ampliamente su velocidad de carga y sus métricas de usuarios.
¿Qué significa esto?
Qué deja de lado ciertos tipos de contenido dinámico. Que quizá sean fundamentales para una tienda online o para otros tipos de contenido y que por consiguiente requieren de un poco mas de trabajo.
Así al momento de implementar AMP. Y si quieres de verdad aprovechar todos sus beneficios recuerda siempre tener en cuenta la experiencia del usuario.
No sirve de nada tener una web con una buena experiencia de usuario pero que es muy lenta. Y luego pasar a una web muy rápida pero que descuida la experiencia del usuario.
Así que, como Google, ten siempre en cuenta al usuario.
Ahora, veamos cómo está compuesto el Accelerated Mobile Pages.
Técnicamente está compuesto en tres partes:
Es una variante más estricta de HTML, que difiere del mismo en varios puntos:
Este asegura de que las páginas AMP HTML se rendericen rápidamente, de forma correcta y optimizada. Además gestiona la carga de recursos y te proporciona las etiquetas personalizadas que te he mencionado. Siempre evitando que todo recurso externo sea asíncrono logrando que nada interrumpa el renderizado de la página.
Como se señala en el AMP project:
“La caché de AMP de Google es una red de distribución de contenido basada en proxies con la que se entregan documentos AMP válidos. Su función consiste en obtener páginas AMP HTML, almacenarlas en caché y mejorar el rendimiento de las páginas automáticamente. Cuando se utiliza la caché de AMP de Google, se cargan el documento, todos los archivos JavaScript y todas las imágenes del mismo origen que esté utilizando HTTP 2.0 para maximizar la eficiencia.”
Como ves, todo está asociado a un mayor rendimiento y rapidez.
La respuesta corta sería sí.
Pero no en todos los casos ya que como te hice entrever arriba, no todas las webs son iguales ni tienen el mismo contenido, ni propósito, ni audiencia.
Debes analizar si tu audiencia o usuarios:
Si tu web contiene este tipos de usuarios y además contiene un blog, o es un blog o portal de noticias, o posee una tienda online, esto seguro será muy beneficioso.
¿Por que?
Por tres razones:
Primero Google marca con un rayo nuestros contenidos Accelerated Mobile Pages:
Pero además Google nos otorga fragmentos destacados para AMP lo que nos otorga más visibilidad, y por ende un mayor CTR si logramos que Google nos seleccione para uno.
Aparte de eso podemos beneficiarnos del carrusel de noticias de Google.
Ya sabemos que la velocidad de carga de tu web es un factor importante para rankear en Google.
Por lo que sí tú pagina carga rápidamente en casi menos de un segundo con AMP esto probablemente mejore tus métricas de interacción con tus usuarios lo que en el mediano plazo implica mejores posiciones en el buscado.
Como ya te adelanté los fragmentos destacados y la mejora en la velocidad de carga tendrán una repercusión en la experiencia de los usuarios en tu web, aumentando el tiempo de los mismos en tus páginas, el CTR y las búsquedas del nombre de tu marca.
Esto es muy bueno para el SEO ya que Google cada vez más se está enfocando en las métricas de los usuarios en tu web para validar las posiciones de las páginas en los rankings.
Por lo que ciertamente esto tendrán un gran beneficio en el mediano y largo plazo.
Aún así:
Puedes que estés pensando.
Y qué pasa con esos casos en los que leí que implementaron AMP en un sitio web y esto fue su perdición.
Considera esto:
Recientemente Stone Temple y WompMobile colaboraron en lo que dicen es el primer estudio exhaustivo a gran escala de AMP.
Analizaron 26 dominios y más de 9 millones de páginas AMP.
Los resultados fueron obtenidos al comparar datos de los sitios 30 días antes de haber implementado AMP y 30 días después de su implementación.
Esto fue lo que observaron:
“En general, 22 de los 26 sitios web (77%) experimentaron ganancias de búsqueda orgánica en dispositivos móviles. Otras áreas de mejora incluyen las impresiones de SERP y las tasas click-through en los SERP”
Fuente:Stone Temple
De los 26 sitios 19 eran e-commerce y 7 sitios editoriales. Los primero vieron un mayor incremento en las métricas antes mencionadas.
Solo 1 de cada 5 sitios no vio mejoras
Esto responde parcialmente a nuestra inquietud inicial.
Stone Temple le atribuye esto a una variedad de factores:
No todo puede ser color de rosa.
Así que entre las principales desventajas de AMP tenemos:
Como ya has notado, dado este nuevo estándar de diseño, tus páginas web son muy minimalistas y despojadas de grandes personalizaciones.
Lo cual puede ser una desventaja ya que puedes perder o no transmitir correctamente tu marca.
Dado que AMP funciona con sus propias etiquetas y restringe el uso de algunas otras, además de prácticamente no permitir el uso de scripts, entonces puede que esto merme tus posibilidades para añadir funcionalidad o dinamismo a tus páginas.
Si usas WordPress, es posible que AMP no sea compatible con ciertos de tus plugins, lo que puede ser un dolor de cabeza, si alguno de ellos es fundamental en tu sitio.
Lo que implica que debes seguir al pie de la letra las indicaciones de Google. Las cuales son bastantes. Aunque bien delimitadas.
Esto es cierto si se es una persona muy técnica y que no domina muy bien el HTML, CSS y Javascript.
Lo cierto es que es solo una desventaja muy puntual ya que AMP es fácilmente implementable. Sobre todo en WordPress a través de plugins, lo cual explicaré ahora.
Pero sí posees una página web tradicional, u otro CMS esto requeriría un arduo trabajo de desarrollo web. Ya que debe hacerse manualmente para cada página que necesite una versión AMP.
En la página oficial del Proyecto AMP puedes encontrar un guía paso paso sobre cómo empezar a implementar tus páginas AMP manualmente.
Incluso, te enseña cómo convertir tus páginas en HTML al nuevo formato AMP.
Así que te recomiendo que sigas esta guía que es simple y didáctica para implementar manualmente AMP en las páginas que necesites.
Si manejas tu página web con WordPress entonces implementar AMP se hace simple.
Lo único que debes hacer es buscar en tu página de plugins dentro de WordPress AMP for WP:
Lo instalas y listo, esto añadirá funcionalidad AMP a tus publicaciones.
Ahora sí buscas cualquiera de tus posts y les añades a su URL /amp al final podrás ver la versión Accelerated Mobile Pages.
Pero, como ya te mencioné con anterioridad, la idea es realizar una buena implementación en base a tus necesidades.
Así que lo que debes hacer es seguir estos pasos:
Ve a el Plugin AMP desde tu barra de navegación lateral, y luego ve a Settings. Ahí podrás añadir el logo o imagen de tu marca, además podrás configurar si quieres que se añada funcionalidad Accelerated Mobile Pages a tus publicaciones, páginas y hasta a tu Página de Inicio.
Si usas Yoast, entonces puedes tomar tus mismas descripciones y títulos, para tus artículos en versión AMP. Solo ve a la sección SEO y establece esta compatibilidad. Además recomiendo que marques como activa la funcionalidad de indexación avanzada.
Marca la opción para minificar el código de tu implementación AMP, esto remueve cualquier tipo de carácter innecesario del código fuente sin afectar la funcionalidad:
Añade tu código de seguimiento de Google Analytics para que puedas tener datos sobre tus páginas en versión Accelerated Mobile Pages.
Te recomiendo que antes de implementar tu versión Accelerated Mobile Pages crees una nueva Vista dentro de tu cuenta de Analytics y que la filtres para solo mostrar páginas de tu versión AMP.
Esto te permitirá tener una mejor organización de tus datos.
5. Configuración Avanzada
En este apartado encontrarás opciones interesantes como:
a) Escoge un Tema
Existen tres temas básicos de los que puedes partir para aplicar a tus versiones Accelerated Mobile Pages. Estos son bastante simples pero con algunas configuraciones puntuales ( y sis sabes un poco de CSS) puedes lograr el acabado profesional que deseas.
b) Añade los colores de tu marca, tus fuentes y alguna configuración adicional con CSS
Esta forma parte de la configuración Global de tus versiones Accelerated Mobile Pages por lo que se verán afectadas todos tus páginas.
d) Selecciona la estructura de tus posts
e) Implementa tus botones sociales
Al final de implementar todo correctamente puede llegar a tener algo así:
Claro, de acuerdo a tu estilo, marca y objetivos.
Es ciertamente un nuevo estándar de diseño web que busca establecerse y se ha establecido como una nueva forma de brindar a los usuarios una mejor experiencia enfocados en la rapidez y funcionalidad.
Como todo nuevo estándar posee una cierta curva de dificultad y de límites.
Pero estos se han ido reduciendo y cada día es más sencillo su implementación.
Además estudios resaltan que su implementación puede traer mejoras en tráfico, CTR, conversiones y en las posiciones en los buscadores.
Así que quizá es momento de que te sumes si aún no lo has hecho
Los Angeles, California, USA – 23 March 2019: Illustrative Editorial of AMP website homepage. AMP logo visible on display screen – Imagen from Pavel Kapish
En la era digital actual, tener una presencia online sólida es crucial para cualquier negocio…
Cada vez es más importante en negocios de e-commerce entender los factores para contratar una…
PayPal y BNPL clave para retener clientes y para ofrecer estrategias de fidelización. Si está…
Emprender un negocio es una de las tareas más desafiantes que puede emprender una persona.…
Para que una empresa pueda sobrevivir en el mercado tiene que crecer, y para lograrlo,…
A lo largo de los últimos años el proceso de crear una web se ha…
Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúa utilizando este sitio asumiremos que está de acuerdo
Ver comentarios
Excelente artículo. Llevo tiempo queriendo implementar AMP en varios sitios web y la verdad se me hace un poco confuso. Seguiré al pie de la letra lo que dice este artículo para ver si puedo implementarlo, porque las ventajas en posicionamiento son enormes Muchas gracias!