Best practice para el SEO de sus imágenes: Optimización y posicionamiento de imágenes en páginas webs

Los motores de búsqueda definen la posición de los sitios web en sus páginas tomando en cuenta muchos criterios. En estos criterios entra en cuenta la forma de utilizar las imágenes, y la coherencia de su utilización en el contexto del sitio.

Veremos cómo utilizar estas imágenes para que los motores de búsqueda las referencian bien, y para que vuestro sitio sea bien posicionado. No hay que ser un genio para hacerlo, pero es necesario entrenarse en primer lugar, y sobre todo adquirir unos buenos hábitos desde el principio.

 

 

Optimización de formatos, dimensiones y volumen de archivo

 

 

Para obtener una velocidad de carga de sitio acceptable, y así complacer vuestros lectores con una buena experiencia usuario, es imprescindible pensar en 3 elementos : Formato, dimensiones y volumen.

 

• Los formatos de imágenes utilizados en internet en général suelen ser jpeg, png y gif. Se utiliza el formato jpeg para las imágenes con colores muy vivos y vibrantes, con una resolución de alta calidad, porque permite obtener archivos ligeros. Los png en cambio están más utilizados para ilustraciones que tienen texto, imágenes y transparencia, lo que suele ser útil en la mayoría de los casos para los logotipos. Los gif, finalmente, se utilizan para la animaciones y los videos de corta duración.

 

• Las dimensiones de las imágenes se tienen que adaptar al contenido. ¿Qué es lo que significa? Una imagen que se encuentra por ejemplo en foto de portada tiene unas dimensiones especiales para que se vea bien, no pixelada, estirada o cortada. Cada imagen debe tener unas dimensiones adaptadas a su contexto. Lo ideal es para un articulo, por ejemplo, memorizar el formato que se necesita, y retocar la imagen deseada para que esté completamente personalizada al sitio.

 

• Finalmente, es preciso también reducir al máximo el peso del archivo. La imagenes utilizadas generalmente suelen ser de muy alta calidad, por lo tanto tienen un peso bastante alto. Por eso antes de ponerlas en vuestro sitio, cargando las páginas con un peso innecesario, se puede utilizar unos compresores en línea. Os recomiendo por ejemplo www.compressjpeg.com, pero hay muchos más que hacen el oficio. Cada uno tendrá sus preferencias, os pongo un par más de vonculos: www.imagecompressor.com, https://compresspng.com/es/

 

Un vez tomada o elegida la imagen, pensad en optimizarla antes de subirla directamente en la página

 

 

Optimizar una imagen en fonción del contexto

 

Ya terminamos el tema “práctico” que consiste en prestar atención a los elementos de la imagen antes de subirla a vuestra plataforma. Ahora toca mirar de más cerca la organización de las imágenes en su contexto. El contexto es sumamente importante para los robots de los motores de búsqueda que hacen una lectura de vuestro sitio web.

¿Que llamamos contexto? Es el marco de la imagen, todo lo que hay alrededor y que ayuda a entenderla mejor :

• El nombre de la imagen: debe contener las palabras clave de la imagen, separadas imperativamente por guiones. Por ejemplo: cactus-gardening-plants.jpeg. Los guiones son importantes para separar cada palabra del nombre de la imagen porque los robots de Google los utilizan para hacer una buena lectura del título de la imagen.

 

• El título de la página en la que se incluye la imagen debe estar vinculada de alguna manera con las palabras clave de la imagen. Google mide la consistencia de las páginas. Por ejemplo, si el título h1 de un artículo de tu blog se refiere a la referenciación de imágenes, es lógico que una de las imágenes en esta página se llame, por ejemplo, formato-optimizado-imágenes-SEO.png porque es un tema relacionado con la optimización Imágenes de SEO.

 

• Coloca un título sobre la imagen, que también permite situar la imagen en un contexto determinado. En general, el título adjunto a la imagen no será un h1, pero podemos asignar una etiqueta de título h2, h3, h4, etc ... y siempre con contenido relacionado con el tema de la imagen.

 

• La leyenda de la imagen, que permite explicar nuevamente con palabras el contenido de la imagen. Puede ser desalentador, pero si quieres hacer las cosas bien, es un paso a seguir.

 

• La etiqueta ALT de la imagen, que es sin duda lo más importante. Se utiliza para mejorar la accesibilidad de los sitios web para personas con discapacidades o para personas con conexión lenta. La imagen se leerá a través de la etiqueta alt. También es información que los robots leen para identificar el contenido de la imagen (aunque hicimos avances en la visión por ordenador, por ahora siempre son las palabras que describen las imágenes que se toman en cuenta, y no las propias imágenes)

 

Elegid bien vuestras imagenes y  haced que el contexto sea consistente

 

Listo ! Ya sabes todo sobre cómo referenciar bien las imágenes de tu sitio web. Con ganas de que te ayudemos? Nos puedes contactar aquí: [email protected]