El SEO para imágenes engloba todas aquellas acciones que realizamos para que los recursos visuales de una web carguen correctamente, sean comprensibles para los buscadores y puedan contribuir a la visibilidad de nuestras páginas.
Pero no todas las imágenes tienen la misma importancia ni necesitan el mismo nivel de optimización.
En una tienda de decoración, una inmobiliaria, una empresa de home staging o un ecommerce de moda, las imágenes pueden formar parte importante de la estrategia de captación. En otros proyectos, su principal función será acompañar al contenido sin perjudicar el rendimiento de la página.
Por eso, optimizar imágenes para SEO no consiste simplemente en rellenar todos los atributos ALT o convertir automáticamente todos los archivos a WebP. Primero tenemos que entender qué función cumplen las imágenes dentro de nuestra web y qué oportunidades existen en los resultados de búsqueda.
En este artículo veremos cómo optimizar imágenes para SEO, qué aspectos merece la pena priorizar y cuándo deberíamos dedicar más recursos a su posicionamiento.
Por qué es importante optimizar las imágenes para SEO
Las imágenes pueden tener un impacto importante sobre el rendimiento de una página, especialmente cuando utilizamos archivos demasiado grandes para el espacio en el que van a mostrarse.
Una página con varias fotografías de gran tamaño puede necesitar descargar varios megabytes antes de mostrarse completamente. Esto puede perjudicar la experiencia del usuario y afectar a métricas de rendimiento como las Core Web Vitals.
Pero el SEO para imágenes no se limita a reducir su peso.
Una correcta optimización también puede ayudarnos a:
- Mejorar el rendimiento de la página: utilizar archivos correctamente dimensionados y comprimidos reduce la cantidad de información que necesita descargar el navegador.
- Conseguir visibilidad en Google Imágenes: especialmente en búsquedas donde el componente visual tiene una importancia elevada.
- Mejorar la accesibilidad: un texto alternativo correctamente utilizado permite describir imágenes relevantes a usuarios que utilizan lectores de pantalla.
- Facilitar la comprensión del contenido: el contexto de la página, el texto situado alrededor de la imagen, el nombre del archivo y determinados atributos proporcionan información sobre el recurso visual.
- Mejorar la experiencia del usuario: una imagen útil puede explicar un producto, mostrar un proyecto realizado o complementar información que sería más difícil transmitir únicamente mediante texto.
Cuándo merece la pena trabajar especialmente el SEO de las imágenes
No dedicamos el mismo tiempo a optimizar imágenes en todos los proyectos.
Antes de hacerlo, analizamos los resultados de búsqueda de las principales palabras clave para comprobar qué importancia tiene el contenido visual dentro de cada sector.
Por ejemplo, en un proyecto de home staging en Madrid con el que trabajamos, al realizar la investigación de palabras clave comprobamos que determinadas búsquedas relacionadas con decoración y home staging mostraban resultados visuales de forma destacada.
En un sector así tiene sentido prestar especial atención a las fotografías. No solamente porque pueden aparecer en Google Imágenes, sino porque forman parte de aquello que el potencial cliente necesita ver antes de contratar el servicio.
Podemos encontrar situaciones similares en sectores como:
- Arquitectura e interiorismo.
- Inmobiliarias.
- Moda.
- Turismo.
- Restauración.
- Decoración.
- Productos físicos.
- Fotografía. Si es tu caso, en nuestra guía de SEO para fotógrafos vemos el resto de la estrategia.
- Proyectos de reformas.
Por el contrario, en una página donde las imágenes sean principalmente decorativas, probablemente tenga más sentido centrarnos en que estén correctamente dimensionadas y no perjudiquen el rendimiento.
La prioridad dependerá de la intención de búsqueda y de la importancia que tenga el contenido visual dentro del proceso de decisión del usuario.
Cómo saber si Google da importancia a las imágenes en tu sector
Una comprobación sencilla consiste en realizar las búsquedas que queremos posicionar y observar cómo está construida la página de resultados.
Podemos encontrarnos carruseles de imágenes, bloques visuales, productos acompañados de fotografías o resultados donde Google Imágenes adquiere especial protagonismo.
También podemos realizar esas mismas consultas directamente en Google Imágenes y analizar qué tipo de fotografías aparecen.
Nos fijaremos en aspectos como:
- Qué páginas están consiguiendo visibilidad.
- Qué tipo de imágenes aparecen.
- Si predominan fotografías propias, productos, infografías o imágenes de proyectos.
- Qué contenido rodea esas imágenes dentro de las páginas.
- Qué intención parece tener el usuario que realiza la búsqueda.
Este análisis nos ayuda a decidir si merece la pena realizar un trabajo específico de posicionamiento visual o si simplemente necesitamos asegurarnos de que las imágenes no generan problemas técnicos.
Cómo optimizar imágenes para SEO paso a paso
1. Elige el formato adecuado
No existe un formato que tengamos que utilizar obligatoriamente para todas las imágenes.
JPG, PNG, WebP y AVIF pueden tener sentido dependiendo del tipo de archivo, la calidad que necesitamos y cómo esté configurada nuestra web.
Actualmente, WebP y AVIF permiten conseguir una buena relación entre calidad y peso, por lo que pueden resultar especialmente interesantes para reducir el tamaño de los archivos.
- WebP: ofrece una buena compresión y dispone de un soporte muy amplio en navegadores actuales.
- AVIF: puede conseguir archivos todavía más ligeros en determinadas situaciones manteniendo una buena calidad visual.
- JPG: continúa siendo perfectamente válido para muchas fotografías si está correctamente comprimido.
- PNG: puede seguir siendo útil cuando necesitamos determinadas características como transparencias, aunque normalmente genera archivos mayores en fotografías.
En WordPress podemos automatizar parte de este proceso mediante herramientas o plugins de optimización de imágenes.
2. Reduce el peso sin establecer un límite universal
Uno de los errores más habituales es subir directamente las fotografías originales de una cámara o teléfono móvil.
Podemos encontrarnos imágenes de varios miles de píxeles y varios megabytes que posteriormente se muestran dentro de un espacio de apenas 700 u 800 píxeles. En ese caso estamos descargando mucha más información de la necesaria.
No recomendamos establecer una regla como «todas las imágenes deben pesar menos de 100 KB», porque las necesidades pueden ser completamente diferentes.
Una pequeña imagen de apoyo puede pesar muy poco, mientras que la fotografía principal de una tienda de relojes de lujo, una inmobiliaria o un estudio de interiorismo puede necesitar una calidad superior.
Lo importante es encontrar el equilibrio entre calidad visual, dimensiones y peso.
Antes de subir una imagen podemos:
- Reducir sus dimensiones.
- Comprimir el archivo.
- Utilizar un formato eficiente.
- Comprobar que la calidad sigue siendo suficiente para el usuario.
Herramientas como Squoosh o TinyPNG pueden ayudarnos a realizar esta optimización manualmente.
3. Adapta las dimensiones al espacio donde se mostrará
El peso y las dimensiones son conceptos relacionados, pero no exactamente iguales.
Si nuestra plantilla muestra una imagen a un máximo de 800 píxeles de ancho, normalmente no necesitamos servir al usuario una versión de 3.000 píxeles.
Además, podemos utilizar imágenes responsive para proporcionar diferentes versiones dependiendo del dispositivo.
En HTML podemos hacerlo mediante atributos como srcset y sizes:
<img
src="imagen-800.webp"
srcset="imagen-400.webp 400w,
imagen-800.webp 800w,
imagen-1200.webp 1200w"
sizes="(max-width: 600px) 400px,
(max-width: 900px) 800px,
1200px"
alt="Ejemplo de una imagen responsive"
>WordPress ya genera diferentes tamaños de las imágenes que subimos y puede utilizar esta información para servir una versión adecuada según el dispositivo.
4. Utiliza nombres de archivo descriptivos
Cuando podamos elegir el nombre del archivo, es preferible utilizar una descripción sencilla frente a nombres generados automáticamente como:
IMG_3827.jpg
Por ejemplo, para una fotografía de un proyecto de home staging podemos utilizar:
home-staging-dormitorio-madrid.webp
El objetivo no es introducir palabras clave de manera artificial, sino proporcionar un nombre que describa razonablemente el contenido del archivo.
Recomendamos utilizar nombres breves, descriptivos y separados mediante guiones.
5. Utiliza correctamente el atributo ALT
El texto alternativo o atributo ALT tiene principalmente una función de accesibilidad: proporcionar una alternativa textual cuando una imagen relevante no puede ser percibida visualmente.
Además, esta descripción puede ayudar a los buscadores a comprender el contenido de la imagen.
Pero esto no significa que tengamos que introducir nuestra palabra clave principal en todos los ALT de una página.
La pregunta debería ser mucho más sencilla:
¿Cómo describiríamos esta imagen de forma útil y breve a una persona que no puede verla?
Por ejemplo:
alt="Dormitorio preparado mediante home staging antes de poner la vivienda a la venta"Es una descripción mucho más natural que intentar introducir varias palabras clave únicamente por motivos SEO.
También debemos distinguir las imágenes informativas de las puramente decorativas. Una imagen que no aporta información relevante puede utilizar un atributo ALT vacío (alt="") para que determinadas tecnologías de asistencia puedan ignorarla.
6. Coloca las imágenes dentro de un contexto relevante
Google no necesita entender una imagen únicamente a través de su nombre de archivo o atributo ALT.
También importa el contexto en el que aparece.
Una fotografía situada dentro de una página sobre reformas de cocinas, acompañada de un encabezado y un texto que explica el proyecto, dispone de un contexto mucho más claro que una imagen aislada sin ninguna información relacionada.
Por eso, cuando las imágenes tengan importancia para el posicionamiento, debemos pensar también en:
- La página donde aparecen.
- El contenido situado alrededor.
- Los encabezados de la sección.
- Los pies de foto cuando aporten información útil.
- La relación entre la fotografía y la intención de búsqueda de la página.
7. Utiliza fotografías propias cuando aporten valor
En determinados proyectos damos bastante importancia a este punto.
Una fotografía propia de un proyecto terminado, un producto, unas instalaciones o un proceso de trabajo puede aportar mucha más información al usuario que una imagen genérica procedente de un banco de fotografías.
Por ejemplo, si trabajamos el SEO de una empresa de reformas, enseñar fotografías reales de cocinas, baños o viviendas que ha reformado nos permite complementar el contenido de las páginas y, al mismo tiempo, mostrar ejemplos reales del trabajo realizado.
Esto no significa que utilizar imágenes de stock sea perjudicial para el SEO. Simplemente debemos preguntarnos si la imagen aporta realmente algo al contenido.
8. Utiliza lazy loading cuando tenga sentido
La carga diferida o lazy loading permite retrasar la descarga de determinadas imágenes hasta que el usuario se aproxima a la zona donde van a mostrarse.
Esto puede reducir los recursos necesarios durante la carga inicial de páginas con muchas imágenes.
Sin embargo, debemos tener cuidado con las imágenes que aparecen inmediatamente al entrar en la página. Retrasar innecesariamente la carga de una imagen principal puede perjudicar la percepción de velocidad y determinadas métricas de rendimiento.
Por tanto, no recomendamos aplicar lazy loading automáticamente a absolutamente todas las imágenes.
9. Evita movimientos durante la carga
Otro aspecto importante es reservar correctamente el espacio que ocupará cada imagen.
Si el navegador no conoce sus dimensiones, el contenido puede desplazarse cuando la imagen termina de cargarse.
Estos movimientos pueden contribuir al Cumulative Layout Shift (CLS).
Definir correctamente las dimensiones mediante los atributos width y height o mantener una relación de aspecto conocida ayuda al navegador a reservar el espacio necesario antes de que la imagen termine de descargarse.
10. Revisa si Google puede descubrir tus imágenes
Si las imágenes son importantes para nuestra estrategia, también debemos comprobar que Google puede acceder a ellas.
Problemas en robots.txt, determinadas configuraciones técnicas, URLs inaccesibles o sistemas de carga mal implementados pueden dificultar su descubrimiento.
En proyectos donde Google Imágenes tenga una importancia especial, conviene revisar periódicamente cómo está interpretando Google estos recursos y qué páginas están consiguiendo visibilidad mediante búsquedas visuales.
¿Necesitas un sitemap específico de imágenes?
No necesariamente.
Google puede descubrir muchas imágenes mientras rastrea las páginas donde están insertadas. Por tanto, crear un sitemap específico para imágenes no debería convertirse automáticamente en otra tarea dentro de cualquier auditoría SEO.
Puede resultar especialmente útil cuando Google podría tener dificultades para descubrir determinados archivos o cuando las imágenes tienen una importancia elevada dentro de la estrategia.
Si tenemos un pequeño blog donde las imágenes son principalmente elementos decorativos o fotografías de stock, probablemente existan acciones SEO bastante más prioritarias.
En cambio, en un ecommerce, una inmobiliaria o una web donde el tráfico procedente de Google Imágenes sea relevante, sí merece la pena revisar con mayor profundidad cómo se descubren estos recursos.
¿Merece la pena utilizar datos estructurados para las imágenes?
Los datos estructurados pueden proporcionar a Google información adicional sobre determinados tipos de contenido.
En lugar de añadir ImageObject de manera aislada a todas las fotografías, tiene más sentido implementar correctamente el marcado correspondiente al contenido de la página y proporcionar dentro de él la información de las imágenes cuando proceda.
Por ejemplo, una imagen puede formar parte de los datos estructurados de un artículo, un producto u otro tipo de contenido compatible.
Como ocurre con cualquier implementación de datos estructurados, no recomendamos añadir marcado únicamente con la expectativa de mejorar posiciones. Su función principal es describir de forma estructurada el contenido de la página.
SEO para imágenes e inteligencia artificial
La evolución de los sistemas de búsqueda también hace interesante prestar atención al contenido visual más allá de Google Imágenes.
Los sistemas actuales pueden procesar diferentes tipos de información y trabajar conjuntamente con texto e imágenes. Sin embargo, todavía no planteamos una estrategia de visibilidad en inteligencia artificial alrededor de acciones aisladas como rellenar atributos ALT o implementar ImageObject.
La prioridad sigue siendo que nuestras imágenes sean accesibles, técnicamente fáciles de procesar y, sobre todo, que aporten información real sobre aquello que estamos explicando.
En este contexto, fotografías propias, gráficos, comparativas, capturas, infografías o imágenes de proyectos reales pueden convertirse en activos especialmente interesantes porque aportan información original que complementa al contenido escrito.
Errores habituales al optimizar imágenes para SEO
Muchos problemas relacionados con las imágenes proceden de aplicar reglas automáticas sin pensar en las necesidades reales del proyecto.
Entre los errores que encontramos con mayor frecuencia están:
- Subir fotografías originales de varios megabytes sin optimizarlas.
- Utilizar dimensiones muy superiores a las necesarias.
- Rellenar todos los ALT con palabras clave.
- Utilizar textos alternativos genéricos que no describen la imagen.
- Aplicar lazy loading a imágenes importantes situadas al comienzo de la página.
- Convertir todas las imágenes a un formato concreto sin comprobar el resultado.
- Dedicar horas a optimizar imágenes decorativas que apenas tienen importancia.
- No analizar si Google muestra resultados visuales para las búsquedas que queremos trabajar.
- Utilizar únicamente imágenes de stock cuando el negocio podría mostrar fotografías propias mucho más útiles.
Herramientas para optimizar imágenes
No necesitamos utilizar todas las herramientas disponibles. Dependiendo del proyecto, podemos combinar algunas de las siguientes:
- Squoosh: para redimensionar, comprimir y convertir imágenes manualmente.
- TinyPNG: para reducir el peso de archivos de forma sencilla.
- Imagify, ShortPixel o Smush: para automatizar parte de la optimización dentro de WordPress.
- PageSpeed Insights: para detectar problemas de rendimiento relacionados con las imágenes y analizar Core Web Vitals.
- Lighthouse: para analizar diferentes aspectos técnicos y de rendimiento de una página.
- Screaming Frog: especialmente útil para localizar imágenes pesadas, revisar atributos ALT y auditar estos elementos a escala.
- Google Search Console: para analizar el rendimiento orgánico de las páginas y detectar oportunidades relacionadas con las búsquedas visuales.
Qué deberíamos priorizar realmente
Si tuviéramos que resumir el SEO para imágenes en una única idea sería esta: no todas las imágenes necesitan el mismo trabajo.
Primero debemos asegurarnos de que no perjudican al rendimiento de la web. Después podemos analizar si existe una oportunidad real de conseguir visibilidad mediante contenido visual.
Si trabajamos en un sector donde las fotografías son importantes para la intención de búsqueda, entonces sí merece la pena profundizar en nombres de archivo, textos alternativos, contexto, indexación y, especialmente, en la creación de recursos visuales propios.
Si las imágenes son simplemente decorativas, probablemente sea suficiente con utilizar unas dimensiones adecuadas, comprimirlas correctamente y asegurarnos de que no perjudican la experiencia del usuario.
Como ocurre con muchas otras áreas del SEO, la clave no está en completar una lista de tareas, sino en saber qué merece la pena priorizar en cada proyecto.
¿Quieres que revisemos cómo están optimizadas las imágenes de tu web?
En Sloumo realizamos auditorías SEO en las que analizamos los aspectos que pueden estar limitando la visibilidad de una web: indexación, arquitectura, contenidos, rendimiento e imágenes, entre otros.
Nuestro objetivo no es simplemente generar una lista de errores, sino determinar qué problemas merece realmente la pena solucionar y establecer un orden de prioridades adaptado a cada proyecto.
Contacta con nosotros si quieres que revisemos el posicionamiento de tu web.
