¿Qué es AMP SEO?
AMP (Accelerated Mobile Pages) nació como una iniciativa de código abierto lanzada por Google y otros gigantes tecnológicos en 2015 con una obsesión: la velocidad instantánea en la web móvil. Pero no te confundas: AMP no es un “plugin mágico” que instalas y te olvidas. Es un ecosistema estricto, una dieta radical para tu código HTML que elimina lo superfluo para priorizar la entrega de contenido.
Aunque la Búsqueda de Google aplica el mismo estándar a todas las páginas (tengan AMP o no) , la velocidad es un factor de clasificación confirmado. AMP es, en esencia, una garantía de cumplimiento de los Core Web Vitals: si tu página es AMP válida, es casi imposible que sea lenta.
Sin embargo, esta velocidad tiene un precio: el control. Al usar AMP, aceptas jugar con las reglas restrictivas de Google a cambio de una visibilidad privilegiada en carruseles y resultados enriquecidos.
Anatomía del Framework AMP: Los 3 Pilares
Para entender AMP, debes dejar de verlo como una “página web normal”. Es una página web reconstruida bajo tres componentes técnicos que trabajan en sincronía para lograr esa carga instantánea.
AMP HTML (El Código Estricto)
Es HTML estándar, pero con restricciones severas para garantizar un rendimiento fiable.
- Etiquetas Prohibidas: No puedes usar etiquetas que causen problemas de renderizado o peso excesivo. Por ejemplo, la etiqueta <img> estándar está prohibida; debes usar <amp-img>. Lo mismo ocurre con el vídeo (<amp-video>) y el audio.
- El Identificador: Para que Google sepa que es una página AMP, el documento debe comenzar con <!doctype html>y la etiqueta <html amp> o el símbolo del rayo ⚡.
- Objetivo: Asegurar que el navegador sepa exactamente cómo se verá la página antes de descargar una sola imagen, evitando los saltos de diseño (CLS).
AMP JavaScript (La Tiranía Asíncrona)
Aquí es donde la mayoría de desarrolladores sufren. AMP prohíbe el JavaScript de autor (tus propios scripts) que puedan bloquear el renderizado.
- Carga Asíncrona: Todo el JS permitido es asíncrono. Esto significa que ningún script puede detener la construcción visual de la página. El usuario ve el contenido inmediatamente, mientras los scripts se cargan en segundo plano.
- Componentes Nativos: En lugar de escribir tu propio código para un carrusel o un menú, debes usar los componentes prefabricados de la librería AMP (v0.js).
AMP Cache (La Red de Entrega)
Este es el secreto de la “carga instantánea”. Cuando publicas una página AMP válida, Google (y otros proveedores) la almacenan automáticamente en sus propios servidores globales (CDN).
- Validación Constante: El CDN no solo guarda la página; verifica continuamente que el código funcione y no tenga errores.
- Pre-renderizado: Cuando un usuario busca algo en Google, el buscador puede pre-cargar la página AMP en segundo plano antes de que el usuario haga clic. Al tocar el enlace, el contenido aparece al instante porque, técnicamente, ya estaba ahí.
- La Desventaja: Al servirse desde la caché de Google, la URL que ve el usuario a menudo empieza por google.com/amp/… en lugar de tu dominio, aunque esto tiene solución técnica (que veremos más adelante).
¿Cómo afecta realmente al SEO? (Mitos vs. Realidad)
Hay mucha desinformación sobre si AMP “te sube el ranking”. Vamos a limpiar el ruido con los datos oficiales de Google.
El Mito del “Factor de Ranking”
AMP no es un factor de posicionamiento directo. Google ha sido claro: aplica el mismo estándar a todas las páginas, independientemente de la tecnología que usen. Instalar el plugin de AMP no te pondrá mágicamente en el #1.
La Realidad: Velocidad y Core Web Vitals
Lo que sí es un factor de ranking es la velocidad de carga.
- La Ventaja Injusta: Al usar AMP, es casi imposible suspender en las métricas de Core Web Vitals (LCP, CLS, INP). Como el framework restringe los elementos pesados, tu página vuela. Google premia esa experiencia de usuario superior.
- Tasa de Rebote: Al cargar al instante, los usuarios no abandonan la página antes de verla, lo que envía señales positivas de comportamiento al algoritmo.
Visibilidad Exclusiva (Rich Results y Carruseles)
Aquí es donde AMP brilla. Tener páginas AMP válidas te permite optar a formatos visuales destacados en la búsqueda móvil, como el carrusel de “Noticias Destacadas” (Top Stories) o resultados enriquecidos visuales.
- Impacto en CTR: Estos formatos ocupan más espacio en la pantalla y atraen más clics que un resultado de texto plano.
El Problema de la URL y la Solución “Signed Exchanges” (SXG)
Este es el punto que separa a los aficionados de los expertos.
El Problema: “Google.com/amp/…”
Cuando un usuario hace clic en un resultado AMP tradicional, no entra a tu servidor. Google le sirve la página desde su propia caché (Google AMP Cache) para garantizar la velocidad.
- La Consecuencia: En la barra del navegador, el usuario no ve tudominio.com, ve google.com/amp/tudominio.com.
- El Daño: Esto diluye tu marca y complica la analítica, ya que las cookies de terceros a menudo no funcionan correctamente en este entorno “híbrido”.
La Solución: Signed Exchanges (SXG)
Google solucionó esto con una tecnología llamada Intercambio Firmado (Signed Exchanges o SXG).
- Qué es: Es un protocolo que permite a Google servir tu página desde su caché rápida, pero firmada criptográficamente con tu certificado SSL.
- El Resultado: El navegador muestra tu propia URL (tudominio.com) en lugar de la de Google, aunque la página venga de la caché.
- Beneficios Críticos:
- Branding: El usuario ve tu marca.
- Cookies Propias: Puedes usar cookies first-party para personalizar contenido y medir analítica con precisión, tal como lo harías en tu web normal.
- Prioridad: Google Search prioriza los enlaces con SXG sobre el visor tradicional de AMP.
Consejo de Experto: Si vas a implementar AMP en 2026, es obligatorio configurar Signed Exchanges. Sin ello, estás regalando tu tráfico a la URL de Google.
Aquí tienes la entrega final. Cerramos con el manual de despliegue técnico y la decisión estratégica de negocio.
Implementación Técnica: Etiquetas y Código
AMP no permite errores de sintaxis. Un solo fallo en una etiqueta invalida la página entera y te saca de la caché de Google. Aquí tienes el protocolo de implementación estricto.
La Vinculación (El Matrimonio Canonical-AMP)
Si tienes una versión de escritorio (normal) y una versión AMP, debes decirle a Google cuál es cuál para evitar la penalización por contenido duplicado.
- En tu página normal (HTML estándar): Añade esta etiqueta en el <head> apuntando a la versión AMP:
<link rel=”amphtml” href=”https://www.tuweb.com/url-version-amp.html”>. - En tu página AMP: Añade la etiqueta canonical apuntando a la versión original:
<link rel=”canonical” href=”https://www.tuweb.com/url-original.html”>.
Nota Crítica: Si tu web es solo AMP (Canonical AMP), la etiqueta canonical debe apuntar a sí misma.
El “Boilerplate” Obligatorio (El Esqueleto)
Cualquier documento AMP válido debe seguir esta estructura exacta:
- Doctype: <!doctype html> al inicio.
- Etiqueta Raíz: <html amp> o <html ⚡> para identificarse.
- Head y Body: Etiquetas estándar obligatorias.
- Codificación: <meta charset=”utf-8″> como primer hijo del head.
- Viewport: <meta name=”viewport” content=”width=device-width,minimum-scale=1″>.
- Script de la Librería: <script async src=”https://cdn.ampproject.org/v0.js”></script> (Carga el cerebro de AMP).
- Estilo Boilerplate: Un bloque CSS específico <style amp-boilerplate>… que oculta el contenido (opacity: 0) hasta que carga, para evitar saltos visuales.
Restricciones Multimedia
Olvídate de las etiquetas HTML de toda la vida. Aquí todo tiene su equivalente AMP para controlar el renderizado:
- Imágenes:
- NO <img src=”…”>
- SI <amp-img src=”…” width=”300″ height=”200″ layout=”responsive”></amp-img>
- Regla: Debes declarar explícitamente el ancho y alto.
- Vídeos e Iframes: Usa <amp-video> y <amp-iframe> respectivamente.
- Scripts: Cualquier funcionalidad extra (carruseles, analítica) requiere cargar su propio componente <script async custom-element=”…”> en el head.
Datos Estructurados (Schema)
Para aparecer en los Resultados Enriquecidos (Carruseles de Noticias, Recetas, etc.), no basta con AMP. Debes inyectar Datos Estructurados (JSON-LD).
- Consistencia: Asegúrate de que los datos estructurados en la página AMP sean idénticos a los de la página canónica.
Ventajas y Desventajas (Decisión de Negocio)
¿Deberías invertir recursos en esto? Aquí tienes el balance honesto para 2026.
Ventajas (El “Sí”)
- Velocidad Extrema: La combinación de caché global, pre-renderizado y código ligero hace que la carga sea casi instantánea, incluso en redes 3G.
- Visibilidad Exclusiva: Acceso prioritario a formatos visuales como el carrusel de “Historias Destacadas” (Top Stories) en búsquedas móviles.
- Experiencia de Usuario (UX): Elimina la frustración del usuario móvil, reduciendo la tasa de rebote.
Desventajas (El “Pero”)
- Deuda Técnica: Mantener dos versiones de tu web (Normal + AMP) duplica el trabajo de desarrollo y depuración.
- Restricciones de Diseño: Olvídate de pop-ups complejos, efectos JS locos o widgets de terceros no soportados. Tu diseño será espartano.
- Identidad de Marca: Sin Signed Exchanges, tu URL desaparece bajo el dominio de Google.
¿Debes usar AMP hoy?
La respuesta ha cambiado. En 2016, AMP era “obligatorio” para medios. En 2026, es una herramienta táctica.
Úsalo SI:
- Eres un medio de noticias o blog de alto volumen y necesitas salir en el Carrusel de Google Discover/Top Stories.
- Tu web actual es un desastre de velocidad (WordPress lento, código sucio) y no tienes presupuesto para rehacerla desde cero. AMP es un “parche” rápido de rendimiento.
NO lo uses SI:
- Tienes una web moderna, rápida y responsiva que ya pasa los Core Web Vitals en verde. Google ya no discrimina; si tu web normal es rápida, rankeará igual de bien.
- Eres un e-commerce complejo o una SaaS que necesita funcionalidades JavaScript avanzadas que AMP bloquearía.
El veredicto del consultor: AMP ya no es el futuro de la web, es una rama especializada. Si puedes permitirte una web rápida nativa, hazlo. Si no, AMP es tu salvavidas de velocidad.
