Cómo hacer SEO para imágenes y fotos

Vivimos en una sociedad multimedia, por ello es imprescindible que los contenidos web cuenten con estos elementos para retener al usuario. No obstante, uno de los principales problemas en los test de velocidad de carga es precisamente el tamaño de las imágenes. Prácticamente cualquier web que analicemos presentará problemas en este aspecto, de ahí la importancia de saber cómo hacer SEO para imágenes y fotos.

Los mejores formatos para el SEO para imágenes y fotos

Aquí nos encontramos básicamente tres formatos a emplear: JPEG, PNG y GIF. Aunque el primero es el formato ideal y que nos permite lograr un mejor resultado entre compresión y calidad.
Si resulta que tienes una imagen en algún otro formato puedes encontrar gran cantidad de programas para realizar la conversión como el mítico Format Factory.

Cuando vayamos a elegir el mejor formato para nuestra imagen debemos tener en cuenta qué función va a cumplir en nuestra web. Así usaremos:

• JPEG para imágenes nítidas y fotos.
• Para imágenes simples, dibujos o logos emplearemos el formato GIF ya que, aunque es un formato que pesa poco, soporta solo 256 colores.
• De igual forma, el formato PNG-8 nos servirá para el mismo propósito pero en imágenes con transparencias.
• Si lo que quieres es calidad y transparencias usaremos PNG-24, el formato más pesado pero que emplea millones de colores.

Tamaño de archivo en el SEO para imágenes

A la hora de optimizar imágenes y fotos hemos de buscar que estas pesen lo mínimo posible. ¿El motivo? Las imágenes cargan más rápido y esto nos ayudará de cara a todo el SEO de nuestra página. Además, desde la actualización de Google del pasado 21 de abril las webs deben ser responsive, priorizándose la navegación móvil. Google premia aquellas páginas que, al tener imágenes de bajo peso entre otras cuestiones, tienen una rápida velocidad de carga móvil y además no “chupan” la tarifa de datos del usuario obligándole a descargar imágenes innecesariamente pesadas.

En este punto hay dos factores clave que relacionan el tamaño de archivo y su peso, las dimensiones de la imagen y su calidad. Si empleamos un CMS como WordPress, lo ideal es no confiar en cómo este redimensiona la imagen, sino que la subamos nosotros con las dimensiones máximas que necesitemos. Para saber el tamaño que necesitamos en una resolución concreta haremos clic derecho en el ratón y pincharemos en “Inspeccionar elemento” donde irá la imagen para conocer las dimensiones (solo en Google Chrome, Mozilla Firefox e Internet Explorer a partir de la versión 11).

Optimizar las dimensiones y calidad de una imagen es muy sencillo empleando el archiconocido Photoshop. Haciendo uso de su opción “Guardar para Web” podremos elegir el tipo de formato, su calidad y dimensiones, buscando ese deseado equilibrio entre calidad y peso, lo ideal es que la mayoría de nuestras imágenes no supere los 50 o 60kb de peso.

Sin embargo, si no tenemos acceso a Photoshop podemos buscar uno de los muchos softwares de escritorio gratuitos como Riot, o bien decantarnos por conversores online como Freshpixels, Dinamic Drive o Webresicer.

Nombre de archivo en el SEO para imágenes

El nombre del archivo que subamos a nuestra web será uno de los elementos que los buscadores utilizarán para entender nuestras imágenes. Es cierto que no tiene que ser tan largo como el atributo ALT pero si descriptivo y adatado a su contexto, conceptos que abordaremos más adelante.

Así, si tenemos por ejemplo una tienda de zapatos en Sevilla y vamos a subir fotografías relacionadas con esto debemos nombrar las imágenes de forma que casen también con la cadena de búsqueda que pretendemos posicionar. En este caso, supondremos que es esta misma cadena por lo que buscaríamos algo como “tienda-de-zapatos-en-sevilla.jpg”, “tienda-de-zapatos-rojos-en-sevilla.jpg”, “tienda-zapatos-sevilla.jpg”…

Escritura del nombre de archivo

Cuando escribimos el nombre hemos de tener algunos aspectos en cuenta. Aunque parece que los buscadores ya reconocen los guiones bajos sabemos que lo que ha venido funcionando hasta ahora son los guiones para separar las palabras, así que ¿para qué vamos a cambiarlo?

Además, recomiendo que empleemos únicamente minúsculas y evitemos cualquier signo de puntuación. En cualquier caso, Perishable Press nos deja una lista de los caracteres no reconocidos por los buscadores.

Contexto de la imagen

Un elemento importante a la hora de seleccionar, nombrar e incluir atributos a nuestras imágenes es el espacio contextual en que se ubican. Es decir, las imágenes deben estar relacionadas con el texto al que acompañan y ayudar a reforzar elementos como title, description o url.

Si vamos cumpliendo estas premisas haremos más probable que el buscador nos premie colocando nuestras imágenes en los resultados de búsqueda, ya que estas tendrán mayor relevancia.

Atributos de las imágenes para SEO

Junto a todo lo anterior, debemos incluir una serie de atributos a nuestra imagen para ayudar a los buscadores a entenderlas y facilitar que nos posicionen. Estos atributos se colocan en formato html aunque, si usas algún CMS y no quieres complicarte la vida, no tendrás problemas en hacerlo rellenando los campos destinados para dichos atributos.

Atributo ALT en las imágnes

El llamado texto alternativo es el principal atributo que usan los buscadores para entender una imagen. Lo ideal es que su nombre coincida en cierta medida con el nombre de archivo ya que, además será lo que el buscador muestre al usuario si no puede cargarse la imagen por algún motivo.
Si tenemos una imagen llamada “tienda-de-zapatos-sevilla.jpg” podremos colocar un atributo ALT parecido a “Tienda de zapatos en Sevilla”.

<img src="/img/ tienda-de-zapatos-sevilla.jpg" alt="Tienda de zapatos en Sevilla" />

Atributo TITLE en las imágnes

Aunque es probable que este atributo tenga poca relevancia de cara a los buscadores, motivo por el que está en cierto desuso, ¿realmente nos cuesta trabajo incluirlo?

En la mayoría de CMS el atributo TITLE es tomado del nombre de archivo que hayamos dado a la imagen pero, si queremos introducirlo de otra manera lo haríamos así.

<img title="Tienda de zapatos en Sevilla" src="/img/ tienda-de-zapatos-sevilla.jpg" alt="Tienda de zapatos en Sevilla" />

Atributos WIDTH y HEIGHT

Todo lo que sea facilitarle la vida a los motores de búsqueda es buena idea, por ello emplearemos los atributos WIDTH y HEUGHT para facilitarle las dimensiones con las que hemos subido nuestras imágenes.

Es cierto que Google no parece tener muchos problemas para conocer las dimensiones de cualquier imagen pero, como ya hemos comentado ¿está de más incluirlo?

<img title="Tienda de zapatos en Sevilla" src="/img/ tienda-de-zapatos-sevilla.jpg" alt="Tienda de zapatos en Sevilla" width="800" height="600" />

Atributo LONGDESC

De la lista de atributos en desuso este se lleva la palma. Como su nombre indica, el atributo LONGDESC hace referencia a una descripción larga del archivo y complementa al atributo ALT. Lo que hace es mandar al robot a otra página (o #id dentro de la misma) donde podrá encontrar dicha descripción de la imagen.

Es empleada sobre todo para estadísticos, gráficas, fotoperiodismo, cuadros…

<img title="Tienda de zapatos en Sevilla" src="/img/ tienda-de-zapatos-sevilla.jpg" alt="Tienda de zapatos en Sevilla" width="800" height="600" longdesc="”http://www.mitienda.es/tienda-de-zapatos-en-sevilla/tiendas/centro" />

Sitemap para imágenes

Como veis no solo tenemos que ayudar a los buscadores a que comprendan nuestras imágenes sino que, además, debemos ayudarlos a encontrarlas e indexarlas. Para ello, lo más recomendable es la creación de un sitemap específico para imágenes.

El propio buscador nos explica cómo hacer un sitemap para imágenes.

Hacia dónde vamos: metadatos exif

Exchangeable image file format es el palabrejo del que proviene el más comúnmente utilizado Exif. Estos metadatos se encuentran en las fotogradías digitales y ofrecen gran cantidad de información sobre la imagen, sobre todo si es una fotografía como: fecha y hora de creación, geoubicación, formato, leyenda…

Actualmente los motores de búsqueda pasan de puntillas sobre estos aspectos pero resultaría interesante adelantarnos a sus futuras actualizaciones manejando estos datos. Por ejemplo Flickr ya tiene estos datos en cuenta y, ante la cada vez mayor sobreinformación multimedia de la red, lo más probable es que los buscadores acaben haciendo lo mismo más pronto que tarde para afinar mejor las búsquedas.

Como siempre recordaros que lo ideal es tener coherencia con las cadenas de búsqueda por las que estamos apostando por lo que debemos hacer que todos los elementos trabajen en la misma dirección sin caer en la sobreoptimización.

Además si la entrada os ha sido útil u os ha gustado está permitido comentar y/o compartir 🙂