Optimizar imágenes en Blogger para mejorar posicionamiento SEO

Las imágenes que añades a tu blog te ofrecen la posibilidad de aumentar de forma sustancial el tráfico desde los buscadores. Si a la hora de insertar una imagen sigues los consejos que te propongo, lograrás aumentar de forma significativa el número de visitas.

En los inicios de Internet era inimaginable emplear grandes imágenes, infografías o vídeos, vivíamos en un mundo dominado por el modo texto. Una de las principales causas eran las limitaciones técnicas para procesar cantidades tan grandes de información.

En la era actual estamos en el extremo opuesto: los sistemas tienden a utilizar cada vez más imágenes y fomentarlas. Existen buscadores específicos de imágenes (como el de Google o el de Yahoo), si utilizas algún dispositivo inteligente (smartphone, tablet, smart tv, etc), te habrás dado cuenta de que la mayoría de aplicaciones están ideadas para que la información te llegue con imágenes. Los blogs no son una excepción a esta evolución, cada vez incluimos más imágenes y vídeos para captar la atención de los usuarios.

Por tanto, si aprendes a optimizar las imágenes de tu blog para los buscadores, estarás  por delante de aquellos que aún no lo han hecho.

La red social Pinterest nació en 2.010 con la idea de compartir imágenes, hoy en día es una de las redes sociales más prolíficas en Internet. De hecho, si tienes un blog en el que las imágenes es tu base principal, esta red social puede captar mucho más tráfico que otras.

1. El nombre del archivo

El nombre del archivo de la imagen es uno de los parámetros que usan los motores de búsqueda para posicionarla. 

Cuando te decidas por una imagen para tu blog, descárgala a tu equipo y renómbrala para que contenga la palabra clave que desees posicionar.  Nunca hagas uso de ella directamente con un enlace de otro blog o página.

Sigue estos consejos:

• Debe ser un resumen de lo que representa la imagen
• Debe contener la palabra clave
• Utiliza el guión para separar palabras (nombre-de-archivo)

Supongamos que quieres subir una imagen de una receta de "paella con mariscos" en tu blog de cocina, lo primero que haces es copiarla desde la cámara fotográfica, donde tendrá un nombre ilegible del tipo "DSC0999xx.jpg". La editas con tu programa favorito, la dimensionas al tamaño que necesites para tu blog y una vez termines le pones como nombre de archivo "paella-mariscos.jpg". 

2. Peso o tamaño

Para el posicionamiento, el tiempo de carga de la página es un factor importante, por lo que cuanto más ligeras sean tus imágenes mejor.

La mejor opción es comprimir la imagen, pero hay que buscar un equilibrio entre la calidad y el tamaño. Si quieres una imagen de mucha calidad su tamaño aumentará y si reduces el tamaño, disminuirá su calidad.

En cuanto al formato de archivo, debes elegir el que mejor se adapte según el tipo de imagen que uses. Por norma general el formato JPEG suele ir mejor para fotografías e imágenes, mientras que para screenshots o capturas de pantalla es mejor utilizar el formato PNG.

Te recomiendo utilizar alguna herramienta de compresión. Una que me ha dado buenos resultados es RIOT, aunque puedes utilizar cualquier otra de las que hay disponible online y de forma gratuita.

Sigue estos consejos:

• Dimensiona la imagen con el tamaño exacto que necesites
• Comprime siempre
• Sube las imágenes a un alojamiento propio, que sea rápido (como usuarios de Blogger, Picasa va bien)

3. El atributo Alt y Title

Cuando los buscadores acceden al blog y encuentran imágenes, la única forma que tienen de reconocerla es leyendo el contenido del atributo alt y title.

Atributo Alt

El atributo alt se refiere al texto alternativo, es decir, aquel que se leería si no se pudiese acceder al fichero de la imagen. Se podrían dar los siguientes casos:

1. No se puede acceder al fichero, ya sea por problemas de conexión o porque el dispositivo con el que se está intentando no lo permite
2. La persona que está accediendo tiene deficiencia visual y no es capaz de ver la imagen, por lo que necesita que su dispositivo se la describa
3. Entra un motor de búsqueda a indexar la entrada de tu blog: cumplirá el punto 1 y el 2 

Esto hace que este atributo sea obligatorio, al ponerlo estás mejorando sustancialmente tu posicionamiento, ya que los motores de búsquedas podrán indexar correctamente tus imágenes.

• Al incluir el atributo alt, estás facilitando el acceso a personas con deficiencias visuales, piensa en el motor de búsqueda como una de ellas.

Sigue estos consejos a la hora de escribir el atributo alt:

• No te olvides de ponerlo en todas tus imágenes
• Describe el contenido de la imagen
• No te extiendas mucho
• Utiliza la palabra clave

Atributo Title

El atributo title lo usan la mayoría de navegadores para mostrar un tooltip, o descripción emergente, al pasar el ratón sobre la imagen. Este atributo no es tan importante como alt y se debe usar para expandir o complementar información.

Escribir lo mismo en el atributo alt y title es repetir información, eso nunca es bueno para el posicionamiento. Pon siempre el atributo alt y completa title si quieres dar más información al usuario. 

Claves para el atributo title:

• Es opcional, úsalo si aporta información extra
• Describe de forma mas extensa el contenido de la imagen
• No copies lo que has puesto en  el atributo alt

Cómo poner el atributo alt y title en Blogger

Los atributos alt y title se representan en el código HTML de la siguiente forma:

<img src="fichero-imagen.jpg" alt="texto alternativo" title='texto del título'...>

En Blogger no es necesario tocar el código para especificar estos atributos. Cuando insertas una imagen en la entrada, al pulsar sobre ella puedes seleccionar la opción "Propiedades", la ventana emergente que te aparece te solicita los valores para los atributos title (texto del título) y alt (texto del alt).

Forma de introducir el atributo alt y title de una imagen

4. El contenido

El texto que rodea a la imagen es otro factor a tener en cuenta para el posicionamiento. 

El contexto de la imagen debe contener palabras que tenga relación con lo que representa.

Reforzando esta relación entre contenido e imagen, lograremos mejorar su posicionamiento.

El contexto de una imagen puede ser el titular, pie de foto o el texto que colocamos cerca de ella. Incluso Google Images muestra un fragmento de esto texto en sus resultados de búsqueda, una imagen sin texto puede significar mayor tasa de rebote en el sitio.

Conclusiones

Esta es la cuarta entrega de la serie "Blogger y SEO", esta vez hemos visto como mejorar el posicionamiento de las imágenes de nuestro blog  en detalle. Como te indicaba al principio, la clave es adquirir la buena costumbre de aplicar los pasos cuando incluimos la imagen en una entrada, si lo haces así, en poco tiempo empezarás a ver los resultados.

La mayor parte de la información que he leído por la red sobre el posicionamiento de blogs están muy centrados en Wordpress u otras plataformas, espero que esta serie de artículos aporte su granito de arena para posicionar nuestros blogs en Blogger.

Esto es lo que hemos visto hasta el momento en la serie Blogger y SEO:

1. Cómo optimizar los encabezados al máximo (H1, H2, H3 y H4)
2. Cómo optimizar los títulos del blog
3. Cómo poner metaetiquetas para mejorar el posicionamiento
4. Optimizar imagenes en Blogger para mejorar posicionamiento 

Ya tenemos optimizada la plantilla para SEO y ahora estamos comenzando a ver algunos trucos y consejos para optimizar los contenidos. En el próximo artículo seguiremos hablando de otros factores importantes del contenido y empezaremos a hacer algunas cosas interesantes para posicionarnos :-)

¿Ya optimizabas las imágenes de tu blog? ¿piensas hacerlo?

Que lo compartas es el mejor regalo que me puedes hacer

• Tweet

Gracias :-)