20 Feb

13 claves del SEO para imágenes en 2025

No me gusta empezar los artículos con proverbios del tipo «una imagen vale más que mil palabras», pero a veces no queda otra para resumir en el primer párrafo el contenido de toda una idea.

En el 2024, las imágenes son una gran fuente de tráfico web, y si aún no te has dado cuenta de ello probablemente estés dejando pasar bastantes oportunidades de atraer clientes potenciales a tu página.

Ver Optimizar imágenes y descripciones es básico

Lo que ocurre es que muchas personas creen que las imágenes únicamente se encuentran en el apartado de «imágenes» de los buscadores. Y no es así, porque en las búsquedas universales los buscadores pueden ofrecer como resultado tanto texto como imágenes de productos, por ejemplo. Se muestran fotografías de forma combinada en los resultados y es ahí donde puedes cautivar el ojo rastreador del usuario.

Las búsquedas de Google Imágenes representan el 22,6% de todas las búsquedas de Google. Las nuevas generaciones quieren sobretodo información visual

Esta es la razón por la que es crucial prestar atención al SEO de imágenes. De lo contrario, estaremos perdiendo una gran cantidad de tráfico potencial.

El SEO de imágenes puede atraer un tráfico significativo a tu web de dos maneras diferentes:

En primer lugar, optimizar imágenes aumenta la posibilidad de mejorar el posicionamiento en Google Imágenes.

Y, en segundo lugar, las imágenes son una parte importante del seo on-page de tu página web.

Google muestra cada vez más imágenes en los resultados de búsqueda, a menudo por encima de los resultados orgánicos habituales.

Además, las imágenes ayudan a dividir grandes bloques de texto. Hay pocas cosas más aburridas que un bloque de texto con varios cientos de palabras para un usuario de internet.

Pero, por favor, asegúrate de que las imágenes son relevantes y que contribuyen a una mejor comprensión del contenido. No coloques imágenes arbitrarias porque sí.

Pero, ¿cómo hacer SEO de las imágenes de mi web?. Te explicamos algunas claves de forma sencilla para optimizar las imágenes que alojes en tu página web.

Permíteme que primero veamos un poco de teoría sobre el cómo usan las imágenes los buscadores como Google:

Cómo los motores de búsqueda indexan y comprenden las imágenes

Los motores de búsqueda rastrean páginas web para descubrir imágenes y extraer datos de ellas, como metadatos y  nombres de archivos.

Google tiene en cuenta factores como el texto circundante, el nombre del archivo de imagen, el texto alternativo , los títulos y el contenido de la página para comprender el contexto de las imágenes y utiliza tecnologías de reconocimiento de imágenes para comprender el contenido de las imágenes.

1º Atributo Alt

En ocasiones, los buscadores tienen problemas para interpretar el contenido de las imágenes. El avance de la tecnología y los algoritmos ha permitido que puedan detectar colores, formas, texto e incluso caras, pero poco más. De ahí que sea tan importante el atributo Alt para describir tus imágenes.

El texto alternativo se usa dentro del código HTML para describir imágenes específicas en una página.

El diminutivo «Alt» proviene de Alternative Text, que es el texto que utilizan los buscadores para interpretar las imágenes. De igual modo, es el texto que aparece en los navegadores cuando una imagen está rota o, por algún error, no se puede mostrar.

CONSEJO SEO: Optimizar el texto alternativo es crucial para que Google posicione tus imágenes en Google Imágenes. El texto alternativo te permite decirle a Google qué se ve en la imagen.

Seguro que alguna vez has recibido una newsletter cuyas imágenes no se abrían. En su lugar, aparecían frases relacionadas, como títulos de imágenes. Eso era un atributo Alt.

Insertar el atributo ALT en tus imágenes es muy sencillo. De hecho, la mayoría de los gestores de contenido permiten hacerlo sin problema alguno. Ahora bien, conviene tener en cuenta estas premisas a la hora de introducir un texto alternativo:

• Describir muy bien el contenido de la imagen
• Insertar la palabra clave que te interese potenciar
• Ser directo y conciso

Vamos a verlo con un ejemplo más práctico. La imagen que va a ilustrar este párrafo mostrará cómo insertar el atributo ALT en WordPress. Para ello, le pondremos un texto alternativo en base a lo que hemos aprendido.

El código HTML de la etiqueta ALT y de nuestra imagen de muestra sería:

<img class=»https://www.seoinhouse.es/wp-content/uploads/2018/06/Poner-atributo-alt-en-wordpress-con-seo-para-imagenes.jpg» alt=»poner atributo alt en wordpress con seo para imagenes» />

Como norma, cuando escribas un texto alternativo, lo mejor es ceñirse a un máximo de 125 caracteres, ya que la mayoría de los lectores de pantalla (tecnologías de asistencia para ayudar a las personas con discapacidad visual) dejan de leer el texto alternativo después de 125 caracteres.

También es importante incluir palabras clave relevantes en tu texto alternativo, pero recuerda que hay una delgada línea entre ser específico y ser spamer.

Veamos el siguiente ejemplo:

Mal texto alternativo: alt=»freidora de aire»

Buen texto alternativo: alt=»freidora de aire plateada»

Mejor texto alternativo: alt=»Freidora de aire plateada Cookingfree»

Aún mejor texto alternativo: alt=»Freidora de aire plateada Cookingfree cocinando patatas fritas»

No olvide que también toda imagen debe tener un título . El texto de la etiqueta TITLE es el que se mostrará cuando sitúes el cursor encima de la foto. Debe ser descriptivo y contener la palabra clave con la que te quieres posicionar.

Además, en los resultados de búsqueda de imágenes, este título aparecerá debajo de la imagen, para que los usuarios entiendan mejor el contexto de la imagen y decidan si hacer clic en ella o no.

2º Nombre del archivo

El nombre del archivo es el título que le damos a una imagen. Por lógica, no será beneficioso para nuestras búsquedas aquellos archivos denominados «foto-1.jpg» o «DCIM_1422.jpg».

Sin embargo, si tenemos un blog de cocina y subimos una fotografía titulada como «tarta-de-fresa-facil» es más probable que nuestra imagen se posicione en los resultados de búsqueda.

En resumen, podríamos plantear las siguientes premisas para una buena redacción de los títulos de las imágenes:

• Describir la imagen.
• Incluir la palabra clave que nos interesa.
• Ser muy breve.
• Se pueden añadir palabras vacías.
• Utilizar guiones para separar las palabras.
• Evitar caracteres extraños y especiales, como acentos o la letra Ñ.

La optimización del nombre del archivo pasa por ser más cortos, directos y descriptivos que en el atributo Alt.

Google aprovecha la ruta de las URLs y el nombre de los archivos para interpretar tus imágenes, por lo que estas URLs deberían tener una estructura organizativa lógica

3º El tamaño en el seo para imágenes: Dimensionar y Comprimir

Uno de las aspectos que más gustan a los buscadores para indexar tu página mejor y posicionarla más arriba en los resultados es la velocidad. De hecho, cuanto menos peso haya en una web y más rápido cargue todo en ella, ¡mucho mejor!

El tamaño ideal que deberían tener las imágenes web sería de 70kb-100kb. Intenta reducir al máximo el tamaño de tu imagen, cuidando siempre su calidad.

La mayoría de los teléfonos inteligentes sacan fotos de al menos 4032 píxeles por 3024 píxeles. Si el ancho máximo de la imagen en tu web es de 600 píxeles, esa imagen es mucho más grande de lo que debería ser. Lo que puede ralentizar tu página.

Para evitar este problema, cambia el tamaño de las imágenes a las dimensiones de visualización máximas antes de cargarlas.

Puedes cambiar el tamaño de las imágenes manualmente con Photoshop o una herramienta más simple como Canva o algún plugin de wp como Resize Image After Upload.

También puedes comprimir las imágenes para disminuir los tiempos de carga de la página. Comprimir una imagen significa minimizar el tamaño del archivo sin comprometer la calidad en un grado inaceptable.

Hay un montón de herramientas fáciles de usar para comprimir imágenes como Optimizilla, TinyPNG, o ImageOptim o plugins de WordPress como Smush

En las imágenes, si el tamaño del archivo es mínimo, las fotografías cargarán mucho más rápido, agilizando el tiempo de carga de la página.

Ver cómo afecta al crawling de una web y su posicionamiento

4º Qué formato de imágenes utilizo

Hay muchos formatos de imagen disponibles, pero la búsqueda de Google solo admite estos 6 formatos: JPEG, PNG, WebP, BMP, GIF y SVG.

Vamos a ver las diferencias entre estos formatos y cómo impactan su sitio web y el SEO.

• PNG: utiliza compresión sin pérdida, lo que significa que no se pierden datos de la imagen. Por lo tanto, produce imágenes de mejor calidad y admite transparencias, pero tiene un tamaño de archivo mayor y es ideal para imprimir.
• JPEG: utiliza compresión con pérdida y provoca degradación de la calidad de la imagen, pero puede ajustar el nivel de calidad para encontrar un buen equilibrio.
• WebP: desarrollado por Google, utiliza compresión sin pérdida y es más eficiente que JPG (entre un 25% y un 80%), por lo que ofrece tamaños de archivo más pequeños con niveles de calidad comparables. Es compatible con todos los navegadores principales.
• GIF: utiliza compresión sin pérdida, pero está limitado a 256 colores, lo que lo hace menos adecuado para imágenes de alta calidad y más adecuado para gráficos y animaciones simples.
• SVG: este formato basado en vectores se utiliza para logotipos, íconos y otros diseños porque se puede escalar a cualquier tamaño sin aumentar el tamaño del archivo. Esto lo hace ideal para el diseño web adaptable.
• BMP: Archivos de imágenes grandes y sin comprimir que mantienen una calidad muy alta. Debido a su tamaño, no se suele utilizar para sitios web, ya que puede ralentizar significativamente los tiempos de carga de las páginas.

En esta tabla puedes ver la diferencia en el tiempo de carga de una imagen en función de su formato ( fuente. searchengineland.com)

¿Cuál es el mejor formato para tu página web?. JPEG es el formato de imagen predilecto por los buscadores ya que ofrece un buena relación calidad de imagen con archivos relativamente reducidos.

Los archivos PNG, aunque tienen mayor peso, crea imágenes de mejor calidad y admite transparencias, que luego se puede convertir al formato WebP para su implementación web.

El formato WebP tiene el tamaño de archivo más pequeño y se carga cinco veces más rápido que los archivos PNG y casi el doble de rápido que los archivos JPG.

Además, si necesitas introducir imágenes de gran calidad en tu página web, recuerda que hay muchos plugins que nos reducen automáticamente las dimensiones de nuestra imagen sin perder excesiva calidad en el proceso. Son muy útiles para bajar de peso nuestra web.

Datos Exif

Los datos Exif son una serie de metadatos que podemos incluir dentro de un archivo de imagen. Son datos específicos que ofrecen detalles específicos como toma, exposición, coordenadas geográficas, copyright, entre otros.

Es cierto que los buscadores, actualmente, no toman como factor de peso los datos Exif de una imagen, de hecho parece que Google no los tiene en cuenta, pero sí pueden influir en la relevancia de una imagen con respecto a otras similares.

Longdesc

Esta etiqueta, «descripción larga» se emplea poco o nada, aun así está bien conocerla y saber que existe entre nuestras opciones de seo para imágenes. Se trata de una alternativa para añadir una descripción más larga que la que permite el atributo Alt.

Así, si recordamos nuestra imagen de ejemplo del principio (la de WordPress), si le añadimos un longdesc quedaría un código HTML similar a éste:

<img class=»https://www.seoinhouse.es/wp-content/uploads/2018/06/Poner-atributo-alt-en-wordpress-con-seo-para-imagenes.jpg» alt=»poner atributo alt en wordpress con seo para imagenes» longdesc=»https://www.seoinhouse.es/los-mejores-plugins-wordpress-para-optimizar-imagenes-2018.html» />

Como ves, la descripción larga o longdesc es una URL donde podemos encontrar más información acerca de la imagen. Se trata de una página especialmente creada para incluir dicha descripción que mejorará el seo para imágenes.

Datos estructurados

Agregar datos estructurados a tus imágenes puede ayudar a Google y otros motores de búsqueda para ofrecer mejores resultados visuales.

Por ejemplo, puedes incluir imágenes de tus productos junto con detalles como precio, disponibilidad y calificaciones en el esquema del producto. Esto hace que tus productos se destaquen en los resultados de búsqueda y atraigan más atención de los compradores potenciales.

5º Implementa la Carga diferida de imágenes o Lazy Load

Las imágenes suelen ser unas las principales culpables de la lentitud de carga de una página web y una de las mejores maneras de resolver este problema es usar la «carga diferida» (o “lazy loading”). Esta le dice a los navegadores web que esperen para cargar una imagen hasta que se necesite.

OJO: Según Google deberíamos evitar la carga diferida de imágenes en la mitad superior de la página ya que esto puede afectar negativamente la métrica First Contentful Paint (FCP).

En su lugar, precárgualas o utilice el atributo fetchpriority="high".

La ventaja de la precarga sobre el atributo “fetchpriority” es que la precarga es compatible con todos los navegadores, mientras que este último no es compatible con los navegadores Firefox y Opera.

Lo que significa que la página se carga mucho más rápido cuando el usuario llega por primera vez a ella. Y no solo se usa para imágenes; recursos como JavaScript también se pueden cargar de esta manera.

6º Sitemap de imágenes

Nosotros ya explicamos qué es y cómo configurar un sitemap, muy importante para indexar las páginas y ayudar a los robots de Google a encontrar todas nuestras entradas para añadirlas al índice. La creación de un sitemap que incluya las URL de todas las imágenes de tu web ayuda a Google a descubrir esas imágenes e incluirlas en los resultados de búsqueda de imágenes.

Ver sitemap de imagenes de Google

Con las imágenes ocurre lo mismo. Podemos aumentar las posibilidades de que nuestras fotografías aparezcan en los buscadores si generamos un sitemap específico para imágenes. De hecho, podemos añadir no solo la url de cada imagen sino también otros datos como la licencia, el título o el pie de foto, por ejemplo. Sin duda, una gran ayuda para mejorar el seo para imágenes.

Añade imágenes a tu mapa del sitio

Ya sea que agregue imágenes a su mapa del sitio o cree un nuevo mapa del sitio para imágenes, querrá que haya imágenes en algún lugar de su mapa del sitio.

Tener sus imágenes en un mapa del sitio aumenta en gran medida las posibilidades de que los motores de búsqueda rastreen e indexen sus imágenes, lo que genera más tráfico en el sitio.

Si usas WordPress, Yoast  y RankMath ofrecen una solución de mapa del sitio en su plugin.

7º Haz Linkbuilding con imágenes

Ya sabes que cuantos más links apunten a tu web, más relevancia y autoridad tendrá y se posicionará mejor. Al igual que intentas conseguir enlaces de calidad cuando realizas una estrategia de Linkbuilding, puedes usar plataformas de imágenes como Pinterest o Flickr, para conseguir enlaces entrantes hacia tu web a través de las fotografías.

8º Activa la caché del Navegador

El almacenamiento en caché del navegador es cuando los archivos son almacenados por el navegador de un visitante. Esto significa que los activos se cargarán más rápido la próxima vez que el usuario visite la página. tiene un impacto notable en las webs donde los usuarios vuelven a visitar las mismas páginas con frecuencia.

Este artículo de Kinsta te va a dar muchas claves para entenderlo y como implementar la caché en tu web.

10º Utiliza imágenes únicas.

Si llenas tu web con imágenes de archivo, no parecerá original, ya que Google entiende el contenido de la imagen. Como la misma foto de archivo se puede utilizar en otros sitios web, se considerará contenido duplicado.

Cuanto más originales sean las imágenes, mejor será la experiencia del usuario y mayores serán tus posibilidades de posicionarte en búsquedas relevantes.

11º Define las dimensiones de las imágenes

Incluye los atributos de ancho y alto para cada elemento de imagen y video para decirle al navegador cuánto espacio asignar al recurso y evitar problemas (que la página salte cuando se carga) de Cambio de diseño acumulativo (CLS) que pueden interferir con la optimización de Core Web Vitals . Esto evita que la página salte cuando se carga.

12º Cuidado con los derechos de autor

Independientemente de los archivos de imagen que vayas utilizar, asegúrate de que no haya ningún conflicto de derechos de autor, para evitar sanciones o que Google retire algunas urls de tu página web de los resultados por una denuncia ante la DMCA.

13º Usar una CDN para entregar tus contenidos

La red de distribución de contenido o CDN es un conjunto de servidores distribuidos en todo el mundo que alojan su contenido y lo entregan a los usuarios desde una ubicación de servidor más cercana geográficamente a ellos.

La mayor rapidez de entrega no es la única ventaja de las CDN; también ofrecen capacidades de transformación y optimización de imágenes.

Al pasar parámetros junto con las URL de las imágenes, puede solicitar diferentes tamaños de imágenes o convertir imágenes a formatos más eficientes como WebP.

Hasta aquí nuestras recomendaciones. Tómate un tiempo para optimizar las imágenes de tu web correctamente, puede tener un impacto notable en el tráfico.

Además, vas mejorar la experiencia de usuario, reduciendo en gran medida tiempos de carga y mejorando la accesibilidad.

Si conoces algún truco más para mejorar el seo de imágenes, ¡no dudes en compartirlo con nosotros!

Actualización de Google centrada en el presupuesto de rastreo

Google ha actualizado su guía de mejores prácticas SEO para imagenes d con nuevas recomendaciones sobre el uso de la misma URL al compartir imágenes en su sitio web.

El cambio más significativo en esta guía de Google se refiere al uso de imágenes que aparecen en varias páginas. Google ahora afirma:

Si se hace referencia a una imagen en varias páginas de un sitio web grande, considere el presupuesto de rastreo general del sitio . En particular, haga referencia a la imagen siempre con la misma URL para que Google pueda almacenarla en caché y reutilizarla sin necesidad de solicitarla varias veces.

Fuente: developers.google.com

Esto significa que debes usar exactamente la misma URL de imagen cada vez que implementes esa imagen en diferentes páginas.

Al usar la misma URL, Google solo necesita rastrear e indexar esa imagen una vez. Esto ahorra tiempo y recursos tanto para Google como para tu sitio web.

También te puede interesar leer:

Guía básica de SEO. 13 Cosas que a veces olvidamos

79 plugins básicos para WordPress en 2024

Errores habituales de SEO para WordPress, poco conocidos

Qúe palabra clave uso. Singular o plural

Etiquetas HTML. Importancia para el SEO. Por qué optimizarlas

SEO Local. Qué es y cómo optimizarlo ( 8 pasos) en 2024 

Qué hacer si tu web cae tras una actualización de Google