Optimizar imágenes para SEO

Una de las formas más fáciles de optimizar el contenido de una página es prestando atención a las imágenes. Casi todas las páginas contienen imágenes, ya sea en forma de fotografías, ilustraciones o iconos. Estas pueden ayudar a posicionar mejor tu página en los resultados de búsqueda con unos simples cambios y conseguir así algunos visitantes extra.

¿Optimizar las imágenes? ¿Pero por qué?

El gran problema aquí es que los motores de búsqueda no pueden ver las imágenes. Espera, déjame reformular la frase; pueden ver que hay una imagen, pueden incluso reconocer los píxeles de las imágenes, pero no pueden acceder al contenido que representa la imagen en sí.

Google hace todo lo posible para entender las imágenes que encuentra en la web, pero estas necesitan tu ayuda…

Imaginemos que Google encuentra esta imagen (soy un fan de los coches, así que he usado esta imagen de un Ford GT40 de Sumlin como ejemplo):

Los motores de búsqueda saben que es una imagen porque hemos usado la etiqueta HTML <img>, pero la única información que tienen de ella es la URL. Los humanos podemos ver con facilidad que se trata de la imagen de un coche, pero los motores de búsqueda no tienen esta capacidad. No obstante, podemos ayudar a los motores de búsqueda a entender mejor las imágenes a través del atributo alt y un adecuado nombre de archivo.

Atributo alt

El atributo alt especifica un texto alternativo para los casos en los que la imagen no pueda ser mostrada (puede ser por un error, una conexión lenta, un lector de pantalla, etc.)

Este atributo no es solo útil para los visitantes, también lo es para los motores de búsqueda. Les proporciona una clave sobre la temática representada por imagen. Por este motivo es una buena idea usar palabras clave en la descripción alt (y repetimos, no abuses de las palabras clave).

Si inspeccionas el código de tus imágenes previas, comprobarás si ya disponen de una descripción alt:

A través de este atributo alt, proporcionamos a los motores de búsqueda dos piezas importantes de información.

• Es la foto de un Ford GT40.
• Tiene los colores de Gulf.

Ahora, si alguien usa ‘GT40 con los Colores de Gulf’ o una cadena de búsqueda  parecida en el Buscador de Imágenes de Google, existen muchas posibilidades de que aparezca nuestra imagen.

Como puedes ver; agregar una descripción alt es muy sencillo, solo necesitas acceder al código HTML de la imagen.

Algunos sistemas de gestión de contenido como WordPress te permiten especificar una descripción alt en cuanto cargas la imagen.

Nombre de archivo

Si quieres optimizar tus imágenes más aún, podrías cambiar sus nombres de archivo. Empleando un nombre de archivo descriptivo también podemos ayudar a los motores de búsqueda.

Una foto típica de una cámara digital tendrá un nombre de archivo similar a ‘DSCO123.jpg’. Si cargamos esta foto y la usamos en nuestra página, ese nombre le dirá muy poco a los motores de búsqueda, no es en absoluto informativo. Sí, podríamos usar un atributo alt, pero podemos hacer mucho más si cambiamos además el nombre de archivo.

Así que, en lugar de llamar a nuestra foto ‘DSC0123.jpg’, podríamos llamarla, por ejemplo, ‘canasta-de-manzanas-rojas.jpg‘. Si has leído el artículo cómo crear una estructura de URL amigables para el SEO, ya sabrás que es mejor usar guiones para separar las palabras. El uso de otro tipo de separadores como guiones bajos (_) signos de + (+) o ningún separador, debería evitarse. Usando guiones, los motores de búsqueda son capaces de reconocer las partes que componen el nombre como palabras individuales.

¡No olvides el tamaño de los archivos!

Como ya habrás oído; Google ha incorporado la velocidad de página como factor determinante para el posicionamiento en los resultados de búsqueda. Esto significa que el tiempo de carga de una página es uno de los factores de posicionamiento; el incremento del uso de teléfonos inteligentes y el internet móvil han jugado un papel importante en esta decisión. No es nada sorprendente, puesto que una web lenta no es cómoda para los usuarios.

El peso de una imagen es uno de los elementos determinantes para el tiempo de carga final de una página concreta. La optimización de las imágenes puede por tanto mejorar el rendimiento notablemente. Quizá no lo notes mucho en una página con solo una o dos imágenes, pero si esta tuviese que cargar docenas de imágenes la diferencia sería increíble.

El peso del archivo depende en gran medida de la resolución de la imagen. Cuanto más alta es la resolución de los archivos, más pesan, lo que significa que debemos buscar un equilibrio entre la calidad y el peso del archivo.

Para tomar una decisión acertada, necesitamos considerar los distintos tipos de formato de archivo y sus ventajas.

Los tres más tres tipos de formato más comúnmente usados son JPG, PNG y GIF.