Optimizar las imágenes en tu página web no es solo una cuestión estética; es una parte fundamental de cualquier plan SEO efectivo. Nombrar las imágenes para SEO correctamente puede marcar una gran diferencia en el posicionamiento de tu sitio web en los motores de búsqueda.
A menudo, pasamos por alto el impacto que tienen los nombres de archivo y los atributos ALT en la visibilidad de nuestro contenido. Sin embargo, cuidar estos detalles puede ser crucial, especialmente considerando lo competitivo que es destacar en las primeras posiciones de búsqueda.
¿Por qué es importante nombrar correctamente las imágenes para SEO?
La importancia de nombrar correctamente las imágenes para el SEO reside en que los motores de búsqueda no pueden «ver» las imágenes de la misma manera que los humanos. Para interpretar su contenido, necesitan metadatos como el nombre del archivo y el texto alternativo.
Si estos datos están bien optimizados, tus imágenes pueden aparecer en búsquedas específicas, atrayendo más visitantes a tu página. Además, una buena optimización mejora la experiencia del usuario, ya que acelera la carga de la web y facilita su navegación.
Cómo elegir nombres de archivo descriptivos y relevantes
El nombre del archivo de una imagen debe describir con precisión lo que muestra. Imagina que tienes una tienda de moda y subes una foto de un vestido azul.
En lugar de llamarla «IMG001.jpg», utiliza algo como «vestido-azul-largo-mujer.jpg». Este cambio no solo ayuda a los motores de búsqueda a comprender el contenido, sino que también mejora tu estrategia de palabras clave.
Recuerda también evitar nombres excesivamente largos. Aunque quieras ser descriptivo, más de cinco o seis palabras en el nombre de archivo puede ser innecesario. Mantén un equilibrio entre claridad y concisión.
Es fundamental mantener una estructura ordenada y coherente. Usa guiones para separar palabras y evita caracteres especiales o espacios. Esto ayuda a evitar problemas de compatibilidad con servidores y mejora la legibilidad del archivo.
Por ejemplo:
- Correcto: mesa-redonda-de-madera.jpg
- Incorrecto: Mesa redonda de madera!.JPG
También es importante asegurarte de que el nombre del archivo sea único. Si subes imágenes con nombres duplicados, podrías enfrentar problemas técnicos y de organización dentro de tu sistema de gestión de contenido (CMS).
Optimización del atributo ALT en imágenes
El atributo ALT es otro pilar en la optimización de imágenes para el SEO. Este texto, que aparece cuando la imagen no puede cargarse, no solo mejora la accesibilidad de tu web, sino que también ayuda a los buscadores a indexar tus imágenes correctamente.
Al escribir el ALT, describe brevemente la imagen e incluye palabras clave relevantes. Por ejemplo, para el mismo vestido azul, un buen atributo ALT podría ser: “Vestido azul largo de mujer para bodas”.
Este atributo también es crucial para usuarios con discapacidades visuales que utilizan lectores de pantalla. Una buena práctica es priorizar la descripción clara sobre el uso excesivo de palabras clave.
En webs con muchas imágenes, puede ser pesado rellenar todos los alt.
Errores comunes al nombrar imágenes para SEO y cómo evitarlos
Un error frecuente es subir imágenes con nombres genéricos o irrelevantes, como «foto1.jpg» o «image123.png». Esto limita su potencial de posicionamiento y dificulta su organización.
Otro fallo común es saturar los nombres y atributos con palabras clave, lo cual puede ser penalizado por los motores de búsqueda. Google valora la naturalidad, así que mantén un equilibrio entre descripción y optimización.
Finalmente, subir imágenes de gran tamaño sin comprimir puede ralentizar la velocidad de carga de tu página, afectando tanto el SEO como la experiencia del usuario. Usa herramientas de compresión antes de subir las imágenes.
En nuestra experiencia, subir imágenes pesadas o mal optimizadas es uno de los errores más habituales.
Herramientas útiles para la optimización de nombres de imágenes
Si gestionas un sitio con muchas imágenes, herramientas como los plugins de WordPress para SEO o programas de edición masiva de nombres pueden ser tus aliados. Plugins como Rank Math o Yoast SEO facilitan la optimización de atributos ALT y te ayudan a mantener un control sobre tus metadatos.
Por otro lado, herramientas como TinyPNG o ImageOptim te permiten comprimir imágenes sin perder calidad, lo cual mejora el rendimiento de tu web. Haz de los compresores de imágenes tus herramientas para guardar para la web.
En Sizes and Colors tenemos una herramienta que te facilitará la vida, así que te dejo el enlace donde podrás descargarte una herramienta (PIX Resizer) para que tus imágenes pesen mucho menos (compresor de imágenes).
Otros consejos clave para el SEO de imágenes
- Utiliza formatos modernos: Los formatos como WebP ofrecen una compresión superior con una calidad visual excelente. Esto ayuda a reducir el peso de las imágenes y mejora el tiempo de carga.
- Incluye un sitemap de imágenes: Un sitemap específico para tus imágenes ayuda a los motores de búsqueda a indexarlas de manera eficiente. Herramientas como Google Search Console te permiten monitorizar este aspecto.
- Vincula tus imágenes con contenido relevante: Asegúrate de que las imágenes estén contextualizadas dentro del texto de tu página. Esto refuerza su relevancia y aumenta las posibilidades de que sean clasificadas en los resultados de búsqueda.
Subir un mapa de imágenes del sitio web a Google Search Console facilitará al motor de búsqueda la comprensión de la arquitectura y la ubicación de las imágenes en tu sitio web.
Formatos de imagen y su impacto en el SEO
El formato de imagen que elijas (JPEG, PNG, WebP, AVIF, etc.) influye directamente en el peso final del archivo. Dos imágenes que se ven igual de bien pueden ocupar 80 KB o 400 KB según el formato y la compresión.
Al igual que con la optimización de la resolución y el tamaño, Google se fija en el formato de una imagen para evaluar su idoneidad para ser mostrada como resultado de búsqueda. El formato definirá muy a menudo el tamaño y la velocidad de carga, influyendo así en la decisión de Google.
Aquí hay una tabla comparativa de los formatos de imagen más comunes:
| Formato | Descripción | Ventajas | Desventajas | Uso recomendado |
|---|---|---|---|---|
| JPEG (o JPG) | Formato de compresión con pérdida | Compatible con la mayoría de dispositivos, buen equilibrio entre tamaño y calidad | Pérdida de calidad con alta compresión | Fotografías, imágenes con muchos colores |
| PNG | Formato de compresión sin pérdida | Soporta transparencias, buena calidad para gráficos | Archivos más pesados que JPEG | Logotipos, gráficos con texto, imágenes que requieren transparencia |
| WebP | Formato moderno de Google | Compresión superior a JPEG y PNG, soporta transparencia y animación | Compatibilidad no universal (aunque en aumento) | Ideal para la web, reemplaza a JPEG y PNG cuando sea posible |
| GIF | Formato para animaciones | Soporta animaciones, transparencia | Limitado a 256 colores, no ideal para fotografías | Animaciones sencillas, memes |
| SVG | Formato vectorial | Escalable sin pérdida de calidad, ideal para iconos y logotipos | No apto para fotografías complejas | Logotipos, iconos, gráficos vectoriales |
El uso del formato WebP que apareció en el mercado ya en 2010 se convierte en un impulso para el SEO de tu sitio y, naturalmente, ahorra tiempo de carga. Este formato ofrece una buena calidad de imagen y un tamaño de archivo reducido.
Sin embargo, el uso de este tipo de archivo puede estar limitado por la compatibilidad del navegador. También hay muchos más formatos web disponibles, que, sin embargo, no han ganado tanta popularidad (HEIC, AVIF, JPEG XL).
En mi caso, cuando una web viene “destrozada” a nivel de imágenes, el primer paso suele ser convertir PNGs innecesarios en JPEGs y ajustar la compresión.
SVG es el formato rey para logos e iconos en web.
En ecommerce, las imágenes de producto son el corazón de la venta. Regla personal: intento que las imágenes individuales de producto no se vayan más allá de 150-200 KB, salvo casos muy especiales.
Resolución y tamaño de las imágenes
La resolución expresa el número de píxeles que componen una imagen. Cuantos más píxeles tenga una imagen, mejor se podrán representar los detalles.
Aspirar a la mayor resolución posible no es una estrategia recomendable, aunque pueda parecer que «más píxeles significan más detalles». En el caso de las tiendas virtuales, esto se traduciría más bien en un «mayor tiempo de carga» y una «visualización errónea».
Intenta mantener tus imágenes por debajo de los 5 MB, para permitir una carga rápida que mejore la experiencia del usuario y mejore tu posición en los motores de búsqueda.
Ancho en píxeles: una anchura de 2500 píxeles es ideal para pantallas grandes y, con un diseño responsive, puede ajustarse correctamente a dispositivos más pequeños.
Carga las imágenes gradualmente, a medida que el usuario avanza por el sitio, lo que permite una navegación más fluida y tiempos de carga más cortos.
Para imágenes de pantalla completa, se recomienda un ancho mínimo de 2500 píxeles. Sin embargo, el tamaño ideal depende del uso específico de la imagen y de su impacto en la velocidad de carga.
En pantallas de dispositivos móviles, es útil poder ampliar las imágenes. Utiliza imágenes cuadradas de alta resolución para tus productos, con unas dimensiones óptimas de 2048 x 2048 píxeles, lo que dará a tu tienda un aspecto uniforme y atractivo.
Optimización para móviles
El 63 % de los usuarios que navegan por Internet lo hace desde su dispositivo móvil. Esto implica una gran variedad de tipos de pantallas en uso.
Las imágenes pesadas pueden afectar considerablemente la velocidad de tu web, sobre todo cuando los usuarios acceden desde su móvil. Para evitar esto, es recomendable comprimir las imágenes grandes y reducir su peso.
Shopify redimensiona automáticamente las imágenes para adaptarlas a pantallas más pequeñas. Sin embargo, en otras plataformas, puede ser necesario redimensionarlas manualmente para que se vean bien en diferentes dispositivos.
Estrategias de palabras clave y contenido relevante
Para posicionarse bien con una imagen en un motor de búsqueda, hay que saber qué se busca. Planifica con antelación las descripciones de tus imágenes de acuerdo con la investigación SEO.
Lo que puedes hacer es añadir palabras clave especiales a las descripciones de tus imágenes. «Opinión», «Opinión de expertos», «top 10», «reseña», «precio», «comparación», «ranking», «prueba» son las palabras clave más comunes que se añaden a una categoría o producto para buscar información. ¡Responde a esta necesidad y añádelos a tu imagen!
La clave de una buena etiqueta alt de imagen (el texto descriptivo que asignas en el HTML de tu sitio a una imagen mediante el atributo «alt») es la colocación inteligente de palabras clave. No satures el texto alternativo con palabras clave populares, es mejor mantenerlo relevante para el contenido de la imagen y utilizar una o dos de ellas de forma intuitiva.
Es importante que la foto que se quiere posicionar bien en Google se coloque correctamente dentro del texto del sitio web. Colócalo cerca del texto que contiene tus palabras clave deseadas. El motor de búsqueda extraerá información de esta proximidad.
Mucha gente trabaja sitemaps solo para páginas y se olvida de las imágenes.
Cuando una tienda online no tiene mucha autoridad, suelo insistir mucho en la estrategia de contenidos: blog, guías, comparativas, etc. Eso te permite generar texto de calidad donde las imágenes encajan de forma natural y refuerzan el tema de la página.
Evita repetir exactamente la misma keyword en todas las imágenes de la página. En mi caso, nunca repito la misma keyword exacta en 20 archivos de imagen. Prefiero describir de verdad lo que se ve, variando: color, modelo, ángulo, contexto.
A Google le resulta aún más difícil destilar el contenido y el significado de las imágenes. Si pretendes transmitir información importante a tus clientes/lectores, evita ponerla sólo en la imagen.
No sólo las etiquetas «alt» bien diseñadas, sino también las imágenes claramente nombradas serán favorecidas por Google. Utiliza guiones y nombres descriptivos.
Consideraciones finales
Optimizar las imágenes para el SEO de tu web requiere algo de tiempo, pero los beneficios superan con creces el esfuerzo. Además de mejorar el SEO, estarás creando una experiencia más fluida para los usuarios, que notarán la diferencia. Cada detalle cuenta en la carrera por destacar en los motores de búsqueda, y las imágenes son una pieza clave que no deberías subestimar.
Con nuestros consejos, te hemos guiado en la cuestión de la optimización de imágenes. Se trata de entender el uso mayoritario de tu sitio y ajustar las imágenes para que funcionen en línea con el hallazgo. También será clave el servicio de respuesta de las imágenes.
Nuestra lista te ofrece algunos consejos básicos para mejorar el SEO de tus imágenes. Investiga las palabras clave, estructura el sitio web y evita poner demasiada información en tus imágenes. Piensa en las URLs correctas y en la indicación de datos estructurados.
Si ahora mismo te suena todo esto pero no sabes por dónde empezar, nuestro consejo es muy simple: empieza por reducir el peso y elegir el formato correcto, y luego ataca la parte de SEO de imágenes (alt, nombres, sitemaps).
Para la mayoría de casos, WebP es una gran opción, combinado con JPEG como fallback.
La buena calidad se traduce en una mayor visibilidad en Google. No utilices muchas imágenes de stock, ya que instantáneamente se clasificarán peor. Intenta introducir el mayor número posible de imágenes bien tomadas de tus productos, sin pixelación, sin desenfoque, con gran atractivo.
Google es un motor de búsqueda de contenidos. Asegúrate de que tu contenido textual y visual es de alta calidad. Escribe inteligentemente teniendo en cuenta las sugerencias de SEO e ilustra tus buenos textos con imágenes relevantes. Paso a paso, esto dará sus frutos como estrategia general para tu tienda virtual.