¿Qué es AMP?
AMP, abreviatura de Accelerated Mobile Pages, es un marco HTML de código abierto desarrollado por Google. Fue creado con el propósito de mejorar la velocidad de carga de las páginas web móviles mediante la utilización de una versión simplificada de HTML.
Las páginas AMP están optimizadas, con ciertas etiquetas HTML y elementos JavaScript restringidos. El objetivo era elevar el rendimiento de la web móvil, reducir el tiempo de carga de la página y brindar una experiencia de usuario mejorada, particularmente en dispositivos con conexiones a Internet más lentas.
¿Como se ve eso?
El código AMP (Accelerated Mobile Pages) es una versión simplificada del HTML normal. Está diseñado para ser liviano y de carga rápida, especialmente en dispositivos móviles. A continuación se muestran algunas características clave del aspecto típico del código AMP:
- AMPHTML: Es esencialmente HTML con algunas restricciones para un rendimiento confiable. Se utilizan etiquetas específicas de AMP, como
<amp-img>
para imágenes y<amp-video>
para vídeos, reemplazando las etiquetas HTML estándar. - AMPJS: JavaScript en AMP es manejado por la biblioteca AMP JS. Esta biblioteca gestiona la carga de recursos para ofrecer una representación rápida de la página. No se permite JavaScript personalizado; en su lugar, utiliza componentes AMP predefinidos.
- CDN AMP (opcional): Las páginas AMP se pueden almacenar en caché mediante una red de entrega de contenido (CDN), como AMP Cache de Google, para una entrega más rápida.
A continuación se muestra un ejemplo básico de cómo podría verse una página AMP:
<!doctype html>
<html amp>
<head>
<meta charset="utf-8">
<title>My AMP Page</title>
<link rel="canonical" href="https://medevel.com/is-amp-dead/self.html" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
<noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<!-- Add additional AMP components here -->
</head>
<body>
<h1>Welcome to my AMP page!</h1>
<amp-img src="welcome.jpg" width="800" height="600" alt="Welcome"></amp-img>
<!-- More AMP components -->
</body>
</html>
En el fragmento de código anterior
- El
<html amp>
El atributo declara esto como un documento AMP. - La biblioteca AMP JS se incluye con
<script async src="https://cdn.ampproject.org/v0.js"></script>
. - Las etiquetas HTML estándar se reemplazan con etiquetas específicas de AMP como
<amp-img>
para imágenes.
Recuerde, las páginas AMP deben validarse según la especificación de AMP para ser consideradas páginas AMP válidas y aprovechar los beneficios de AMP, como la posibilidad de aparecer en la caché de AMP de Google.
Crítica
Sin embargo, AMP enfrentó críticas y controversias:
- Control sobre los estándares web: Algunos desarrolladores y editores expresaron su preocupación acerca de que AMP otorgue a Google un control excesivo sobre los estándares web y la dirección de la web.
- Complejidad y limitaciones: La implementación de AMP puede resultar complicada y sus limitaciones pueden restringir la funcionalidad y el diseño creativo de las páginas web.
- Preocupaciones de SEO y visibilidad: Inicialmente, Google dio prioridad a las páginas AMP en sus resultados de búsqueda móviles, ofreciendo una visibilidad mejorada. Sin embargo, esto generó preocupación de que los sitios web se vieran obligados a adoptar AMP para preservar su clasificación de búsqueda.
- Problemas de monetización: En ocasiones, los editores encontraron dificultades para monetizar las páginas AMP con tanta eficacia como las páginas web tradicionales debido a limitaciones en la tecnología publicitaria y los análisis.
Sin aumento de clasificación directo
Google ha declarado que AMP no es un factor de clasificación directo. En otras palabras, el simple hecho de usar AMP no garantiza una clasificación más alta en los resultados de búsqueda. En cambio, Google se centra en las señales de la experiencia de la página, que incluyen el rendimiento de carga de la página, la interactividad y la estabilidad visual, entre otros.
Estado
Finalmente, Google tomó la decisión de eliminar gradualmente el trato preferencial de las páginas AMP en sus rankings de búsqueda. Este cambio fue impulsado en parte por los avances en las tecnologías web, que permiten que las páginas que no son AMP se carguen rápidamente y brinden una excelente experiencia de usuario. El abandono de AMP puede verse como una respuesta a la evolución del ecosistema web y a los comentarios de los desarrolladores y editores que deseaban una mayor flexibilidad y control sobre su contenido.
A partir de mi última actualización en abril de 2023, aunque AMP ya no tiene la prioridad en las clasificaciones de búsqueda como antes, sigue estando disponible como marco para que los desarrolladores elijan. El alejamiento de AMP no significa el fin del proyecto, sino más bien una realineación del enfoque de Google para enfatizar estándares de rendimiento web más amplios en lugar de un marco específico.
Conclusión
En resumen, si bien AMP puede contribuir a una mejor experiencia móvil y potencialmente tener un impacto positivo en el SEO a través de medios indirectos como una mejor experiencia del usuario y velocidad de la página, ya no es la única forma de lograr estos beneficios. El enfoque de Google está más en la experiencia y velocidad general de la página, independientemente de la tecnología utilizada.
Por lo tanto, la decisión de utilizar AMP debe basarse en necesidades comerciales específicas, disponibilidad de recursos y objetivos del sitio web en lugar de únicamente en consideraciones de SEO.