¡Hola, hola y hola querido lector! Ya estoy de nuevo por aquí una semana más para hablarte de cómo optimizar las imágenes de tu WordPress, tanto a nivel de velocidad como de SEO.
Y sí, hoy vengo con un 2×1, porque el SEO y la velocidad de carga van de la mano y las imágenes son, con diferencia, lo que más pesa en la mayoría de páginas web.
En este post verás cómo preparar tus imágenes antes de subirlas, qué plugins utilizar y cómo optimizarlas para posicionar. ¡Vamos con ello!
Resumen rápido
- Redimensionar es más importante que comprimir: una imagen enorme comprimida sigue siendo una imagen enorme.
- Utiliza WebP como formato por defecto y SVG para logotipos e iconos.
- El texto alternativo es lo que de verdad cuenta para SEO e imprescindible para accesibilidad.
- No apliques carga diferida a la imagen principal o empeorarás tu LCP.
Cómo preparar tus imágenes antes de subirlas
1. Redimensiona al tamaño real de visualización
Este es el paso que más ahorro aporta y el que casi todo el mundo se salta. ¿De qué sirve subir una imagen de 2.000 píxeles de ancho si en tu página nunca se muestra a más de 800?
Antes de subir cualquier imagen, ajústala al ancho máximo que va a ocupar. Ten en cuenta que en pantallas de alta densidad conviene servirla al doble del tamaño de visualización, pero no más.
2. Ajusta el peso
No hay una cifra mágica, pero sí una referencia útil: que una imagen de contenido no supere los 150 o 200 KB, y que una imagen de cabecera a pantalla completa se quede lo más cerca posible de ese rango.
Lo importante no es el número exacto, sino que ninguna imagen pese más de lo que necesita para verse bien.
3. Elige el formato correcto
| Formato | Cuándo utilizarlo |
|---|---|
| WebP | Opción por defecto para fotografías y gráficos |
| SVG | Logotipos, iconos y gráficos vectoriales |
| JPG | Fotografías cuando no puedes utilizar WebP |
| PNG | Solo si necesitas transparencia con máxima fidelidad |
| AVIF | Comprime más que WebP, con soporte algo menor |
| GIF | Prácticamente nunca: mejor WebP o vídeo |
Te lo explico en detalle en imágenes WebP en WordPress.
4. Nombra bien el archivo
Sin mayúsculas, tildes, eñes ni caracteres raros, y con guiones medios en lugar de espacios. Un nombre descriptivo del tipo zapato-rojo-hombre-piel.webp ayuda, aunque su peso en el posicionamiento es menor de lo que se suele decir.
Diseño tu página web en WordPress rápida y optimizada para SEO. Tu web pensada para convertir visitas en clientes
- Diseño web 100% personalizado. Nada de IA. 100% artesanal.
- Web rápida y lista para posicionar en Google.
- Diseño tu web en menos de 21 días. Firmado por contrato.
- Comunicación directa conmigo. Sin intermediarios.
Los mejores plugins para optimizar imágenes
| Plugin | Destaca por |
|---|---|
| Imagify | Conversión automática a WebP y varios niveles de compresión |
| ShortPixel | Muy completo y con buena relación calidad-precio |
| Smush | Versión gratuita generosa y fácil de utilizar |
| EWWW Image Optimizer | Permite optimizar en local, sin enviar tus imágenes fuera |
| Imsanity | Redimensiona automáticamente lo que subes: ideal para clientes |
| Converter for Media | Gratuito y centrado en la conversión a WebP |
Imagify
Es el que utilizo habitualmente, desarrollado por el equipo de WP Rocket. Optimiza toda la biblioteca de forma masiva, convierte a WebP, permite elegir el nivel de compresión y guarda una copia de los originales por si quieres volver atrás.
PD. Un consejo que vale oro si trabajas con clientes: instala Imsanity. Redimensiona automáticamente cualquier imagen que suban, así que da igual que suban la foto tal cual sale del móvil. Te ahorra la conversación de «no subáis imágenes de 6 MB» cada dos meses.
Cómo optimizar las imágenes para SEO
El texto alternativo
Es lo más importante de todo. El atributo alt describe la imagen para quien no puede verla: buscadores y, sobre todo, personas que utilizan lectores de pantalla.
- Describe lo que se ve, con naturalidad y sin forzar keywords.
- Sé específico: «zapato rojo de piel para hombre» mejor que «zapato».
- Déjalo vacío en imágenes decorativas, para que los lectores de pantalla las ignoren.
- No repitas la misma descripción en todas las imágenes de la página.
Tienes más detalle en accesibilidad web en WordPress.
PD. Aclaro una confusión muy habitual: en WordPress hay cuatro campos (título, leyenda, texto alternativo y descripción). El único que importa para SEO y accesibilidad es el texto alternativo. El atributo title de una imagen no aporta nada al posicionamiento.
El contexto alrededor de la imagen
Una imagen se entiende por lo que la rodea. Si hablas de zapatos rojos, la imagen de zapatos rojos tiene sentido ahí. En una página de faldas, ninguno.
Imágenes propias y derechos de uso
Utiliza imágenes propias siempre que puedas: diferencian, aportan experiencia real y refuerzan tu E-E-A-T.
Si utilizas bancos de imágenes, comprueba siempre la licencia. Y una aclaración importante: no existe penalización de Google por utilizar una imagen que también está en otras páginas web. Lo que sí existe es un problema legal si la usas sin derechos.
PD. Circulan por ahí «trucos» para que una imagen ajena parezca original: girarla unos grados, aplicarle un filtro o ponerle una marca de agua. No sirven para nada a nivel SEO y no te protegen legalmente. Si no tienes derechos sobre la imagen, no la utilices.
Sitemap de imágenes
La mayoría de plugins SEO incluyen las imágenes en el sitemap automáticamente. Ayuda a que se indexen en Google Imágenes, que puede ser una fuente de tráfico interesante en sectores visuales.
Datos estructurados
Algunas imágenes pueden marcarse con schema, sobre todo en fichas de producto y recetas. No es imprescindible, pero suma en esos casos.
Diseño tu página web en WordPress rápida y optimizada para SEO. Tu web pensada para convertir visitas en clientes
- Diseño web 100% personalizado. Nada de IA. 100% artesanal.
- Web rápida y lista para posicionar en Google.
- Diseño tu web en menos de 21 días. Firmado por contrato.
- Comunicación directa conmigo. Sin intermediarios.
Optimización técnica dentro de WordPress
- Deja que WordPress genere los tamaños responsive: sirve la imagen adecuada a cada pantalla automáticamente.
- Indica el ancho y el alto de cada imagen para evitar saltos de diseño.
- Aplica carga diferida a las imágenes que no se ven al entrar, nunca a la principal.
- Limita los tamaños intermedios que generan el theme y los plugins: cada uno ocupa espacio en tu servidor.
- Utiliza una CDN si tienes visitas de varias zonas geográficas.
- Evita los sliders pesados, que cargan varias imágenes grandes de golpe.
Errores habituales
- Comprimir sin redimensionar: te dejas la mitad del ahorro.
- Aplicar carga diferida a la imagen principal, empeorando el LCP.
- Rellenar el alt con keywords en lugar de describir la imagen.
- Dejar el alt vacío en imágenes que sí aportan información.
- Poner texto importante dentro de una imagen, donde nadie puede leerlo ni indexarlo.
- Subir imágenes tal cual salen del móvil, de varios megas.
- No hacer copia de seguridad antes de una optimización masiva.
Diseño tu página web en WordPress rápida y optimizada para SEO. Tu web pensada para convertir visitas en clientes
- Diseño web 100% personalizado. Nada de IA. 100% artesanal.
- Web rápida y lista para posicionar en Google.
- Diseño tu web en menos de 21 días. Firmado por contrato.
- Comunicación directa conmigo. Sin intermediarios.
Conclusiones sobre la optimización de imágenes
Optimizar imágenes es de las tareas con mejor relación esfuerzo-resultado que existen: no requiere conocimientos técnicos y el efecto en la velocidad se nota de inmediato.
Mi recomendación: redimensiona antes de subir, convierte a WebP con un plugin y escribe un texto alternativo decente. Con esos tres hábitos ya estás por delante de la mayoría.
Si prefieres que me encargue yo del rendimiento de tu página web, puedo hacerlo en mi servicio de mantenimiento web WordPress. Y si necesitas una página web rápida y bien construida desde el principio, te ayudo con mi servicio de diseño web WordPress.
Ahora te toca a ti, querido lector. ¿Cuánto pesan las imágenes de tu página web? ¡Te leo en los comentarios!
Preguntas frecuentes sobre la optimización de imágenes
¿Cuánto debe pesar una imagen en WordPress?
No hay una cifra fija, pero una buena referencia es que las imágenes de contenido no superen los 150 o 200 KB. Lo importante es que ninguna pese más de lo necesario para verse bien.
¿Qué es más importante, comprimir o redimensionar?
Redimensionar. Una imagen de 2.000 píxeles comprimida sigue siendo mucho más pesada de lo necesario si en la página se muestra a 800. Lo ideal es hacer ambas cosas, empezando por el tamaño.
¿Qué campo hay que rellenar para el SEO de una imagen?
El texto alternativo. Es el que describe la imagen para buscadores y lectores de pantalla. El título, la leyenda y la descripción tienen otras funciones y no influyen en el posicionamiento.
¿Sirven los datos EXIF para el SEO local?
No. Google ha indicado que no utiliza la geolocalización de los datos EXIF como factor de posicionamiento, y además WordPress elimina esa información al generar los distintos tamaños de imagen.
¿Penaliza Google usar imágenes de bancos gratuitos?
No hay penalización por utilizar una imagen que aparece en otras páginas web. Las imágenes propias diferencian más, pero lo importante al usar bancos de imágenes es respetar su licencia.
¿Cuál es el mejor plugin para optimizar imágenes?
Imagify y ShortPixel son las opciones más completas, Smush tiene una versión gratuita generosa e Imsanity resulta muy útil para redimensionar automáticamente lo que suben los clientes.
¿Hay que aplicar carga diferida a todas las imágenes?
No. Las imágenes visibles al entrar, especialmente la principal, deben cargarse de inmediato. Aplicarles carga diferida retrasa el LCP y empeora las métricas de rendimiento.
