Blog

Actualidad, novedades y cursos en desarrollo web

4 tips para mejorar el SEO de tus imágenes

En ocasiones, pasamos por alto la importancia que tiene para el posicionamiento SEO optimizar las imágenes y la realidad es que es muy importante. En esta publicación, además de recomendarte el uso de imágenes para mejorar la visibilidad de tu sitio web, te daremos 4 tips para mejorarlo y ayudarte a subir posiciones en los resultados de búsqueda. 

 

¿Por qué es importante mejorar el SEO de tus imágenes? 

 

▶️ Mayor visibilidad en los motores de búsqueda. Las imágenes que estén bien optimizadas pueden aparecer en los resultados de búsqueda de imágenes, lo cual puede aumentar la visibilidad de tu sitio web y atraer tráfico adicional. 

▶️ Mejora la experiencia del usuario. Los motores de búsqueda pueden utilizar el texto alternativo (atributo «alt») para comprender el contenido de las imágenes y pueden utilizarlo para describirlas a los usuarios cuando estas no se descarguen por algún motivo. Además, las imágenes optimizadas cargan más rápido, lo que mejora la experiencia del usuario. Los visitantes están más inclinados a quedarse en tu sitio web si las imágenes se cargan rápidamente y son de alta calidad. 

▶️ Aumenta la tasa de clics (CTR). Las imágenes atractivas y relevantes pueden aumentar la tasa de clics en los resultados de búsqueda, lo que puede generar más tráfico hacia tu sitio web. 

 

 

Tips para mejorar el SEO de tus imágenes 

1) Nombra la imagen según su contenido. 

¿Por qué? Google puede leer el texto de la página, pero no las imágenes. El nombre de la imagen es importante para que Google comprenda de qué trata la imagen. Es recomendable usar nombres relacionados con la imagen, además deben ser cortos y precisos.  Por ejemplo, en la siguiente imagen tenemos el logotipo de illusion Studio del año 2006.  

 

La forma correcta de nombrar esta imagen sería “Logo-2006-illusion-Studio» y no, “DCN2006.jpg” o “foto1.png”. Como apunte, Google recomienda el uso de guiones para separar las palabras del nombre. 

 

2) Haz uso de la etiqueta ALT 

Esta etiqueta también es conocida como “texto alternativo”, es un atributo HTML que sirve para describir una imagen si se produce un error de carga, o para personas que no pueden ver la imagen que usan lectores de pantalla y escuchan estas descripciones. 

Como hemos dicho, es un atributo HTML, siguiendo el ejemplo de la imagen anterior su estructura en código sería: 

<img src=”Logo-2006-illusion-Studio.jpg” alt=”Logo-2006-illusion-Studio»> 

Sabemos que manejar código HTML puede ser desafío, pero no te preocupes, también podrás usar esta etiqueta en un CMS como WordPress. Al subir la imagen, desde el mismo gestor de imágenes, tendrás la opción de añadir la etiqueta ALT.  

Del mismo modo que cuando nombramos la imagen, tenemos que usar palabras clave que estén relacionadas con la temática de la imagen, con la etiqueta ALT tenemos la misma premisa. Usa tus palabras clave, pero no te pases, o Google te categorizará como spam. 

 

3) Tamaño y peso de la imagen 

Seguro que alguna vez has entrado en una web y el tiempo de carga era muy prolongado. ¿Qué has hecho? Exacto, irte. Por eso es una buena idea optimizar tus imágenes, pues de lo contrario el tiempo de carga podría no ser el óptimo y se recomienda que no sea superior a 3 segundos.  ¿Y cómo lo hacemos? ¡Toma nota! 

En nuestra opinión, hay dos conceptos fundamentales que tenemos que saber a la hora de lograr la optimización del peso de la imagen.  

 

– Las pantallas se rigen por el perfil de color RGB. 

– El valor de resolución adecuada para este tipo de imágenes es de 72ppp. 

Lo óptimo es que trabajemos con imágenes no superiores a 1MB. 

 

Ahora bien, el tamaño es algo más difícil. Con la cantidad de dispositivos que usamos hoy en día, debemos tener cuidado para que nuestras imágenes se vean bien en todos ellos. Por eso, lo ideal es estudiar el proyecto y dependiendo de las necesidades en particular establecer las dimensiones. De hecho, hay ocasiones en la que podemos recomendar adaptar la imagen a cada dispositivo en vez de usar una única imagen para todos. 

 

4) Formatos recomendados 

Los mejores formatos son JPG, PNG y WEBP. A continuación, te vamos a dar las ventajas y desventajas de cada formato enfocados a su uso en el entorno digital. 

 

▶️ JPG 

Ventajas 

  • Compatible con todos los navegadores. 
  • Gran capacidad de compresión, con lo que conseguiremos un tamaño menor de la imagen. 

Desventajas: 

  • No acepta transparencias. 
  • Tiene pérdidas de calidad en la comprensión. 

 

▶️ PNG 

Ventajas 

  • Al contrario que el formato JPG, su comprensión no tiene pérdidas. 
  • Admite transparencias. 

Desventajas: 

  • No tiene la misma capacidad de comprensión que el formato JPG, con lo que tendremos archivos de tamaño mayor. 

 

▶️WEBP 

Ventajas: 

  • Nos da imágenes de alta calidad con un tamaño menor que el formato JPG y PNG. 
  • Tiene una comprensión sin pérdidas. 
  • Admite transparencias. 

Desventajas: 

  • No es compatible con todos los navegadores, como Internet Explorer. Aunque los más usados, si lo soportan. 

 

Además, incluimos un tip extra, la importancia de geolocalizar tus imágenes para mejorar el posicionamiento SEO. 

¡Esperamos que estos consejos te ayuden! 

 

Si necesitas asesoramiento, en illusion Studio tenemos un equipo de profesionales dispuestos a ayudarte con la optimización de tu posicionamiento web Valencia. ¡No dudes en contactarnos!