AMP para WordPress, velocidad y Core Web Vitals
ES

AMP para WordPress, velocidad y Core Web Vitals

5.00 /5 - (17 votes )
16min de lectura
Guía

#¿Qué es el servicio AMP?

La implementación de AMP (Accelerated Mobile Pages) hace que tu sitio WordPress cargue de forma casi instantánea en dispositivos móviles. Con el alcance acordado individualmente, entregamos:

  • Implementación AMP - Configuración del plugin oficial AMP con tres modos (Standard, Transitional, Reader)
  • Optimización Core Web Vitals - Conseguir LCP inferior a 1 segundo, FID óptimo y CLS cero
  • Marcado Schema.org - Datos estructurados para el carrusel de Top Stories y resultados enriquecidos
  • Integración de analítica - Seguimiento de rendimiento con amp-analytics
  • Testing y validación - Validación completa con Google Search Console

#¿Quién necesita AMP?

#Medios de comunicación

Esencial para aparecer en el carrusel de Top Stories. AMP garantiza que tus artículos de noticias carguen al instante y cualifiquen para las posiciones premium de Google en móvil.

#Sitios e-commerce

Reduce las tasas de rebote en móvil con cargas de página casi instantáneas. Integración WooCommerce compatible con AMP disponible.

#Empresas en mercados emergentes

Crítico para regiones con infraestructura de internet deficiente. AMP Cache sirve contenido desde la CDN global de Google.

#Sitios con recursos de desarrollo limitados

Obtén rendimiento móvil de nivel empresarial sin desarrollo personalizado complejo.

#¿Dónde funciona AMP?

La optimización AMP beneficia a tu sitio en múltiples puntos de contacto:

  • Google Search - Carrusel de Top Stories, resultados enriquecidos, insignias AMP
  • Dispositivos móviles - Carga casi instantánea en todos los navegadores móviles
  • Conexiones lentas - Entrega optimizada vía AMP Cache
  • Redes sociales - Experiencias de compartición y previsualización más rápidas
  • Email - Experiencias interactivas con AMP for Email

#Precios del servicio AMP

Nuestro servicio de implementación AMP incluye, con alcance acordado individualmente:

#Paquete básico (presupuesto individual)

  • Instalación y configuración del plugin oficial AMP
  • Configuración en modo Standard o Transitional
  • Ajustes básicos de compatibilidad con el tema
  • Implementación de marcado Schema.org
  • Validación con Google Search Console
  • Informe de referencia Core Web Vitals

#Paquete avanzado (presupuesto individual)

  • Todo lo del paquete básico, más:
  • Desarrollo de plantillas AMP personalizadas
  • Integración AMP con WooCommerce
  • Configuración avanzada de analítica
  • Integración con AdSense y publicidad
  • Compatibilidad con page builders
  • Panel de monitorización de rendimiento

#Paquete empresarial (presupuesto individual)

  • Todo lo del paquete avanzado, más:
  • Implementación AMP multisite
  • Desarrollo de componentes personalizados
  • Configuración de tests A/B
  • Informes mensuales de rendimiento
  • Soporte prioritario durante 6 meses

#Factores que afectan al precio:

  • Complejidad del tema y personalizaciones
  • Número de tipos de contenido personalizados
  • Tamaño del catálogo WooCommerce
  • Integraciones con terceros necesarias
  • Requisitos multiidioma

Solicita un presupuesto personalizado para tu sitio WordPress.

#¿Qué es AMP (Accelerated Mobile Pages)?

AMP (Accelerated Mobile Pages) es un framework HTML de código abierto desarrollado por Google y el AMP Open Source Project para crear páginas web de carga rápida en dispositivos móviles. Lanzado en 2015, AMP se diseñó para abordar la creciente necesidad de experiencias web móviles más rápidas, especialmente en regiones con conectividad a internet limitada.

El principio fundamental detrás de AMP es sencillo: reducir las páginas web a su contenido esencial y eliminar los elementos que ralentizan los tiempos de carga. Esto se consigue mediante una combinación de HTML optimizado, restricciones en el uso de JavaScript y el sistema AMP Cache que sirve contenido desde los servidores de Google.

#Dónde está realmente AMP en 2026

Antes de avanzar, una comprobación honesta: AMP no es una buena práctica para 2026. Es un framework de 2015 que Google degradó en 2021, cuando el carrusel de Top Stories dejó de exigirlo. Los grandes editores españoles, incluidos El País, ABC y El Mundo, mantuvieron sus variantes AMP más tiempo que muchos pares anglosajones porque Google Discover seguía siendo un canal de tráfico significativo, pero entre 2023 y 2024 la mayoría desactivó o redujo drásticamente sus implementaciones AMP. Donde AMP aún se ve hoy, en general se trata de plantillas no retiradas, no de una decisión editorial deliberada.

#Lo que AMP hace técnicamente, y lo que ya no compra

Los límites estrictos de CSS, la prohibición de JavaScript arbitrario y el prefetch desde el CDN de Google siguen produciendo LCP por debajo del segundo casi por defecto, CLS bajo porque las reglas de maquetación se imponen, e INP predecible porque no hay caos de scripts de terceros. Lo que AMP ya no compra es trato preferencial en la búsqueda. La insignia AMP ha desaparecido. Top Stories clasifica URLs canónicas con buenos Core Web Vitals con la misma facilidad que URLs AMP. Quien hoy considera AMP solo por el retorno SEO está persiguiendo una ventaja que ya es histórica.

#Discover en el mercado hispanohablante

En el mercado hispano, Google Discover ha sido la razón real por la que muchos editores conservaron AMP hasta 2024. Para contenidos de actualidad, lifestyle, recetas y deporte, Discover sigue siendo un canal de tráfico relevante en español. Discover no exige AMP, pero algunos editores midieron ganancias significativas en variantes AMP de contenido visual. La tendencia desde 2024 es que esa ventaja se ha estrechado a medida que Google ha mejorado el ranking de URLs canónicas con buenas Core Web Vitals. Un A/B controlado antes de comprometerse con AMP sigue siendo el enfoque sensato.

#AEPD, RGPD y el caché AMP de Google

El caché AMP sirve las páginas desde cdn.ampproject.org, infraestructura propia de Google que implica transferencias internacionales de datos. Tras Schrems II y a la luz del criterio publicado por la AEPD sobre Google como encargado de tratamiento, montar una variante AMP añade una capa de subencargo y de transferencia internacional que exige documentación, registro de actividades y un mecanismo de transferencia válido. Para un sitio con presencia notable en España, es un argumento más para preguntarse si AMP justifica la complejidad de cumplimiento añadida.

#Cómo funciona AMP

#AMP HTML

AMP utiliza una versión especializada de HTML con etiquetas personalizadas y restricciones:

  • Todo el CSS debe estar inlineado y limitado a 75KB
  • JavaScript queda restringido a componentes aprobados por AMP
  • Las imágenes y vídeos usan lazy loading por defecto
  • Los scripts de terceros se ejecutan en iframes sandbox para evitar bloqueos

#AMP Cache

La AMP Cache de Google almacena las páginas AMP y las sirve directamente desde la infraestructura de Google, proporcionando:

  • Pre-validación de páginas AMP
  • Compresión y optimización automática
  • Distribución CDN global
  • Entrega casi instantánea

#AMP JavaScript

La librería AMP JS implementa las mejores prácticas de rendimiento:

  • Carga asíncrona de todos los recursos
  • Pre-cálculo del layout antes de la carga
  • Iframes sandbox para contenido de terceros
  • Soporte de analítica integrado

#Implementación de AMP en WordPress

#Método 1: plugin oficial AMP

La forma más sencilla de implementar AMP en WordPress es a través del plugin oficial:

  1. Instalación: Instala y activa el plugin AMP desde WordPress.org
  2. Configuración: Elige entre tres modos:
    • Standard: Todo tu sitio usa AMP (recomendado para sitios nuevos)
    • Transitional: Las versiones AMP y no AMP coexisten
    • Reader: Modo AMP clásico con plantillas simplificadas
  3. Compatibilidad del tema: El plugin funciona con cualquier tema pero ofrece soporte mejorado para temas compatibles con AMP
  4. Validación: Usa la herramienta de validación integrada para verificar que tus páginas cumplen los requisitos AMP

#Método 2: plugin AMP for WP

Para más opciones de personalización, considera el plugin AMP for WP:

  • Personalización avanzada de diseño
  • Soporte para page builders compatibles con AMP
  • Integración con WooCommerce
  • Soporte publicitario (AdSense, etc.)
  • Integración de analítica

#Método 3: implementación manual

Para desarrolladores que quieren control total:

  1. Crea plantillas específicas para AMP en tu tema
  2. Usa componentes AMP para formularios, carruseles y contenido dinámico
  3. Implementa datos estructurados para rich snippets
  4. Configura los enlaces canónicos entre las versiones AMP y no AMP

#Buenas prácticas para la implementación AMP

#Paridad de contenido

Asegúrate de que tus páginas AMP contienen el mismo contenido crítico que tus páginas canónicas. Google requiere:

  • Contenido de texto equivalente
  • Presentación visual similar
  • Los mismos datos estructurados
  • Funcionalidad comparable donde sea posible

#Estructura de URL

Usa una estructura de URL clara y consistente:

  • Opción 1: ejemplo.com/nombre-artículo/amp/
  • Opción 2: amp.ejemplo.com/nombre-artículo/
  • Opción 3: ejemplo.com/amp/nombre-artículo/

La clave es la consistencia y las URL amigables que indiquen claramente la versión AMP.

#Analítica y seguimiento

Implementa analítica en tus páginas AMP para rastrear:

  • Páginas vistas y engagement de usuario
  • Seguimiento de conversiones para e-commerce
  • Tests A/B para optimización
  • Flujo de comportamiento de usuario

Usa el componente amp-analytics con tus IDs de seguimiento existentes.

#Testing y validación

Antes de lanzar páginas AMP:

  1. Usa la herramienta AMP Test en Google Search Console
  2. Valida páginas individuales con el AMP Validator
  3. Comprueba la usabilidad móvil en Google Search Console
  4. Testea las velocidades de carga reales con PageSpeed Insights

#Lo que de verdad se rompe en producción

Los modos de fallo de AMP que veo una y otra vez en sitios reales de clientes, no los teóricos de la documentación.

El límite de 75 KB de CSS inline. AMP exige que todo el CSS esté inline en un único bloque <style amp-custom> por debajo de 75 KB. Los temas WordPress modernos basados en block patterns, frameworks utility grandes o estilos generados por page builders rondan rutinariamente los 120-200 KB. La solución es trabajo real: stripping de selectores no usados por plantilla, separación de estilos globales y específicos de página, a veces una hoja de estilos exclusiva para AMP. AMP for WP anuncia auto-stripping, los resultados son irregulares.

Scripts de terceros que sencillamente no pueden ejecutarse. AMP prohíbe JavaScript arbitrario. Eso significa: nada de Intercom, nada de píxel de seguimiento de HubSpot, nada de integración propia con Stripe Elements, nada de calendario de reservas que dependa de su propio JS. Algunos proveedores ofrecen alternativas vía amp-iframe, muchos no. En tiendas WooCommerce auditadas, el carrito y el checkout AMP se rompían silenciosamente porque el JS de la pasarela de pago no cargaba, y un porcentaje de sesiones móviles terminaba en una página que parecía correcta pero no permitía completar la compra.

Google Ads y AdSense en variantes AMP. AMP sirve los anuncios mediante amp-ad, que admite un subconjunto de formatos y de targeting. Anuncios lazy-loaded, line items GAM propios y cualquier setup de header bidding basado en Prebid.js suelen perder ingresos en páginas AMP frente a sus equivalentes canónicos. En informes side-by-side he visto caídas de RPM entre el 20-40% en variantes AMP que los editores solo detectaron al hacer la comparación directa.

Errores de validación tras actualizar un plugin. Una variante AMP estable se rompe la mañana siguiente a que alguien active un plugin de popup, un widget de chat o un nuevo snippet de analítica. La etiqueta de analítica no preparada para AMP inyecta JavaScript inline, y AMP rechaza la página entera. La solución pasa por el panel “Plugin Suppression” del plugin oficial, pero cada nuevo plugin reabre la cuestión.

Drift de contenido entre AMP y canónica. Los editores actualizan el post canónico, la variante AMP se queda atrás o elimina un vídeo embebido. La regla de paridad de contenido de Google hace que la versión AMP termine siendo ignorada. El plugin oficial gestiona esto mejor que las alternativas de terceros porque genera AMP a partir de la misma fuente, pero las plantillas AMP personalizadas casi siempre derivan.

La solución honesta para la mayoría de estos problemas no es arreglar AMP. Es entregar HTML y CSS rápidos en el sitio canónico para que AMP sobre. Un WordPress con LCP por debajo de 2,0 s, CLS por debajo de 0,05 e INP por debajo de 200 ms con WP Rocket o LiteSpeed Cache, imágenes AVIF servidas vía CDN y un tema que no cargue cinco frameworks JS, supera a su propia variante AMP en Core Web Vitals manteniendo cada función intacta.

#AMP frente al rendimiento web moderno

#La evolución de la velocidad web

Aunque AMP fue importante en 2015, el desarrollo web moderno ha alcanzado a AMP en muchos aspectos:

  • HTTP/2 y HTTP/3: El multiplexing reduce la necesidad de las restricciones de recursos de AMP
  • Frameworks JavaScript modernos: Next.js, Nuxt.js y otros ofrecen beneficios de rendimiento similares
  • Edge computing: Las CDN ahora ofrecen aceleración de contenido dinámico
  • Core Web Vitals: Los sitios pueden conseguir puntuaciones excelentes sin AMP

#Cuándo AMP aún tiene sentido y cuándo conviene salir

El cuadro honesto en 2026: AMP es una tecnología de nicho con huella menguante. Los grandes editores españoles, El País, ABC y El Mundo, mantuvieron AMP hasta 2024 principalmente por Discover, y desde entonces han ido desactivando o reduciendo sus despliegues. The New York Times, BBC News, The Washington Post y The Guardian dieron de baja sus variantes AMP por etapas entre 2022 y 2025. El informe AMP en Search Console sigue existiendo pero reporta una fracción del volumen de 2019.

AMP justifica seguir presente en tres escenarios:

  1. Contratos heredados con redes publicitarias que exigen AMP. Un puñado de plataformas regionales de publicidad de medios sigue pidiendo integración amp-ad. Si AMP figura en el contrato de monetización, AMP se queda hasta que el contrato cambie.
  2. Dependencias específicas de Google Discover. En el mercado hispanohablante, Discover ha sido históricamente un canal real para lifestyle, recetas y deporte. La ventaja AMP en Discover se ha estrechado desde 2024, pero existen casos de contenido visual donde aún se mide diferencia. Probar en A/B antes de comprometerse.
  3. Mercados donde 3G sigue siendo dominante. Partes del Sudeste Asiático, África subsahariana y zonas rurales de Latinoamérica donde la mediana de conexión está por debajo de 1 Mbps. Para una audiencia mayoritariamente española, este caso no aplica; para sitios con tráfico latinoamericano relevante, conviene mirar los datos por país antes de descartar.

Para todo lo demás, las cuentas se han dado la vuelta. Dos migraciones recientes fuera de AMP que vale la pena nombrar. Un editor regional retiró AMP por completo a principios de 2025 después de ver que el tráfico AMP había caído a porcentajes de un solo dígito de las sesiones móviles orgánicas. Doce semanas después de la retirada, el tráfico orgánico estaba plano dentro del ruido y la productividad editorial subió porque el equipo dejó de mantener dos versiones de cada artículo. Un cliente de WooCommerce con AMP for WP descubrió que su carrito AMP estaba perdiendo silenciosamente checkouts móviles porque el JS de la pasarela de pago no podía cargarse en AMP; quitar AMP en plantillas de producto y checkout recuperó las conversiones de inmediato.

Para quien empieza desde cero, el trabajo que paga es poco vistoso: hosting con HTTP/3 y un TTFB decente, WP Rocket o LiteSpeed Cache configurado en serio, imágenes AVIF servidas vía CDN, un tema que no cargue cinco bibliotecas JavaScript y disciplina con los Core Web Vitals. Esa pila supera a AMP en los Vitals y conserva formularios, pagos, analítica personalizada y diseño intactos.

#Futuro de AMP

Google ha anunciado que el formato AMP seguirá evolucionando, con el foco puesto en:

  • Cumplimiento de Web Vitals: Hacer de AMP el camino más fácil para cumplir Core Web Vitals
  • Bento AMP: Usar componentes AMP en páginas no AMP
  • Integración con frameworks: Mejor soporte para React, Vue y otros frameworks
  • Analítica que preserva la privacidad: Funcionalidades mejoradas de privacidad para el seguimiento de usuarios

#Checklist de implementación AMP paso a paso

#Fase 1: planificación

  • Auditar las métricas actuales de rendimiento móvil
  • Identificar el contenido de alta prioridad para la conversión a AMP
  • Elegir el método de implementación (plugin vs. personalizado)
  • Configurar el entorno de testing AMP

#Fase 2: desarrollo

  • Instalar y configurar el plugin AMP o crear plantillas personalizadas
  • Implementar versiones AMP de las plantillas clave
  • Añadir marcado de datos estructurados
  • Configurar el seguimiento de analítica

#Fase 3: testing

  • Validar todas las páginas AMP usando las herramientas oficiales
  • Testear en varios dispositivos y condiciones de red
  • Comparar métricas de rendimiento entre AMP y no AMP
  • Verificar la paridad de contenido entre versiones

#Fase 4: lanzamiento y monitorización

  • Enviar las páginas AMP a Google Search Console
  • Monitorizar los informes específicos de AMP en Search Console
  • Rastrear las mejoras en Core Web Vitals
  • Optimizar basándose en datos de usuarios reales

#AMP en WordPress, ¿sí o no?

La respuesta correcta casi nunca es automática. Si un sitio ya puede cargar muy rápido con buena arquitectura WordPress, AMP puede añadir complejidad innecesaria. Si el proyecto necesita máxima inmediatez móvil y tiene un modelo editorial muy concreto, entonces sí puede seguir siendo una opción razonable.

En la mayoría de los casos actuales, la recomendación es pensar primero en Core Web Vitals, optimización técnica real y arquitectura limpia. Eso suele aportar más flexibilidad, mejor mantenimiento y menos límites en diseño, analítica e integraciones futuras.

AMP sigue siendo una herramienta potente para entregar experiencias móviles rápidas, especialmente para editores y sitios con mucho contenido. Aunque las tecnologías web modernas han reducido la brecha de rendimiento, AMP ofrece un camino simplificado y de bajo mantenimiento hacia un rendimiento móvil excelente y beneficios SEO potenciales.

La clave para una implementación AMP exitosa es entender tus necesidades específicas: si gestionas un sitio de noticias o un blog que necesita rendimiento móvil rápido y fiable con mínima carga de desarrollo, AMP es una elección excelente. Para aplicaciones más complejas con requisitos de interactividad intensivos, una estrategia de optimización de rendimiento personalizada puede ser más apropiada.

Ya elijas AMP o métodos de optimización alternativos, el objetivo sigue siendo el mismo: ofrecer la mejor experiencia posible a tus usuarios móviles. En 2026, eso significa priorizar Core Web Vitals, garantizar tiempos de carga rápidos y mantener una experiencia de usuario fluida en todos los dispositivos.

Si necesitas ayuda para implementar AMP en tu sitio WordPress o quieres explorar estrategias alternativas de optimización móvil, contáctame para una consulta.

#Recursos relacionados

Recomendaciones de LinkedIn

Recomendaciones y opiniones sobre el trabajo con WPPoland

Recomendaciones seleccionadas de líderes de las comunidades WordPress, WordCamp y e-commerce - con énfasis en la entrega puntual, profundidad técnica y enfoque orientado al negocio en el desarrollo WordPress.

Karolina Czapla

Karolina Czapla

Estratega de Marketing – Performance & Digital Strategy

“Trabajar con Mariusz en el WordCamp me ha mostrado lo poco común que es combinar competencias técnicas profundas con un verdadero liderazgo. Planifica, coordina y entrega con precisión, a la vez que da al equipo espacio ...”

Co‑organizadora, WordCamp Gdynia 2024 y 2025

Argert Boja

Argert Boja

Senior Full‑Stack Developer

“Mariusz es el compañero de equipo que todos esperan tener: competencias técnicas profundas full‑stack en WordPress, explicaciones claras y una actitud positiva incluso bajo presión. Se mueve con soltura entre plugins per...”

Trabajamos juntos en proyectos WordPress

Daniel Blossfeld

Daniel Blossfeld

Consultor de Optimización de Procesos y Digitalización

“Tuve el placer de trabajar con Mariusz durante casi tres años. En ese tiempo, sus competencias técnicas profundas en desarrollo WordPress resultaron de un valor incalculable en una variedad de proyectos, desde la constru...”

Mariusz fue su cliente en proyectos WordPress

Jessica Di Pasquale

Jessica Di Pasquale

Liderando iniciativas de SEO con estrategias de crecimiento basadas en datos.

“Mariusz es una persona muy hábil, paciente y experta. Siempre dispuesto a ayudar y corregir errores, valoré mucho trabajar con él. ¡Es un compañero estupendo!”

Gestionó a Mariusz directamente

Belinda Koch

Belinda Koch

Analista de Web-Tracking en TUI

“Mariusz es una persona estupenda con quien trabajar. Está extremadamente motivado por aprender cosas nuevas y compartir su conocimiento, y domina una amplia gama de temas. Trabajamos juntos en analítica digital y trackin...”

Trabajó con Mariusz en temas de analítica digital y tracking

Paweł Lewczuk

Paweł Lewczuk

Desarrollador Front-end, Desarrollador WordPress

“Colaboré con Mariusz en varios proyectos y nuestra cooperación fue siempre ejemplar. Creo que aún tenemos por delante muchos proyectos conjuntos. ¡Muy recomendable!”

Mariusz fue cliente de Paweł

FAQ del servicio

Preguntas Frecuentes

Preguntas sobre alcance, entrega, costes y calidad.

SEO-ready GEO-ready AEO-ready 4 Q&A
¿Qué es AMP? #
AMP es un framework creado para generar páginas móviles extremadamente rápidas mediante HTML simplificado, restricciones de JavaScript y caché servida desde la infraestructura de Google.
¿AMP sigue siendo importante hoy? #
Su relevancia ha bajado mucho. Ya no es un requisito para Top Stories y muchos sitios consiguen mejores resultados invirtiendo en Core Web Vitals, caché, CDN y una arquitectura moderna.
¿Cuándo puede seguir teniendo sentido? #
AMP todavía puede encajar en algunos medios, proyectos editoriales o mercados con conectividad deficiente, donde la prioridad absoluta es la carga móvil inmediata.
¿Qué alternativa suele ser mejor? #
En la mayoría de webs empresariales modernas, una optimización técnica bien hecha en WordPress o una arquitectura con Astro o Next.js aporta más control y mejores resultados globales.

¿Necesitas un FAQ adaptado a tu sector y mercado? Preparamos una versión alineada con tus objetivos de negocio.

Hablemos

Artículos Relacionados

El traslado inicial de WordPress a Astro tomó semanas. Los otros once meses se fueron en redirecciones, hreflang, paridad entre seis idiomas y un build que superó al propio runner de Cloudflare. Un informe de campo sobre la migración.
headless

Doce meses migrando de WordPress a Astro en Cloudflare Pages

El traslado inicial de WordPress a Astro tomó semanas. Los otros once meses se fueron en redirecciones, hreflang, paridad entre seis idiomas y un build que superó al propio runner de Cloudflare. Un informe de campo sobre la migración.

La generación genérica de texto a imagen te da un desconocido. Una referencia facial se desvía. Una LoRA que renderiza pantallas de portátil se ve inquietante. Lo que finalmente funcionó para una imagen destacada editorial consistente en cientos de artículos, y por qué.
ai

Entrenar una Flux LoRA para imágenes destacadas del blog: tres enfoques que fallaron primero

La generación genérica de texto a imagen te da un desconocido. Una referencia facial se desvía. Una LoRA que renderiza pantallas de portátil se ve inquietante. Lo que finalmente funcionó para una imagen destacada editorial consistente en cientos de artículos, y por qué.

Cloudflare Pages documenta un límite de 2000 reglas en el archivo _redirects, pero el límite que de verdad muerde es el tamaño de archivo de 100KB. Las reglas más allá del corte de bytes se descartan en el deploy sin ningún aviso. Un diagnóstico de producción.
devops

Cloudflare Pages descarta _redirects por encima de 100KB en silencio

Cloudflare Pages documenta un límite de 2000 reglas en el archivo _redirects, pero el límite que de verdad muerde es el tamaño de archivo de 100KB. Las reglas más allá del corte de bytes se descartan en el deploy sin ningún aviso. Un diagnóstico de producción.