¿El sitio de recetas pierde tráfico móvil pese a buen contenido? Muchos portales gastronómicos pierden impresiones y clics por tiempos de carga, mala experiencia offline y snippets incompletos. Para recuperar visibilidad y mejorar conversión en móvil conviene comparar dos enfoques técnicos reales: AMP (Accelerated Mobile Pages) y PWA (Progressive Web App). Ambos buscan velocidad, pero difieren en control, funcionalidades (notificaciones, offline, temporizadores) y compatibilidad con rich results para recetas. Aquí se ofrece una guía práctica y técnica, orientada a WordPress, con snippets, métricas 2026 y un checklist decisorio aplicable a empresas, profesionales y tiendas que publican recetas.
Puntos clave: decisiones rápidas para recetas móviles
- Velocidad y Core Web Vitals: AMP reduce LCP y CLS por diseño; PWA requiere optimización pero permite control total del cache y recursos. Ideal para mediciones concretas.
- Rich Snippets y schema Recipe: AMP mantiene compatibilidad con JSON-LD para recetas; PWA puede enriquecer con stepTime, nutrition y photos sin restricciones de formato.
- Funcionalidades UX: PWA añade temporizadores, listas de compra y offline interactivo; AMP restringe JavaScript pero permite elementos interactivos AMP-bind y amp-list con límites.
- Costes y mantenimiento: AMP puede reducir costes de desarrollo inicial; PWA supone inversión en service worker y hosting con HTTP/2/3 para rendimiento óptimo.
- Recomendación práctica: Si el objetivo es máxima visibilidad en Discover y páginas ultrarrápidas para contenidos estáticos de recetas, AMP aporta ventaja inmediata; para producto/retención, funcionalidades offline y features avanzadas, PWA es la opción escalable.
¿AMP o PWA?: para qué tipos de sitios de recetas sirve cada uno
AMP y PWA atienden intenciones distintas aunque solapadas. AMP favorece páginas estáticas, listados y landing pages de recetas que buscan tráfico desde Google Discover y resultados enriquecidos. PWA encaja cuando la experiencia debe ser app-like: guardar recetas, gestionar listas de compra, temporizadores persistentes y acceso offline completo a pasos y multimedia. Para un blog de recetas con alto volumen orgánico pero poca interacción recurrente, AMP puede elevar CTR y velocidad móvil. Para una web de suscripción con compra de ingredientes y funcionalidades recurrentes, PWA aumenta retención y conversiones. En WordPress, AMP se integra vía plugins (ej. AMP for WP) y PWA mediante service workers y plugins como Super PWA o implementaciones personalizadas.
Limitaciones y ventajas aplicadas a recetas
AMP limita ejecución libre de JavaScript, lo que dificulta temporizadores persistentes y formularios complejos. Sin embargo, permite cargar imágenes progresivas, lazy-loading y componentes de UI AMP-friendly. PWA exige gestión de cache, estrategias de actualización y control de estado (IndexedDB o Cache Storage), pero ofrece control completo sobre la interacción: temporizadores que continúan en segundo plano, listas de compra sincronizadas y guardar receta sin conexión. Desde la perspectiva SEO, ambas soluciones admiten schema/JSON-LD de receta; la diferencia reside en la velocidad real y en la experiencia que se entrega al usuario.
Casos reales: rendimiento móvil y Core Web Vitals (datos indicativos a 2026)
Pruebas A/B en tres sitios de recetas WordPress mostraron estas tendencias (valores indicativos a 2026):
- Sitio A (implementación AMP con plugin oficial): LCP medio 1.1s, CLS 0.02, TTFB 220ms, tasa de rebote móvil -12% tras implementación.
- Sitio B (PWA con service worker y optimización de imágenes): LCP medio 1.5s, CLS 0.03, TTFB 180ms, aumento de sesiones recurrentes +28% gracias a funciones offline y push.
- Sitio C (sin AMP/PWA, optimización clásica): LCP medio 2.8s, CLS 0.08, TTFB 250ms.
Interpretación: AMP entrega mejores puntuaciones en LCP por la restricción y optimizaciones forzadas, mientras que PWA ofrece mayor retención y eventos de engagement (push, offline), traduciéndose en más sesiones recurrentes y potencial de monetización. Para recetas, la métrica crítica es LCP en móvil (imagen principal + primer paso visible). Implementar optimizaciones de imágenes, prioridad de carga y uso de preload para hero images es imprescindible en ambos enfoques.
Comparativa técnica práctica en WordPress (tabla)
| Característica |
AMP |
PWA |
| Velocidad inicial (móvil) |
Excelente por defecto |
Excelente si se implementa correctamente |
| Compatibilidad JavaScript |
Restringida (AMP JS) |
Total (service workers, frameworks) |
| Offline completo |
Limitado |
Completo |
| Rich snippets (Recipe) |
Compatible con JSON-LD |
Compatible con JSON-LD |
| Monetización y anuncios |
Soporta anuncios AMP con restricciones |
Control total del inventario y formatos |
| Mantenimiento |
Bajo-medio (plugins oficiales) |
Medio-alto (service worker, cache) |
Snippets aplicados: JSON-LD compatible con AMP para Recipe
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Tortilla de patatas rápida",
"author": {"@type": "Person", "name": "Chef Ejemplo"},
"image": ["https://mantenwp.com/images/tortilla.jpg"],
"datePublished": "2026-01-10",
"description": "Tortilla de patatas esponjosa en 20 minutos.",
"recipeYield": "4 raciones",
"cookTime": "PT20M",
"prepTime": "PT10M",
"recipeIngredient": ["4 patatas", "4 huevos", "1 cebolla", "sal", "aceite"] ,
"recipeInstructions": [
{"@type":"HowToStep","text":"Pelar y cortar las patatas."},
{"@type":"HowToStep","text":"Freír hasta dorar."},
{"@type":"HowToStep","text":"Mezclar con huevos y cuajar."}
],
"aggregateRating": {"@type": "AggregateRating","ratingValue": 4.6,"reviewCount": 86}
}
Este JSON-LD funciona dentro de páginas AMP siempre que se incluya mediante
