Soporte / Rendimiento

Por qué y cómo utilizar formatos de imagen modernos (WebP/AVIF) en WooCommerce

Guía completa para optimizar las imágenes de tu tienda WordPress convirtiéndolas a WebP o AVIF y acelerar la velocidad de carga.

Volver a la documentación

El Problema

Tu tienda online utiliza formatos de imagen antiguos (JPG, PNG o GIF) en lugar de formatos de última generación como WebP o AVIF.

Impacto en Negocio

Las imágenes pesadas ralentizan el tiempo de carga del sitio, empeoran la métrica LCP (Largest Contentful Paint), aumentan la tasa de rebote móvil y perjudican el posicionamiento en Google.

Guía de solución paso a paso

Pasos para configurar en Rank Math (WordPress):

  1. 1.Rank Math no procesa archivos de imagen. Ve a Rank Math -> Ajustes Generales -> Imágenes y asegúrate de que el marcado SEO de imágenes esté optimizado.
  2. 2.Utiliza un plugin compatible para inyectar automáticamente las versiones WebP/AVIF en el Sitemap XML.

¿Cómo verificar que se ha solucionado?

  • Abre tu tienda en Chrome o Firefox, haz clic derecho sobre una imagen y selecciona 'Inspeccionar'.
  • Ve a la pestaña 'Network' (Red), recarga la página y filtra por 'Img'. Asegúrate de que la columna 'Type' (Tipo) indique webp o avif, incluso si la extensión en la URL parece terminar en .jpg o .png.
  • Comprueba la puntuación de rendimiento de la página en PageSpeed Insights.

Preguntas Frecuentes

¿Por qué WebP y AVIF son mejores que JPG y PNG?

WebP ofrece una compresión hasta un 30% superior a JPG/PNG con la misma calidad visual. AVIF va un paso más allá, logrando reducciones de hasta un 50% frente a WebP y un 80% frente a JPG. Esto reduce drásticamente el peso de las páginas (especialmente en móviles) y mejora el SEO y la tasa de conversión.

¿Tienen soporte todos los navegadores para WebP y AVIF?

Sí. WebP tiene soporte en el 97%+ de los navegadores modernos (Safari, Chrome, Firefox, Edge). AVIF tiene soporte en el 93%+ de los navegadores modernos. Usar un plugin de WordPress con fallback garantiza que si un navegador antiguo no los soporta, se le servirá el JPG/PNG original sin romper la web.

¿Si activo la conversión dinámica de mi CDN por qué la auditoría a veces muestra error?

Algunas CDNs o plugins sirven imágenes WebP/AVIF modificando la cabecera Content-Type de HTTP pero manteniendo la extensión .jpg original en la URL. Nuestra auditoría analiza el código fuente HTML; si tu CDN hace esto y no cambia las extensiones en el HTML, puedes ignorar la advertencia confirmando en la pestaña 'Network' de las DevTools que el tipo MIME real es image/webp o image/avif.

¿Quieres comprobar si tienes más errores en tu tienda?

Analiza tu WooCommerce gratis ahora y obtén un reporte completo de indexación, SEO técnico y velocidad.