SEO para imágenes: cómo posicionar las imágenes de tu web

Una imagen vale más que mil palabras. Esta afirmación, llevada al mundo del marketing digital adquiere aún más importancia ya que un recurso visual capaz de captar la atención del usuario tiene un potencial mucho mayor para atraer tráfico hacia una web. El posicionamiento orgánico para imágenes es una práctica necesaria que a menudo queda relegada a un segundo plano, pero que bien trabajada puede mejorar notablemente la visibilidad de tu contenido en los motores de búsqueda.

Si te gustaría descubrir cómo optimizar tus imágenes para que sean fácilmente encontradas y posicionadas por Google, sigue leyendo y aprende cómo una buena estrategia SEO puede convertir tus imágenes en una palanca de posicionamiento, aumentando el tráfico orgánico y mejorando la experiencia del usuario en la web.

El SEO para imágenes es el conjunto de prácticas y técnicas planteadas para optimizar las imágenes en un sitio web, con el objetivo de mejorar su visibilidad y posicionamiento en los resultados de búsqueda de los motores como Google. Estas prácticas tienen en cuenta la selección del formato adecuado, la compresión de archivos para mejorar la velocidad de carga, el uso de nombres de archivo descriptivos y relevantes, la incorporación de textos alternativos y descripciones que describan el contenido y contexto de la imagen.

Quedarse en ese punto sería limitar el crecimiento orgánico del proyecto, por lo que es necesario adoptar una serie de optimizaciones adicionales que con frecuencia quedan descuidadas, pero que te pueden hacer marcar la diferencia en el posicionamiento SEO para imágenes. Estamos hablando de técnicas como la utilización de datos estructurados y el uso de sitemaps de imágenes para facilitar a los motores de búsqueda la indexación y comprensión del contenido visual. Optimizar las imágenes tiene una doble ventaja, estas estrategias nos ayudan a que las imágenes aparezcan en los resultados de búsqueda de Google Images, y a la vez mejoran el rendimiento general del sitio web, proporcionando una mejor experiencia de usuario. Al implementar prácticas de SEO para imágenes, no sólo se aumenta la visibilidad y el tráfico de la web, sino que también se contribuye a una carga más rápida del contenido, lo que se traduce en usuarios más satisfechos con una mayor probabilidad de conversión.

Optimizar el SEO de tus imágenes es una condición necesaria si quieres aumentar el tráfico orgánico de tu página web. Invertir tiempo en la optimización de las imágenes se ha vuelto fundamental para el marketing digital. Las personas estamos profundamente influenciadas por estímulos visuales, y los algoritmos de Google que muestran la información en pantalla lo saben. A medida que los motores de búsqueda mejoran su capacidad para comprender el contenido de las imágenes, también se va incrementando el número de resultados ofrecidos por Google.

Como venimos diciendo a lo largo de este artículo, podemos aparecer en la sección dedicada de imágenes de Google. Estudios recientes demuestran que aproximadamente el 22.6% de las búsquedas totales en Google se corresponden con búsquedas en Google Images.

Sin embargo la tendencia hacia unas SERPs con más imágenes cada vez es mayor. Ya no hace falta ir al apartado de Google Imágenes para encontrar archivos de este tipo sino que para cierto tipo de búsquedas, las imágenes aparecen como resultado incluso por encima de los resultados orgánicos. Por ejemplo. si buscamos la palabra clave “carretilla elevadora” podemos ver como Google agrega un bloque de imágenes antes del primer resultado SEO.

Esta evolución hacia búsquedas más visuales presenta una oportunidad única para muchos proyectos. Pero si aún no te hemos convencido de la importancia de optimizar las imágenes de tu sitio web aquí van algunos datos más que pueden hacerlo:

• Las imágenes pueden afectar las clasificaciones orgánicas: Los motores de búsqueda como Google consideran diversos factores al posicionar una página, y el uso de imágenes optimizadas es uno de ellos. La utilización de imágenes relevantes y bien optimizadas mejoran la calidad percibida de tu contenido, contribuyendo positivamente al posicionamiento orgánico.
• Influencia en decisiones de compra: Cerca del 90% de los usuarios de internet es más probable que acaben comprando en sitios web que tienen fotos incluidas en sus resultados orgánicos o locales. Esto demuestra que las imágenes no sólo atraen más atención, sino que también tienen una influencia directa en las decisiones de compra de los consumidores.
• Relevancia visual: El 85% de los consumidores dan más importancia a las imágenes que al texto cuando compran productos básicos como muebles y ropa. Es decir, para atraer y convencer a tu audiencia, necesitas imágenes de alta calidad y bien optimizadas que muestren tus productos de la mejor manera posible para aumentar la conversión.
• Resultados locales: Las imágenes pueden llegar a ocupar hasta el 36% del espacio en pantalla en los resultados locales de Google para dispositivos móviles. Con un porcentaje tan alto, posicionar tus imágenes puede mejorar enormemente la visibilidad de tu negocio para este tipo de búsquedas.
• Presencia en las SERPs: Actualmente alrededor del 10% de las SERPs de Google contienen elementos específicamente etiquetados como imágenes. En la práctica muchísimas funciones de SERP incluyen fotografías, gráficos, miniaturas, bloques de productos, carruseles de imágenes, etc. Para casi cualquier búsqueda que hagas vas a ver imágenes entre los resultados de búsqueda y por tanto determinan como se muestran los resultados ofrecidos por Google.
• Mayor retención: Nuestro cerebro retiene un 80% de lo que ve y solo un 20% de lo que lee. Esto pone de manifiesto la importancia de las imágenes a la hora de comunicar un mensaje y cómo pueden ayudarte a crear marca en la mente del usuario.

Si a todo esto le añadimos el mayor compromiso por parte de Google con las imágenes no quedan excusas para no optimizar tus imágenes para SEO. Desde la publicación de Google Imágenes en 2001, en los 10 años siguientes se llegaron a indexar 10 mil millones de imágenes. Como puedes ver, por todos estos motivos Google está muy comprometido con el uso de imágenes entre sus resultados de búsqueda, y por tanto, es casi obligatorio trabajar su posicionamiento orgánico.

Optimizar las imágenes de tu sitio web tiene ventajas que te ayudarán a mejorar las posiciones orgánicas. Entre los beneficios más destacados está la mejora de la visibilidad del proyecto y la velocidad de carga de las URL’s que contienen las imágenes, enriquecimiento del contenido web o aumentar el engagement de tu contenido on-page.

Hacer SEO para imágenes ayuda a que un sitio web aparezca en los resultados de búsqueda de imágenes, lo que puede en definitiva significa acaparar más oportunidades para aparecer en Google por palabras clave determinadas, derivando clics adicionales hacia la web. Si hablamos de mejorar la velocidad de carga, tenemos que tener en cuenta que al hacer clic en un resultado de búsqueda de Google lo que ocurre es que el usuario está realizando peticiones al servidor para poder visualizar el contenido demandado. A lo largo de este proceso se realizan decenas y cientos de intercambios de paquetes de datos para finalmente mostrar en pantalla el contenido de la URL. Así que cómo puedes estar imaginando conseguir una imágenes que carguen rápido es determinante para mejorar las Core Web Vitals y por ende el SEO.

Además, las imágenes adecuadas con el SEO trabajado tienen una doble función: por un lado generan una mayor retención del usuario en la página, mejorando el engagement del contenido on-page siempre y cuando estas imágenes sean relevantes para la búsqueda realizada y por otro lado ayudan al usuario a entender mejor el contenido web.

Estas son algunas de las optimizaciones que puedes implementar si quieres mejorar el ranking de las imágenes en Google. La mayoría son sencillas de ejecutar, aunque pueden requerir tiempo si no te ayudas de plugins o módulos que agilicen el proceso.

Utiliza nombres de archivo descriptivos

Los nombres de archivo de las imágenes son un aspecto que suele olvidarse en la optimización de imágenes para SEO. Sin embargo, influyen en la optimización de las imágenes desde el momento en que el nombre del archivo que subimos a la web queda reflejado en el código fuente de la página. Este nombre es leído por los crawlers cuando rastrean la URL y los ayudan a entender de qué trata la imagen. Una buena práctica es intentar incluir la palabra clave que quieres posicionar en el nombre del archivo.

Renombra tus imágenes con descripciones claras que incluyan palabras clave. Por ejemplo, si tienes una imagen de una falda, el archivo podría llamarse «falda-mini-pata-de-gallo.jpg» en lugar de «IMG1234.jpg».

Optimiza el tamaño y la resolución

La optimización del tamaño y la resolución de las imágenes es un paso crítico para mejorar la velocidad de carga de tu sitio web y, por tanto, su SEO. En ocasiones las imágenes representan una parte importante del tamaño total de una URL. Si no están optimizadas, pueden afectar a la carga de la página, haciendo que sea más lenta, lo que afecta negativamente la experiencia del usuario.

Por este motivo es importante ajustar las dimensiones de las imágenes para que coincidan con el tamaño máximo en el que se van a mostrar en la página. No tiene sentido cargar una imagen de 4000×3000 píxeles si solo se mostrará a 800×600 píxeles. Para conseguirlo puedes apoyarte de herramientas que comprimen las imágenes reduciendo su tamaño sin sacrificar la calidad de manera perceptible. Estas herramientas son fáciles de usar y permiten procesar múltiples imágenes a la vez.

Parece evidente pero es necesario balancear la resolución lo suficiente como para obtener una imagen que no pierda calidad visual, valora realizar una compresión con o sin pérdida según el caso. Por cierto, ¿has visto alguna vez en entre los resultados de búsqueda de Google una imagen pixelada?

Utiliza formatos de próxima generación

El uso de formatos de imagen de próxima generación es una forma de optimizar la velocidad de carga de una página y mejorar la calidad visual sin aumentar demasiado el tamaño del archivo. Formatos, como WebP, y AVIF ofrecen una compresión más eficiente y mejor calidad de imagen en comparación con formatos tradicionales como JPEG y PNG, llegando a reducir el tamaño del archivo entre un 30% y un 50% sin que la calidad de la imagen perceptible al ojo humano se vea afectada.

El primero es recomendable para todo tipo de recursos gráficos como fotografías y logotipos, mientras que el segundo es ideal para fotografías y contenido multimedia de alta calidad. Además cada vez más navegadores son compatibles con estos formatos por lo que su adopción es cada vez mayor.

Piensa en los formatos de imagen admitidos por Google: BMP, GIF, JPEG, PNG, WebP y SVG ya que si no tus imágenes tendrán problemas de indexación y no aparecerán entre los resultados de búsqueda de imágenes.

Utiliza textos alt

El uso de textos alternativos, también conocidos como textos alt, es fundamental tanto para mejorar la accesibilidad como para mejorar el SEO de una página. Este campo, según el estándar internacional de las Pautas de Accesibilidad para el Contenido Web proporciona descripciones de las imágenes para los motores de búsqueda y para los usuarios con diversidad funcional que tienen dificultades para ver.

Asegúrate de que cada imagen tenga un texto alternativo descriptivo y relevante. Esta optimización mejora la accesibilidad para usuarios con discapacidades visuales, pero además ayuda a los motores de búsqueda a entender el contenido de la imagen. Por ejemplo, para una imagen de un topper de colchón, el alt text podría ser «topper de plumas».

Añade un título a la imagen

El título de una imagen o title, es un campo de texto que proporciona un mayor contexto sobre la imagen visualizada. Este título sirve como una herramienta informativa cuando los usuarios pasan el cursor sobre la imagen en la mayoría de los navegadores web, mejorando su comprensión y experiencia de usuario. Aunque el title no tiene un impacto tan directo en el SEO como el texto alt, también juega un papel importante en la mejora de la accesibilidad y la experiencia del usuario, y puede influir indirectamente en el posicionamiento SEO.

Este título debe ser descriptivo, conciso y complementar la información del atributo alt sin ser redundante, así como incluir palabras clave relevantes de manera natural. Por ejemplo, en HTML para la imagen de producto de un e-commerce, se podría escribir <img src=»zapatillas-deportivas.jpg» alt=»Zapatillas deportivas negras» title=»Zapatillas deportivas negras con suela antideslizante, perfectas para correr»>

Redacta contenido relacionado

El texto que rodea la imagen debe proporcionar un contexto claro y detallado que explique o complemente lo que se muestra en la imagen. Esto ayuda a los motores de búsqueda a asociar la imagen con el contenido de la página. Para crear un contexto semántico, antes de insertar la imagen, se puede escribir una breve introducción que explique lo que los usuarios están a punto de ver. Además, después de la imagen, se puede añadir una descripción que amplíe la información mostrada en la imagen.

Si todas estas pautas se acompañan de un texto que intercale palabras clave entre el contenido de forma que suene natural y fluido, junto con el uso de leyendas debajo de las imágenes puedes maximizar la visibilidad y el impacto de las imágenes en los resultados de búsqueda.

Optimiza el peso de las imágenes

Optimizar el peso de las imágenes es necesario para mejorar el posicionamiento orgánico y la velocidad de carga de un sitio web. Las imágenes de gran tamaño, y por tanto más pesadas, suelen ralentizar la carga, lo que afecta negativamente la experiencia del usuario y posicionamiento. Para lograr un equilibrio entre la calidad de la imagen y el tamaño del archivo, Google recomienda que una imagen esté por debajo de 100 KB.

Una vez hayas detectado qué imágenes debes optimizar, para mejorar aún más la carga y el SEO puedes implementar el atributo lazy loading. Esta técnica retrasa la carga de las imágenes hasta que estén a punto de ser visualizadas por el usuario. Añadir el atributo loading=»lazy» a las etiquetas <img> mejora el tiempo de carga inicial de la página.

Añade marcado de datos estructurados a las imágenes

Los datos estructurados son un formato estándar que nos ayuda a proporcionar información sobre una página y clasificar su contenido. Los motores de búsqueda procesan esta información y la utilizan para mostrar resultados enriquecidos, proporcionando una mayor visibilidad en los resultados de búsqueda y mejorar la indexabilidad.

Para imágenes, el tipo de esquema más comúnmente utilizado es ImageObject. ImageObject es un tipo de dato estructurado definido por Schema.org que describe una imagen con varios atributos que detallan su contenido, autoría, derechos de uso, etc. Como se ha comentado, este marcado ayuda a los motores de búsqueda a indexar imágenes de manera más precisa y a mostrar información destacada en los resultados de búsqueda. Los atributos obligatorios más importantes de este marcado de datos son:

• @context: Debe ser https://schema.org/, para indicar que se está utilizando el vocabulario de Schema.org.
• @type: Definir ImageObject, implica que se está describiendo una imagen.
• contentUrl: Establece la URL donde se puede encontrar la imagen.
• description: Proporciona una descripción precisa de la imagen.
• author: Aporta información sobre el autor o creador de la imagen.
• datePublished: Marca la fecha en que la imagen ha sido publicada.
• license: Ofrece información sobre los derechos de uso de la imagen.

Si quieres conocer más en profundidad sobre el marcado de imágenes para mejorar el SEO te recomendamos revisar las directrices generales sobre datos estructurados, donde puedes encontrar información ampliada al respecto.

Crea un sitemap de imágenes

Un sitemap de imágenes ayuda a los motores de búsqueda a identificar toda la información relevante sobre las imágenes de la web, facilitando su indexación y aumentando las posibilidades de que aparezcan en los resultados de búsqueda. Este archivo ayuda a las arañas de Google a descubrir y rastrear todas las imágenes de la web, incluso aquellas que no están enlazadas directamente desde las páginas HTML.

Para resumirlo, un sitemap de imágenes crea la estructura de rastreo necesaria con una lista clara de todas las imágenes. Esta estructura permite a los crawlers ahorrar tiempo de rastreo y recursos. Puedes crear un sitemap de imágenes de forma manual, aunque actualmente hay herramientas SEO que los generan de forma automática, ahorrando tiempo y esfuerzo. Una vez lo tengas creado lo importante es indicarle a Google de su existencia, para ello realiza los siguientes pasos:

• Ve a tu cuenta de Google Search Console.
• Selecciona tu propiedad.
• En el menú de la izquierda, ve a Sitemaps.
• Añade la URL de tu sitemap de imágenes en el campo Añadir un nuevo sitemap y haz clic en Enviar.

Utiliza imágenes responsive

Utilizar imágenes responsive permite mejorar el rendimiento SEO de un sitio web. Una buena técnica es hacer uso del atributo “scrset”. Este atributo permite especificar diferentes versiones de una imagen para que el navegador seleccione la más adecuada según el tamaño de la pantalla y la resolución del dispositivo, de esta forma se consigue mejorar la velocidad de carga y la experiencia visual del usuario.

El atributo srcset se utiliza en la etiqueta <img> para definir una lista de imágenes con diferentes resoluciones y tamaños. Junto con el atributo “sizes”, permite al navegador elegir la imagen más adecuada para la pantalla del usuario. El atributo “scrset” define las URL de las imágenes y las condiciones (ancho de la imagen en píxeles o densidad de píxeles del dispositivo) bajo las cuales deben usarse.

Estas implementaciones repercuten directamente en el SEO de las imágenes, reduciendo los tiempos de carga de las imágenes al elegir la imagen más adecuada para cada tamaño de pantalla y garantizando que las imágenes se vean perfectamente en diferentes resoluciones.

Cachea el tamaño y la posición de las imágenes

El uso de sprites CSS consiste en utilizar una imagen global, de forma que diferentes iconos o imágenes se agrupan bajo una misma cuadrícula. Como decimos un sprite CSS es una única imagen que contiene varias imágenes más pequeñas, combinadas en una sola, para mostrar solo la parte de la imagen que se necesita en cada lugar específico del diseño de la página. Esto reduce el número de solicitudes HTTP, mejora el rendimiento del sitio web y, por tanto, contribuye a mejorar el SEO.

Aquí tienes un ejemplo de lo que podría ser un sprite CSS:

Algunas de las ventajas de utilizar sprites CSS son:

• Reducción de solicitudes HTTP: Al combinar varias imágenes en una sola, se reduce el número de solicitudes HTTP necesarias para cargar una página.
• Mejora del rendimiento: Menos solicitudes HTTP significa tiempos de carga más rápidos, lo cual es bueno tanto para la experiencia del usuario como para el posicionamiento SEO.
• Facilidad de mantenimiento: De esta forma es más fácil mantener y actualizar una sola imagen sprite que múltiples imágenes individuales.
• Mayor eficiencia de la memoria caché: Los navegadores pueden cachear la imagen sprite, mejorando aún más la velocidad de carga en visitas recurrentes por parte del usuario.

No insertes texto importante en las imágenes

Evita introducir texto relevante para el posicionamiento SEO en las imágenes, ya que los crawlers de google no pueden leer el texto que hay dentro de una imagen. Los motores de búsqueda no pueden leer texto incrustado en imágenes de la misma manera que leen texto en HTML, lo que afecta negativamente al SEO. En lugar de insertar texto en imágenes, utiliza código HTML y CSS para hacer que el texto sea legible por los motores de búsqueda y accesible para todos los usuarios.

Para detectar fácilmente aquellas imágenes que superan los 100 KB puedes utilizar Screaming Frog.

• Abre Screaming Frog e introduce la URL de del sitio web en el campo de búsqueda.
• Inicia el rastreo.
• Una vez completado el rastreo, ve a la pestaña «imágenes».
• En la parte derecha de la pantalla, verás una menú de opciones.
• Selecciona «Más de 100KB» para filtrar las imágenes por tamaño. Esto mostrará todas las imágenes que superan los 100 KB.
• Visualiza aquellas imágenes que están superando las recomendaciones de peso de Google y que por tanto debes optimizar para mejorar el SEO de las imágenes.

Te hemos contado las principales optimizaciones que puedes implementar en una página web para mejorar el posicionamiento SEO de tus imágenes. En nuestra agencia SEO contamos con un equipo especializado en la optimización de imágenes para reducir los tiempos de carga y mejorar el rendimiento. Nuestro expertise permite encontrar las mejores soluciones SEO para cada imagen concreta. Deja de ignorar el SEO para imágenes y ponte manos a la obra desde ya y si tienes dudas siempre puedes consultarnos.