AMP: qué es, cómo funciona y si todavía conviene usarlo

AMP (Accelerated Mobile Pages, «páginas móviles aceleradas») es un formato de código abierto para crear páginas web que cargan casi al instante en el móvil, con un HTML restringido y una caché propia. Google lo lanzó en 2015, pero desde junio de 2021 ya no es obligatorio para aparecer en el carrusel de Noticias destacadas.

¿Qué es AMP y qué significa?

AMP son las siglas de Accelerated Mobile Pages, es decir, páginas móviles aceleradas. Se trata de un framework, un conjunto de reglas y componentes, para construir páginas que pesan poco y se muestran rápido en conexiones lentas.

Google presentó el proyecto en octubre de 2015, cuando los medios sufrían páginas móviles lentas y llenas de anuncios. Después, en 2019, AMP pasó a la OpenJS Foundation, que todavía lo lista entre sus proyectos. Su repositorio en GitHub, ampproject/amphtml, publicó una versión el 18 de agosto de 2026, así que el proyecto sigue activo.

Ojo con la sigla. «AMP» también designa el monofosfato de adenosina en biología, un tipo de archivo de Photoshop o marcas comerciales. En este artículo hablamos solo del formato web.

¿Cómo funciona AMP?

AMP se apoya en tres piezas. Cada una resuelve un motivo distinto de lentitud.

A cambio de esa velocidad, AMP impone límites. Por ejemplo, todo el CSS debe ir en línea y no puede superar los 75.000 bytes, según la especificación oficial de AMP HTML. Además, no puedes usar tu propio JavaScript libremente: para eso existe el componente amp-script, con restricciones.

¿Sigue siendo necesario AMP para Google?

No. El 19 de abril de 2021, Google anunció en su blog para desarrolladores que el formato AMP dejaría de ser obligatorio para el carrusel de Noticias destacadas (Top Stories). Desde mediados de junio de 2021, cualquier página que cumpla las políticas de Google Noticias puede aparecer en ese carrusel. Además, Google retiró el icono del rayo que marcaba los resultados AMP.

Hoy, la documentación de Google sobre AMP indica que el buscador indexa estas páginas como cualquier otra. También aclara que AMP en escritorio no obtiene funciones especiales en los resultados. En otras palabras, AMP no da un empujón propio en el ranking.

Lo que sí cuenta es la experiencia de la página: carga rápida, estabilidad visual y buena respuesta al toque. Esas señales se miden con las Core Web Vitals, y puedes lograrlas sin AMP. Te lo explicamos en nuestra guía de Core Web Vitals.

Ventajas y desventajas de AMP hoy

¿Cuándo conviene usar AMP y cuándo no?

Cuándo puede convenir

• Medios con mucho tráfico móvil que ya tienen AMP funcionando y obtienen buenas métricas. En ese caso, quitarlo es un proyecto en sí mismo.
• Equipos sin desarrolladores de rendimiento que necesitan páginas rápidas con poco esfuerzo técnico.
• Formatos que dependen de AMP, como algunas Web Stories o el correo interactivo AMP para Email.

Cuándo no conviene

• Webs corporativas y tiendas en línea que pueden lograr buenas Core Web Vitals con un tema ligero y buena caché.
• Sitios con formularios complejos, chats o herramientas de terceros, porque AMP limita el JavaScript.
• Proyectos que buscan un empujón en Google, ya que AMP no aporta ventaja de posicionamiento propia.

Por eso, para la mayoría de empresas la mejor inversión es una web adaptable y rápida. Revisa los pasos en cómo optimizar una página web para móviles y en qué es el SEO móvil.

¿Cómo se implementa AMP? Pasos básicos

1. Decide el modelo. Puedes tener una página AMP emparejada con tu página normal, o hacer que AMP sea la única versión.
2. Crea la página AMP. Debe empezar con <html amp> o <html ⚡>, incluir el script de AMP y el bloque de estilos obligatorio.
3. Sustituye etiquetas. Por ejemplo, cambia <img> por <amp-img> con ancho y alto definidos.
4. Enlaza ambas versiones. La página normal apunta a la AMP con rel=amphtml y la AMP apunta a la normal con rel=canonical.
5. Valida. Usa el validador de amp.dev o añade #development=1 a la URL y revisa la consola.
6. Vigila en Search Console. Después, comprueba que Google indexa la versión correcta y revisa los errores que aparezcan.

<!doctype html>
<html amp lang="es">
<head>
  <meta charset="utf-8">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <title>Mi primera página AMP</title>
  <link rel="canonical" href="https://www.ejemplo.com/articulo/">
  <meta name="viewport" content="width=device-width">
  <!-- Copia aquí el bloque style amp-boilerplate oficial de amp.dev -->
  <style amp-custom>
    body { font-family: sans-serif; }
  </style>
</head>
<body>
  <h1>Hola, AMP</h1>
  <amp-img src="foto.webp" width="800" height="450" layout="responsive" alt="Descripción de la foto"></amp-img>
</body>
</html>

<!-- En la página normal (https://www.ejemplo.com/articulo/): -->
<link rel="amphtml" href="https://www.ejemplo.com/articulo/amp/">

Si tu página AMP es la única versión, la etiqueta canónica debe apuntar a sí misma, según la guía de descubrimiento de amp.dev.

AMP en WordPress

En WordPress, el camino habitual es el plugin oficial AMP. Sin embargo, su repositorio en GitHub muestra como última versión la 2.5.5, del 12 de noviembre de 2024. Antes de instalarlo, comprueba que funciona con tu tema y tus plugins. Si tu objetivo es solo la velocidad, una caché bien configurada y un tema ligero suelen dar más con menos riesgo.

Cómo quitar AMP sin perder tráfico

Muchos sitios retiraron AMP después de 2021. Si es tu caso, hazlo con orden. Primero, comprueba que tu versión normal tiene buenas Core Web Vitals en móvil. Después, quita la etiqueta rel=amphtml y redirige con un 301 cada URL AMP a su versión canónica. Por último, revisa en Search Console que las URL AMP desaparecen y que el tráfico se mantiene. Para revisar el resto del sitio, consulta también nuestra guía de sitemaps.

Si prefieres que lo revisemos contigo, nuestro servicio de posicionamiento web en buscadores incluye auditorías de rendimiento y migraciones.