Guía SEO para optimizar imágenes

Según los últimos datos, se registran un total de 12 mil millones de búsquedas visuales al mes en Google Lens.  Además, cada día, miles de usuarios recurren al buscador para visualizar y comprar productos. Está claro que optimizar imágenes es una de las acciones SEO prioritarias que debes tener en cuenta si quieres clasificar más alto en el ranking. 

Las imágenes cobran ahora más importancia en Google, sólo hay que echar un ojo a la primera página del buscador para ver el impacto que generan y cómo se muestran a los usuarios con diferentes formatos: iconos de marca, carrusel de productos, imágenes destacadas, etc.

Sin embargo, a pesar del impacto y la creciente digitalización de las empresas, sigo viendo muchos sitios que no optimizan el peso de los archivos o que no incluyen las etiquetas SEO para imágenes correctamente. Haciendo auditorías, he llegado a encontrar auténticas burradas que dan para escribir un libro sobre ello.

Quédate si quieres saber cómo posicionar más alto con imágenes en motores de búsquedas. He actualizado esta Guía SEO para optimizar imágenes incluyendo lo más reciente de Google.

#1. ¿Por qué son importantes las imágenes en Google?

Aparecer en los primeros resultados de Google con imágenes será tu mejor estrategia para conseguir clics de alto valor y hacerlo antes que tus competidores.

En negocios que se basan principalmente en lo visual, se puede afirmar que detrás de la búsqueda directa de imágenes, se encuentra un usuario que está muy cerca de la conversión.

Quien busca, por ejemplo, “vinilos decorativos con estrellas” está interesado en comprarlos próximamente. Del mismo modo, quien está buscando “reportajes de bodas”, tiene intención de contratar los servicios de un fotógrafo nupcial. En estos casos, resulta realmente interesante llamar la atención del usuario en los SERPs con la mejor imagen.

Las imágenes optimizadas en SEO funcionan muy bien en Webs del sector turismo, arquitectura, inmobiliarias… así como trabajos puramente creativos que se incluyan en un portfolio. Son páginas donde el producto en sí son las imágenes.

En el caso de las tiendas online, ocurre algo similar.

El usuario, bombardeado de publicidad y saturado de información, prefiere ver directamente el producto real, inspirarse con otros modelos similares, comparar precios y después, si lo necesita, buscar más información útil para tomar la decisión final.

En este sentido, Google Imágenes, Google Lens y Google Shopping Productos ya están preparados para dar la mejor respuesta al usuario. Ahora te toca a ti optimizar las imágenes para ser más visible.

Si tienes una tienda online o en tu Web las imágenes tienen un gran impacto en las ventas, debes prestar atención a los consejos que encontrarás en esta guía sobre imágenes en SEO.

#2. PASO A PASO PARA OPTIMIZAR IMAGENES

¿Cómo optimizar imágenes para SEO?

a) Formato

¿PNG o JPG? ¿WEBP o SVG?

La optimización de las imágenes en SEO comienza en el mismo momento en que elegimos el formato de la imagen que vamos a publicar.

Mi preferido sigue siendo JPG.

• Las imágenes PNG son mucho más pesadas. Revisa tu página Web para detectar qué imágenes .png llevan fondo y pueden ser fácilmente reemplazadas por una similar en .jpg. Es el primer paso.
• Lo ideal es utilizar formatos de nueva generación (WEBP), ya que son formatos que reducen su peso bastante bien y sin pérdida de calidad. Sin embargo, no todos son compatibles con los navegadores actuales.
• SVG es el más recomendable para logotipos, gráficos o iconos vectorizados.

b) Nombre del archivo

Ahora que ya sabemos el formato, vamos a poner un nombre al archivo. Os aseguro que el 90% de las páginas no tienen optimizados correctamente el nombre de la imagen.

Lo más recomendable es incluir una keyword relevante para la estrategia SEO, utilizando palabras con gran significado para Google, no extremadamente largas (2 o 3 palabras está bien) y evitando utilizar guiones bajos, la letra “ñ” o símbolos en su nomenclatura.

Nombres de archivos incorrectos:

Captura-de-pantalla-23041.jpg
Imagen-de-prueba.jpg

Nombre de archivo correcto:

sofa-tapizado-gris.jpg

c) Etiqueta Title

El atributo “title” en la etiqueta <img> es un atributo global que se utiliza en la mayoría de etiquetas html para ofrecer información descriptiva. No suele utilizarse mucho y realmente es importante.

Con la incorporación de formatos de nueva generación (WEBP), resulta aun más importante optimizar correctamente el titulo de las imágenes, ya que es la forma que tienen los bots de leer de qué trata el archivo.

Hazlo a partir de ahora.

Ejemplo de title optimizada:

<img src=”/imagenes/sofa-tapizado-gris.jpg” title=”sofá tapizado gris” >

d) Etiqueta ALT

ALT (texto alternativo) es, quizás, la más conocida y citada en los manuales de SEO.

Esta etiqueta HTML debe ser incluida en todas las imágenes, no sólo porque es obligatoria para conseguir la validación W3C, sino también por ser el contenido que las arañas de Google pueden rastrear fácilmente y cuya información les ayuda a conocer el significado de las imágenes.

La mejor práctica SEO es incluir la palabra clave junto con otros términos relacionados que describan la imagen.

Ejemplo de etiqueta ALT optimizada:

<img src=”/imagenes/sofa-tapizado-gris.jpg” alt=”Sofa tapizado gris con líneas azules, reclinable y tejido anti manchas” title=”sofá tapizado gris” >

e) Otras etiquetas HTML

Existen otras etiquetas HTML para optimizar las imágenes, como por ejemplo el tamaño (widht / height). Debes incluirlas con su tamaño justo, evitando cargar imágenes más grandes de lo que vamos a mostrar al usuario.

En el caso de las medidas, Google utiliza el tamaño de los archivos a la hora de devolver resultados más precisos al usuario cuando éste filtra por tamaño en el buscador. Por lo tanto, si facilitamos estos datos tendremos más posibilidades de alcanzar mejores resultados.

<img src=”/imágenes/sofa-tapizado-gris.jpg” alt=”Sofa tapizado gris con diferentes medidas.” title=”Sofa tapizado gris” widht=”635” height=”300” >

También es importante que la imagen esté rodeada de contenido original, citando las principales keywords de forma natural (sin forzar) y con información relacionada sobre la imagen. Utiliza las principales etiquetas HTML como, por ejemplo, los encabezados h1-h6 y las negritas para resaltar las principales palabras de la estrategia.

f) Datos estructurados

Si queremos optar a las primeras posiciones de Google, debemos empezar a optimizar las imágenes con microformatos schema.org, sobre todo, en aquellas imágenes relacionadas con los productos.

Los fragmentos enriquecidos ayudan a aumentar el CTR de nuestras páginas, ofreciendo información relevante. Los carruseles de imágenes destacan por encima de otros resultados tradicionales, el usuario interactúa con ellos y contienen medidores de calidad (reseñas) que aportan un plus añadido al usuario.

g) Reducción de peso

Dentro del listado de imprescindibles que requiere el SEO WPO para mejorar la carga y rendimiento Web, la reducción del peso de los archivos es uno de los más sencillos de realizar.

Puedes hacerla de forma manual o bien, utilizar plugins o módulos especializados para reducir su peso.

Las imágenes deben optimizarse lo máximo posible. Lo normal para una imagen en peso suele estar entre 30 o 70kb, dependiendo del tamaño. Una única URL no debería exceder 1mb en archivos de imágenes.

h) Sitemap de imágenes

Crear un sitemap.xml exclusivamente para imágenes, es otro de las acciones SEO que recomiendo de forma obligada.

Según las directrices de Google, debes crear un sitemap.xml especifico donde incluir el titulo de la imagen (<image:title>), la URL del archivo (<image:loc>), pie de la imagen (<image:caption>), el tipo de licencia (<image:license>) e incluso, su geolocalización (<image:geo_location>).

#3. Últimas novedades

Google actualiza constantemente su guía sobre las “buenas practicas” para clasificar en el ranking.  En la ultima actualización, hace especial alusión a las imágenes y sus dos nuevas funciones, los títulos de imágenes y las insignias destacadas. Ambas opciones permiten dotar a las imágenes de contexto para que los resultados sean más útiles para los usuarios.

El logotipo (insignia) aparece destacado junto al titulo (title) en los resultados, aportando valor al contenido. Y los títulos de las imágenes deben proporcionar información suficiente para que los usuarios encuentren rápidamente lo que buscan. En el caso de los formatos .svg el titulo equivale a la etiqueta ALT. ¡No lo olvides!

La documentación de Google, además, indica que debemos optimizar los emplazamientos, es decir, el lugar donde colocamos la imagen en nuestras paginas (las más importantes o destacadas, deberán ir en la parte superior) y, por supuesto, deben ser compatibles para todos los navegadores.

#4. Recursos gratuitos para SEO Imágenes

• www.iloveimg.com: mi herramienta top gratuita para comprimir, redimensionar, recortar, convertir a JPG y mucho más de forma rápida.
• SEO META IN 1 CLICK. Extensión para el navegador con el que puedo ver rápidamente qué ALT y títulos de imágenes utiliza una página, así como su nivel de optimización.
• Page Speed Insights (PSI). Test de Google para conocer el rendimiento Web en móviles, versión de escritorio y algunos consejos personalizados para optimizar el peso de archivos.
• Plugin LiteSpeed Cache de Wordpress. Plugin que minifica JS, CSS y html, optimiza las imágenes sin pérdida y carga los archivos de forma asíncrona.
• Imagify. El plugin que reduce el peso de todas las imágenes del sitio Web con un solo clic. Además, convierte las imágenes a formato WebP.
• Website Auditor. Herramienta para auditorias SEO con el que podrás detectar errores de optimización en imágenes.
• Curso WPO de Anaislab (Wordpress). ¡Recomendado!
• Screaming Frog SEO Spider para crear un sitemap.xml específico para imágenes.
• Infografía resumen: SEO imágenes 2024