Cómo optimizar las imágenes de WordPress en Plesk

¡Hola! Si tienes un sitio web en WordPress alojado en un servidor con Plesk, seguramente te has preguntado cómo hacer que tus páginas carguen más rápido sin perder calidad visual. La respuesta casi siempre está en las imágenes. Son el elemento más pesado de cualquier web y, si no las optimizas, estarás lastrando tu posicionamiento en Google y la experiencia de tus visitantes.

En esta guía extensa y paso a paso, vamos a desglosar cómo optimizar las imágenes de WordPress en Plesk de principio a fin. No necesitas ser un experto en informática; solo sigue las instrucciones y verás resultados sorprendentes. Hablaremos de plugins, herramientas del panel y trucos de SEO para que tus fotos trabajen a tu favor y no en tu contra.

¿Por qué es tan importante optimizar las imágenes en WordPress?

Antes de ponernos manos a la obra, entendamos el "por qué". Una imagen sin optimizar puede ocupar varios megabytes (MB). Si tu página de inicio tiene cinco imágenes de 2 MB cada una, eso son 10 MB de peso. Un usuario con conexión móvil tardará una eternidad en cargar tu web.

Esto no solo molesta al usuario (que probablemente se irá), sino que Google lo penaliza. La velocidad de carga es un factor crítico de ranking. Por lo tanto, optimizar imágenes WordPress Plesk no es un lujo, es una necesidad para tu estrategia de SEO imágenes WordPress.

Además, al optimizar, liberas espacio en tu servidor y reduces el consumo de ancho de banda, lo que puede abaratar tus costes de hosting si tienes un plan medido.

Paso 1: Configurar el panel de Plesk para un rendimiento óptimo

Plesk es tu centro de control. Aunque la optimización de imágenes se hace principalmente dentro de WordPress, hay ajustes en Plesk que ayudan a que todo fluya mejor, especialmente si usas Nginx como servidor proxy.

Habilitar el almacenamiento en caché de Nginx (si está disponible)

Accede a tu panel de Plesk (normalmente en https://tudominio.com:8443).

1. Ve a la sección Sitios web y dominios.
2. Busca tu dominio y haz clic en Apache y nginx.
3. Si ves la opción de Nginx, asegúrate de que esté habilitado.
4. Activa la opción Proxy para que Nginx sirva el contenido estático (como imágenes) de forma más rápida que Apache.

[TIP] Si tu hosting usa Syspanel (antes conocido como HestiaCP) en lugar de Plesk, no te preocupes. La lógica es la misma. Accede a tu panel Syspanel a través del puerto 2106 (ej. https://tudominio.com:2106) y busca la configuración de caché o servidor web. La optimización de imágenes se realiza igualmente desde el plugin de WordPress que te explicaré a continuación.

Paso 2: Elegir el plugin perfecto para la compresión de imágenes

La forma más fácil y efectiva de optimizar imágenes WordPress Plesk es mediante plugins. No necesitas tocar código. Aquí tienes los mejores:

1. Smush (el todoterreno)

Es mi favorito para principiantes. Es gratuito, fácil de usar y no ralentiza tu sitio.

• Ventajas: Comprime imágenes automáticamente cuando las subes, puede optimizar todas las que ya tienes en tu biblioteca de un solo clic, y tiene una opción de "carga diferida" (Lazy Load) que hace que las imágenes solo se carguen cuando el usuario las ve.
• Cómo usarlo: Instálalo desde el repositorio de WordPress (Apariencia > Plugins > Añadir nuevo). Una vez activado, ve a Medios > Smush y pulsa el botón de "Optimizar" para que analice toda tu galería.

2. ShortPixel (el de mejor calidad)

Si buscas la máxima compresión sin perder un ápice de calidad, este es tu plugin. Utiliza algoritmos de compresión inteligente.

• Ventajas: Convierte tus imágenes al formato WebP (el formato moderno que pesa mucho menos), tiene una API en la nube que no consume recursos de tu servidor y es muy configurable.
• Cómo usarlo: Necesitas una clave API gratuita (te la dan al registrarte). Luego, en los ajustes del plugin, elige la compresión "Glossy" o "Lossy" y activa la conversión a WebP.

3. Imagify (el de Rocket)

Creado por los mismos de WP Rocket (el famoso plugin de caché), es muy potente y tiene un plan gratuito de 20 MB al mes.

• Ventajas: Interfaz muy limpia, compresión en tres niveles (Normal, Agresiva, Ultra) y también convierte a WebP.
• Cómo usarlo: Similar a ShortPixel. Activas el plugin, introduces tu API key y eliges el nivel de compresión. Yo recomiendo "Agresiva" para un equilibrio perfecto.

[INFO] No instales varios plugins de compresión a la vez. Pueden entrar en conflicto y dañar tus imágenes. Elige uno y quédate con él.

Paso 3: Configurar la compresión de imágenes paso a paso (Ejemplo con Smush)

Vamos a profundizar en la configuración con Smush, ya que es el más accesible.

1. Instalación: Ve a Plugins > Añadir nuevo en tu escritorio de WordPress. Busca "Smush". Haz clic en Instalar ahora y luego en Activar.
2. Optimización masiva: Nada más activarlo, te aparecerá un asistente. Pulsa en "Optimizar 1000 imágenes" (o el número que tengas). Esto comprimirá todas las imágenes existentes en tu Medios > Biblioteca.
3. Ajustes de compresión: Ve a Medios > Smush > Ajustes.
   • Activa la casilla "Comprimir automáticamente las imágenes al cargar". Así, cualquier imagen que subas en el futuro ya saldrá optimizada.
   • Activa "Carga diferida". Esto hará que las imágenes de abajo de la página no se carguen hasta que el usuario haga scroll. Es un gran impulso para la velocidad.
   • En el apartado de "Optimización de imágenes", elige el nivel de compresión. Para fotos de blog, la opción "Fuerte" (o agresiva) suele ser segura. Para fotos de producto donde el detalle importa, usa "Básica".
4. Guardar: Pulsa en Guardar cambios.

¡Listo! Ya tienes la compresión imágenes WordPress funcionando.

Paso 4: El formato WebP, el futuro de las imágenes

Si tu plugin (como ShortPixel o Imagify) te ofrece la opción de convertir a WebP, actívala. Este formato, desarrollado por Google, reduce el peso de las imágenes entre un 25% y un 35% más que JPG o PNG sin diferencia visual apreciable.

¿Cómo habilitar WebP en Plesk?

Plesk y Nginx suelen soportar WebP de forma nativa si tu servidor tiene instalado el módulo. No tienes que hacer nada en Plesk; solo asegúrate de que tu plugin de WordPress genere las imágenes .webp y las sirva a los navegadores que las soportan (todos los modernos).

[WARNING] Si tu plugin te pide configurar reglas en el archivo .htaccess para servir WebP, y tu sitio usa Nginx, esas reglas no funcionarán. En ese caso, usa un plugin que gestione el envío automático por PHP (como Smush o ShortPixel en su modo "PHP" en lugar de ".htaccess").

Paso 5: Redimensionar las imágenes antes de subirlas

Esta es una práctica que te ahorrará muchos dolores de cabeza. No subas una imagen de 4000px de ancho si tu blog solo muestra imágenes de 1200px.

¿Cómo saber el tamaño perfecto?

• Imágenes de entrada (Blog): 1200px de ancho es el estándar.
• Imágenes de fondo o cabecera: Depende del tema, pero 1920px de ancho suele ser suficiente.
• Miniaturas: Tu tema las genera automáticamente, pero si la original es demasiado grande, el servidor trabaja de más.

Herramientas para redimensionar en Plesk

Plesk tiene un administrador de archivos integrado. Aunque no edita imágenes, puedes usarlo para subir versiones ya redimensionadas. La mejor práctica es:

1. Redimensiona en tu ordenador: Usa Paint (Windows), Vista Previa (Mac) o herramientas online gratuitas como Canva o Pixlr.
2. Sube la versión optimizada: Una vez redimensionada y guardada como JPG de calidad 80%, súbela a tu biblioteca de WordPress.

[TIP] Nombra tus archivos antes de subirlos. En lugar de IMG_20240524.jpg, usa recetas-de-pasta-casera.jpg. Esto ayuda muchísimo al SEO imágenes WordPress, ya que Google lee el nombre del archivo para entender el contexto.

Paso 6: Optimización avanzada para el SEO de imágenes (Alt Text)

La optimización no es solo técnica; también es semántica. El SEO imágenes WordPress se basa en gran parte en el texto alternativo (Alt Text).

¿Qué es el Alt Text?

Es una descripción textual de la imagen. Si la imagen no se carga, el usuario verá ese texto. Y Google lo usa para saber de qué trata la imagen.

Cómo rellenarlo en WordPress

1. Ve a Medios > Biblioteca.
2. Haz clic en la imagen que quieras editar.
3. En la columna de la derecha, verás el campo "Texto alternativo".
4. Escribe una descripción natural y con palabra clave. Ejemplo: "Mujer preparando masa de pizza casera en cocina moderna".
5. Pulsa Actualizar.

Haz esto con todas tus imágenes importantes. No es necesario que lo hagas con las decorativas o de relleno, pero sí con las que aportan valor al contenido.

La estructura del título (Title)

El atributo Title es el que aparece al pasar el ratón por encima. No es tan relevante para Google como el Alt, pero mejora la experiencia del usuario. Puedes poner un título llamativo, pero no lo llenes de palabras clave (Keyword Stuffing).

Paso 7: Comprobación final de la velocidad y el peso

Una vez que hayas seguido todos los pasos, es hora de ver los resultados.

Usa PageSpeed Insights

Google tiene una herramienta gratuita llamada PageSpeed Insights.

1. Entra en https://pagespeed.web.dev/.
2. Escribe la URL de tu página principal.
3. Pulsa Analizar.

Te dará una puntuación de 0 a 100 para móvil y escritorio. Si antes tenías un 40 y ahora tienes un 70, has hecho un gran trabajo. Si aún no llegas a 90, revisa estos puntos:

• ¿Tienes un plugin de caché? (WP Rocket, W3 Total Cache, etc.). Es fundamental para servir las páginas ya renderizadas.
• ¿Estás usando un CDN? (Cloudflare). Ayuda a distribuir tus imágenes por servidores en todo el mundo, haciéndolas cargar más rápido para usuarios lejanos.

Revisa el peso en tu biblioteca de medios

En Medios > Biblioteca, puedes cambiar la vista a "Lista" y ver el peso de cada archivo. Si ves imágenes de más de 500 KB después de la compresión, revisa si son muy grandes en dimensiones o si el plugin no las procesó bien.

Preguntas Frecuentes (FAQ)

Aquí tienes las dudas más comunes que nos llegan al soporte sobre este tema:

¿Optimizar las imágenes afecta a la calidad visual?

Con la compresión "lossy" (con pérdida) moderada, la diferencia es imperceptible para el ojo humano, especialmente en pantallas de móvil. Con la compresión "lossless" (sin pérdida) no pierdes nada de calidad, pero el archivo no se reduce tanto. Recomiendo usar compresión lossy al 80% para fotos y lossless para capturas de pantalla o gráficos con texto.

¿Puedo optimizar imágenes que ya están subidas?

Sí, absolutamente. Los plugins como Smush o ShortPixel tienen un botón de "Optimización masiva" que recorre toda tu biblioteca y comprime las imágenes existentes. Es el primer paso que debes hacer.

¿Qué pasa si mi hosting es muy básico y los plugins van lentos?

Si tu plan de hosting es muy limitado, la optimización masiva puede agotar la memoria PHP. En ese caso, te recomiendo usar ShortPixel o Imagify, ya que procesan las imágenes en sus servidores (en la nube) y no en el tuyo. Esto libera recursos de tu servidor Plesk.

¿Es mejor optimizar en Plesk o en WordPress?

Se complementan. Plesk te permite configurar el servidor (Nginx, PHP, caché) para que sea más eficiente, pero la herramienta definitiva para la compresión de archivos es el plugin de WordPress. Piensa en Plesk como el motor del coche y el plugin como el aceite que lubrica.

¿Syspanel sirve para lo mismo?

Sí, Syspanel (el panel que antes se llamaba HestiaCP) es una alternativa a Plesk con funciones similares. Si tu web está en un servidor con Syspanel, recuerda que el acceso se realiza por el puerto 2106 (ej: https://tudominio.com:2106). Dentro de Syspanel, podrás gestionar los archivos y las bases de datos, pero la optimización de imágenes seguirá haciéndose desde el plugin de WordPress que hemos visto.

Conclusión: Tu web será más rápida y tendrá mejor SEO

Optimizar las imágenes no es una tarea de una sola vez; es un hábito. Cada vez que subas una foto nueva, asegúrate de que tu plugin la comprime automáticamente y de que has rellenado el Alt Text.

Siguiendo esta guía, no solo habrás aprendido a optimizar imágenes WordPress Plesk, sino que estarás dando un paso de gigante en tu estrategia de SEO imágenes WordPress. Notarás una mejora en la velocidad de carga, lo que se traducirá en mejores posiciones en Google, más visitas y, en definitiva, un mejor rendimiento de tu negocio online.

Si tienes alguna duda técnica sobre la configuración de tu servidor en Plesk o Syspanel, no dudes en contactar con tu proveedor de hosting. ¡Estamos aquí para ayudarte a que tu web vuele!