Piensa en una persona que busca un producto en Google, un lugar o una receta. Frente a ella podrían presentarse tus imágenes.
Muchos pasan por alto la oportunidad pensando que el nuevo diseño del buscador es menos eficaz que el anterior para atraer visitas. Pero tú no deberías caer en ese error.
La búsqueda universal muestra imágenes en la página de resultados de forma combinada. Esto significa que no es necesario buscar una imagen para encontrarla: puedes aparecer en cualquier momento.
Por todo ello, es importante que aprendas a optimizar tus imágenes para los buscadores. Aquí encontrarás las 7 claves imprescindibles.
Contenidos:
Pese a que la tecnología para el reconocimiento de imágenes ha avanzado mucho, los buscadores siguen teniendo problemas para interpretar el contenido de las imágenes. A día de hoy pueden reconocer letras, colores, e incluso caras, pero poco más.
Debido a ello necesitas usar el atributo Alt para describir tus imágenes.
El nombre de Alt viene de alternate text o texto alternativo, y es lo que utilizan los buscadores para saber qué es lo que muestra una imagen. También es el texto que utiliza el navegador cuando la imagen no se puede cargar junto con el resto del contenido de la página.
Supongamos que pones en tu web una vista aérea del Parque Científico y Tecnológico de Albacete. El código HTML de la etiqueta Alt sería:
<img src=”http://example.com/foto.jpg” alt=”Vista aérea del Parque Científico y Tecnológico de Albacete” />
(Normalmente no tendrás que preocuparte por el código, la mayoría de los gestores de contenido dejan añadir la etiqueta fácilmente.)
Para asegurarte una buena etiqueta Alt:
El nombre del archivo es un indicador del contenido de la imagen. Piensa que una imagen llamada “tarta-de-chocolate.jpg” probablemente mostrará una tarta de chocolate.
Para optimizar el nombre debes intentar ser corto y descriptivo, y no es necesario que incluyas tanta información como en la etiqueta Alt.
Por ejemplo, en el punto anterior hemos llamado al archivo “foto.jpg”, pero este nombre genérico no trae ningún beneficio en la búsqueda. Así que para hacerlo más descriptivo, lo llamaremos “parque-cientifico-tecnologico-albacete.jpg”.
Con un nombre más específico es más fácil que el buscador entienda el contenido y, por tanto, tendrás más posibilidades de aparecer en una posición más prominente.
Para un buen nombre de archivo:
Es muy importante que tus imágenes estén rodeadas de texto y, en especial, que ese texto esté relacionado con el contenido de la imagen. Cuanto más estrecha sea la relación existente entre la imagen y el contexto en el que se encuentra, mejor.
Para poner a tus imágenes en el contexto apropiado, sírvete del pie de foto o leyenda, así como del texto que hay encima de la imagen y bajo ésta. Usa incluso los encabezados y el título de la página si es preciso.
Ten en cuenta que si el texto que envuelve la imagen guarda poca relación con ésta, la pertinencia para el buscador será baja.
Lo ideal es que el tamaño del archivo sea lo más pequeño posible. De esta forma las imágenes cargan rápido, y eso es algo que premian los buscadores.
Pero el tamaño del archivo depende de 2 cosas:
Si quieres que una imagen de grandes dimensiones quepa en un archivo pequeño, la calidad tendrá que ser menor. Y si lo que quieres es que la imagen sea de gran calidad, no te quedará otra que reducir las dimensiones.
Este compromiso hace del JPEG el formato de imagen ideal para los buscadores; buena calidad con archivos relativamente pequeños. No obstante, también puedes emplear PNG y GIF si sirven mejor a tus propósitos.
A la hora de preparar tus imágenes:
Para capturar, recortar y reescalar imágenes usa Skitch. Esta herramienta hace un buen trabajo manteniendo la calidad en las imágenes, y además permite añadir anotaciones, formas y dibujos. Otras herramientas gratuitas para trabajar con imágenes son GIMP y BeFunky.
Antes de subir imágenes a la web, es recomendable que las comprimas todo lo posible, sin que ello signifique comprometer la calidad. Para lograrlo, usa la herramienta online Compressor.io, aunque si prefieres las herramientas de escritorio prueba JPEGmini e ImageOptim.
Por otro lado, si usas WordPress como gestor de contenidos, puede interesarte el plugin WP Smush.it. Mientras lo tengas activo, comprimirá todas las imágenes que subas sin pérdida aparente de calidad.
Exif, o Exchangeable image file format, es una especificación que permite incluir varios tipos de metadatos dentro del archivo de imagen. Entre estos datos se incluyen detalles específicos de la toma, como la exposición, apertura, distancia focal, e incluso las coordenadas geográficas.
Aunque los datos Exif que más pueden interesarte son:
Si bien los buscadores no utilizan el contenido Exif como factor de peso actualmente, los datos aparecen en ciertas páginas de imágenes (p.e. esta de Flikr) lo que puede influir positivamente sobre el factor de relevancia.
Mediante las propiedades del archivo en Windows (botón derecho) es posible editar algunos datos y añadir información relevante a la imagen. Pero si de verdad quieres experimentar, es mejor que uses una herramienta avanzada. PhotoME es una opción gratuita.
Algo más a considerar con Exif es que, si estás usando herramientas de compresión, debes asegurarte de que preservan la información Exif en la imagen resultante. Esto lo puedes consultar en el sitio web del desarrollador, o bien en la sección FAQ y Changelog del directorio de plugins de WordPress, si es el caso.
Un atributo poco conocido para imágenes es la descripción larga o longdesc. Como su nombre indica, sirve para incluir una descripción más larga que la que se puede incluir en la etiqueta Alt.
La sintaxis para la descripción larga es:
<img src=”http://example.com/parque-cientifico-tecnologico-albacete.jpg” alt=”Vista aérea del Parque Científico y Tecnológico de Albacete” longdesc=”http://example.com/acerca-del-pcyta.html” />
Si te fijas, longdesc no incluye una descripción textual, sino la URL donde encontrarla. Ésta puede ser una página especialmente creada para incluir la descripción, o la propia página donde se incluye la imagen, aunque eso no tiene mucho sentido.
La verdad es que la descripción larga se utiliza muy poco o nada, pero he querido incluirla para que cuentes con todas las opciones.
Un aspecto esencial de la optimización de imágenes es la indexación. Las imágenes deben estar en el índice del buscador para aparecer en la búsqueda, pero si el buscador no encuentra tus archivos de imagen difícilmente podrá registrarlos.
Hay una manera de aumentar las posibilidades de que tus imágenes sean indexadas, y es generando un sitemap específico para imágenes. Este archivo incluye la URL de cada imagen, pero también puede incorporar el título, la licencia y el pie de foto.
Si estás usando WordPress como gestor de contenidos, debes saber que el plugin de optimización SEO de Yoast incluye las imágenes dentro de la función XML Sitemaps. No obstante, si prefieres un plugin dedicado puedes usar Udinra All Image Sitemap.
Ya que te has tomado la molestia de leer hasta aquí, no voy a dejar que te vayas sin darte una clave extra. Y te adelanto que esta táctica es precisamente la más eficaz:
Si quieres mejorar la visibilidad de tus imágenes no hay nada como conseguir enlaces. Enlaces hacia la página que contiene la imagen y también hacia el propio archivo de imagen. Si además los enlaces incluyen palabras clave en el texto (anchor text) mejorará el posicionamiento para las búsquedas correspondientes.
Dicho esto, no te recomiendo usar esta táctica de forma artificial, ya que los buscadores como Google penalizan la creación de enlaces destinada a influir sobre sus resultados. La estrategia más inteligente es crear imágenes capaces de atraer enlaces por sí mismas, como es el caso de las infografías y las fotos con licencia Creative Commons.
¿Qué otros métodos usas para optimizar tus imágenes?
Imagen Flickr Creative Commons vía NASA Goddard Photo and Video