Las imágenes y otros elementos visuales son fundamentales para crear contenido atractivo y mantener el interés del lector. Sin embargo, son una espada de doble filo: si no se optimizan correctamente, pueden convertirse en el principal enemigo de la velocidad de tu web. Una página lenta no solo frustra a los usuarios (haciendo que se vayan), sino que también es penalizada por Google. En esta lección, aprenderás a hacer que tus imágenes trabajen a favor de tu SEO, no en su contra.
La optimización de imágenes es una parte crucial de la optimización del rendimiento web (WPO – Web Performance Optimization), que a su vez es un pilar del SEO Técnico.
1. Optimización de Imágenes: SEO para tus Elementos Visuales
Cada imagen que subes a tu web debe pasar por un proceso de optimización. No es opcional. Estos son los pasos que debes seguir SIEMPRE:
a) Compresión: Reducir el Peso sin Perder Calidad
El «peso» de una imagen se refiere al tamaño de su archivo (medido en kilobytes o megabytes). Una imagen directamente desde una cámara o un móvil puede pesar varios megabytes, lo cual es una barbaridad para una web. El objetivo es reducir ese peso lo máximo posible sin que la calidad visual se vea afectada de forma notable.
- ¿Cómo hacerlo? Puedes usar herramientas online gratuitas antes de subir la imagen a WordPress. La más famosa es TinyPNG (que también funciona con archivos JPG). Simplemente arrastras tu imagen a su web y la descargas ya comprimida.
- Plugins para WordPress: También puedes automatizar este proceso con plugins como Imagify o Smush. Estos plugins comprimen las imágenes automáticamente en el momento en que las subes a tu biblioteca de medios.
b) Formato de Archivo Adecuado
No todos los formatos de imagen son iguales. Los más comunes son:
- JPG (o JPEG): Ideal para fotografías y imágenes con muchos colores y degradados. Ofrece un buen equilibrio entre calidad y compresión.
- PNG: Perfecto para imágenes que necesitan un fondo transparente, como logotipos o iconos. Suelen pesar un poco más que los JPG.
- WebP: Es un formato moderno creado por Google que ofrece una compresión mucho mejor que JPG y PNG manteniendo una alta calidad. Cada vez más navegadores son compatibles con él, y muchos plugins de optimización ya pueden convertir tus imágenes a este formato.
c) Nombre de Archivo Descriptivo
Google no puede «ver» una imagen como nosotros, pero sí puede leer su nombre de archivo. Por eso, es una oportunidad de oro para darle contexto sobre el contenido de la imagen y de la página.
- Mala práctica: Subir una imagen con un nombre como
IMG_7890.jpgoCapturaDePantalla123.png. - Buena práctica: Renombrar el archivo antes de subirlo con un nombre descriptivo, usando guiones para separar las palabras y, si es posible, incluyendo tu palabra clave. Por ejemplo:
optimizacion-de-imagenes-seo.jpg.
d) Texto Alternativo (ALT Text)
El texto alternativo (o etiqueta ALT) es un atributo que se añade a la imagen en el código HTML. Tiene dos funciones vitales:
- Accesibilidad: Es el texto que los lectores de pantalla leen en voz alta a las personas con discapacidad visual. Les permite entender qué hay en la imagen.
- SEO: Le proporciona a Google una descripción textual de la imagen, ayudándole a entenderla mejor y a indexarla en Google Imágenes.
¿Cómo escribir un buen texto ALT?
- Sé descriptivo y conciso. Describe lo que se ve en la imagen.
- Incluye tu palabra clave principal o una secundaria, pero solo si encaja de forma natural. No la fuerces.
- Ejemplo: Para una foto de un portátil mostrando un gráfico de velocidad, un buen ALT sería: «Gráfico mostrando la mejora en la velocidad de carga de una web tras la optimización de imágenes para SEO».
2. La Velocidad de Carga como Factor de Ranking
Desde la introducción de las Core Web Vitals, Google ha dejado muy claro que la experiencia del usuario en una página es un factor de ranking directo. La velocidad es uno de los componentes más importantes de esa experiencia.
Aunque las imágenes son a menudo las principales culpables de una carga lenta, otros factores que debes tener en cuenta son:
-
- Un buen servicio de Hosting: La calidad de tu proveedor de alojamiento es la base de la velocidad de tu web.
– Uso de un plugin de Caché: Herramientas como WP Super Cache o LiteSpeed Cache crean versiones estáticas de tus páginas para que se sirvan mucho más rápido a los visitantes.
- Un Tema ligero: Utilizar un tema bien codificado y optimizado (como los que vimos en la Parte 3) es fundamental.
En resumen, cada segundo cuenta. Optimizar tus imágenes no es un paso opcional, es una tarea fundamental para ofrecer una buena experiencia de usuario y para que Google mire tu web con buenos ojos.
