Aprende a optimizar imágenes para buscadores (SEO de imágenes)

Cuando trabajas el SEO de tu web sueles centrarte en las palabras clave, los textos y las metaetiquetas, pero hay un activo que casi siempre se descuida: las imágenes. Optimizarlas bien tiene un doble premio. Por un lado, atraes visitas a través de Google Imágenes; por otro, reduces el peso de tus páginas y mejoras su velocidad de carga, un factor clave de posicionamiento y de experiencia de usuario. En TePublico.NET lo cuidamos en cada proyecto de diseño de páginas web, porque una web rápida convierte más y posiciona mejor. En esta guía te enseñamos, paso a paso, cómo optimizar tus imágenes para buscadores.

Cómo preparar la imagen antes de subirla

Antes de añadir una imagen a tu web conviene hacer dos cosas: ponerle un buen nombre y ajustar su peso.

1. Usa un nombre de archivo descriptivo

Si subes una foto desde el móvil, una cámara o un banco de imágenes, lo normal es que el archivo se llame algo como IMG_20240312.jpg o Fotolia_699784_XS.jpg. Esos nombres no le dicen nada a Google. Renómbralos por algo descriptivo que, a ser posible, incluya tu palabra clave. Usa nombres cortos, sencillos y separados con guiones: congreso-seo-madrid.jpg, gorra-roja-beisbol.jpg, leon-marino.jpg. En resumen: describe con precisión el contenido de la imagen, incluye una palabra clave y separa las palabras con guiones, no con guiones bajos ni espacios.

2. Reduce el tamaño y el peso

Aquí hay que cuidar dos cosas: las dimensiones y la calidad.

En dimensiones, asegúrate de que la imagen se ve bien en la mayoría de pantallas, pero sin pasarte: las imágenes enormes tardan más en cargar y ralentizan la web. La mayoría de usuarios solo espera unos segundos a que cargue una página antes de marcharse, y el algoritmo de Google también penaliza las webs lentas. Así que, si tu sitio tarda demasiado, no solo pierdes clientes potenciales: también pierdes posiciones. La clave es encontrar el equilibrio entre tamaño y calidad.

Para recortar y redimensionar tus imágenes puedes usar Photoshop, GIMP o cualquier editor online. Una breve guía de formatos que funciona bien:

• WebP o AVIF: son los formatos modernos recomendados; ofrecen mucha calidad con un peso muy reducido y hoy los soportan todos los navegadores. Úsalos siempre que puedas.
• JPEG: buena opción general para fotografías si no puedes usar WebP.
• PNG: mejor para imágenes con fondos transparentes o ilustraciones planas.
• SVG: ideal para logos e iconos, ya que es vectorial y no pierde calidad al escalar.

Para comprimir sin perder calidad apreciable tienes herramientas online gratuitas como TinyPNG o Squoosh (de Google). Comprime siempre antes de subir.

Cómo optimizar la imagen al añadirla a la página

Una vez que el archivo tiene buen nombre y peso ajustado, ya puedes subirlo. El siguiente paso es trabajar el atributo title y, sobre todo, el texto ALT.

Atributo title

Es el texto que aparece al dejar el ratón encima de la imagen. Como siempre, procura que incluya una palabra clave que describa la imagen, pero sin forzar.

Texto ALT (texto alternativo)

Es el texto que se muestra si el navegador no puede cargar la imagen, y el que leen los lectores de pantalla (¡importante para la accesibilidad!). Además, es la principal señal que usa Google para entender de qué va una imagen. Si usas un gestor de contenidos como WordPress, puedes añadir el ALT con un par de clics. Si editas el HTML a mano, quedaría así:

<img src="https://ejemplo.es/islas-cies.jpg" alt="Vista aérea de las Islas Cíes" />

Describe la imagen con naturalidad e incluye la palabra clave cuando encaje, pero no lo conviertas en una lista de keywords: eso es contraproducente.

Sprites e iconos vectoriales

Dos recursos que mejoran la velocidad de carga:

• Sprites CSS: si tienes muchas flechas, iconos, logos o botones pequeños, puedes agruparlos en una sola imagen y mostrarlos con CSS. Así reduces el número de peticiones al servidor y la página carga más rápido.
• Fuentes de iconos / SVG: los iconos vectoriales se adaptan a cualquier resolución de pantalla, pesan poquísimo y son fáciles de personalizar.

Sitemap de imágenes y Search Console

Si tu web utiliza galerías con JavaScript, ventanas emergentes u otras formas de mostrar imágenes, conviene ayudar a Google a descubrirlas. Para ello puedes crear un sitemap de imágenes: un archivo en el que listas tus imágenes (con sus títulos y descripciones) para facilitar su indexación. Una vez creado, envíalo desde tu cuenta de Google Search Console.

Y un último truco: las imágenes que despiertan interés (como las infografías) son las que más se comparten y enlazan de forma natural. Esos enlaces mejoran la visibilidad tanto de las imágenes como de la página que las aloja.

---

¿Quieres una web rápida y bien optimizada de arriba abajo? Échale un ojo a nuestros servicios de diseño web y posicionamiento SEO, o pide una auditoría SEO gratis para ver qué frena a tu web hoy.