Las imágenes también forman parte de tus documentos web y por tanto habrá que tenerlas en cuenta a la hora de optimizar tu proyecto. La optimización de imágenes para buscadores no sólo te ayudará a mejorar tu posicionamiento y atraer más tráfico a tu web, sino que además te permitirá acelerar la velocidad de carga de tus páginas.

Al igual ya vimos con otros elementos web cómo el título y las descripciones, las URLs, los encabezados, o las metaetiquetas,  a continuación veremos una serie de recomendaciones para optimizar y sacar el máximo partido a tus imágenes.

Cómo nombrar las imágenes

• Cada imagen debe tener un nombre único. Evita asignar nombres genéricos y poco descriptivos (ej: Pic08.jpg). Recuerda que los buscadores no tienen la capacidad de ver imágenes y que para ellos éstas no son más que un fichero con un nombre y una etiqueta que describe su contenido.
• El nombre de fichero debería tener relación con el contenido que muestra la imagen
• Es recomendable incluir en el nombre de la imagen las palabras clave o keywords del documento donde va a ser insertada
• Evitar utilizar espacios y tildes para nombrar las imágenes. Para unir palabras puedes usar guiones. Ejemplo: «excursion-museo-reina-sofia-2014.jpg«

Velocidad de Carga

Para mejorar la velocidad de carga de una página, es muy importante que las imágenes se descarguen rápidamente. Para ello será necesario insertar las imágenes en el tamaño real en el que van a ser visualizadas. Evita realizar simplemente una redimensión de las imágenes a la hora de mostrarlas, ya que esto no te ayudará a reducir los tiempos de descarga.

Otra de las técnicas que puedes emplear para cargar imágenes que se muestran en todos los documentos de tu web, como por ejemplo los iconos de los botones sociales o imágenes de patrocinadores, es utilizar css sprites. Esto te permitirá unir todas las imágenes como una sola, reduciendo el número de peticiones, e indicando, mediante CSS, la posición que debe ocupar cada una de ellas, acelerando el proceso de carga de la página.

Existen muchas herramientas que pueden ayudarte a conocer y mejorar la velocidad de carga de tus páginas web, como por ejemplo Yslow (Yahoo) o PageSpeed (Google).

Etiquetado

«ALT»

Para etiquetar las imágenes se utilizará el atributo ALT (Alternative Text). Esta etiqueta nos permite introducir una descripción del contenido que la imagen muestra, lo que será muy útil de cara a los buscadores. Este texto alternativo se mostraría en los casos en los que imagen no pueda visualizarse en un navegador. Además, los navegadores especialmente diseñados para personas invidentes utilizan esta etiqueta para leer el contenido y ofrecer información al usuario, como es el caso de Linx.

El etiquetado debe ser descriptivo y conciso. No es cuestión de introducir textos largos de forma innecesaria.

Otra recomendación sería insertar las imágenes lo más cerca posible del texto relacionado con el contenido que ofrecen, para que los buscadores encuentren la relación entre el contenido de la etiqueta ALT y el texto que rodea la imagen

«TITLE»

Esta etiqueta permite añadir información adicional sobre una imagen o un enlace. Es interesante utilizar esta etiqueta para imágenes que contienen enlaces, ya que nos permite ofrecer una descripción del mismo.

Utiliza esta etiqueta únicamente cuando lo consideres necesario y evita duplicar el contenido de las etiquetas ALT y TITLE porque no tiene sentido. Los buscadores se centrarán principalmente en la etiqueta ALT

Veamos un ejemplo:

<img src=»museo-del-prado.jpg» alt=»Museo del Prado» title=»Comprar entrada al museo del Prado»>

Como has podido comprobar, la optimización de imágenes se convierte en una de las técnicas SEO on-page más importantes, ya que no solamente te ayudará a mejorar la velocidad de carga de tus páginas, sino que además te permitirá mejorar tu posicionamiento en los resultados de imágenes de los buscadores, lo cual es una buena forma de aumentar el tráfico de usuarios hacía tu web.