Optimizar imágenes en Blogger para mejorar posicionamiento SEO

30 de mayo de 2014
33 comentarios
Cómo optimizar imágenes en Blogger para 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).

El atributo alt y title en Blogger
Forma de introducir el atributo alt y title de una imagen

4. El contenido

Blogger y SEO - El contexto de una imagen
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

Gracias :-)

33 comentarios :

  1. Interesante. Tengo que asimilarlo poco a poco.Voy aprendiendo gracias a estos tutoriales.Gracias

    ResponderEliminar
    Respuestas
    1. Hola Concha!

      Me alegra ver que sigues dando guerra con tu blog. Gracias a ti por leerme :)

      Eliminar
  2. Gracias por compartir información tan valiosa.

    ResponderEliminar
    Respuestas
    1. Hola Jonathan!

      Gracias a ti por leerla y comentar :)

      Eliminar
  3. Si pongo leyendas debajo de las imagenes, el title no serà repetitivo? cual de los 2 es mejor poner?

    ResponderEliminar
    Respuestas
    1. Hola Alfred,

      Me gusta esta pregunta!

      El que se debe poner es el atrituto "alt", el title es opcional y normalmente los navegadores lo muestran al poner el puntero del ratón sobre el elemento. Las leyendas está mucho más integrado en el contenido, el usuario las podrá visualizar de forma mucho más cómoda, son preferibles a un title, pero en algunos casos pueden convivir las 3 sin problemas.

      Por tanto, orden de importancia para un buen SEO:
      1. Atributo Alt
      2. Leyenda
      3. Atributo Title

      Nunca, nunca, nunca... pero además nunca, copiar y pegar el contenido entre ellas.

      Ejemplo de una imagen 3 en 1:
      Supongamos que mostramos la imagen de un paisaje, con una figura a la que no se le ve el rostro. Nuestra imagen podría tener:
      Alt = "Viaje al Teide"
      Title = "Se puede observar a mi novia paseando, pulsa para agrandar la imagen"
      Leyenda: Paisaje del Teide en mi última visita a Canarias

      Espero no haberte liado mucho :-)

      Eliminar
    2. en absoluto. Queda como siempre claro y preciso.
      gracias

      Eliminar
  4. Muy buen consejo, tendré que seguirlo a partir de ahora...

    ResponderEliminar
  5. Grascias ya lo estoy poniendo en practica!!! saludos :)

    ResponderEliminar
  6. Hola Fran he estado probando aquí en mi blog: http://www.essaludybelleza.net/ esta en blogger y he puesto Title y Alt en las imágenes de los nuevos posts(Deberia intentar hacerlo en todas las entradas qe ya he publicado?) , lo que no sé es a la parte de leyenda no sé como ponerla ¿Me podrías ayudar por favor?

    ResponderEliminar
    Respuestas
    1. Hola Danilo,

      Lo ideal es ponerlo en todas, al menos en las entradas que quieras posicionar.

      Para poner una leyenda, incluye la imagen de forma normal en Blogger, pulsas sobre ella y te aparecerá la opción "Leyenda". Te permitirá poner una descripción/leyenda debajo de la imagen

      Eliminar
  7. Hola

    Gracias por la aclaración, no tenía muy claro qué tenía que poner en cada campo. Una duda, no es mejor poner en enlace en uno de ellos para que al pinchar puedan llegar a tu post?? Mil gracias

    ResponderEliminar
    Respuestas
    1. Hola Sunny, cuando comentas poner un enlace en cada uno de ellos ¿a que te refieres?, no entendí muy bien tu propuesta.

      Gracias a ti :)

      Eliminar
  8. Hola, llevo un rato leyendo tus post y estoy alucinada de lo bien explicados que están osea que ya me he enganchado a tu blog.
    Estoy re-nombrando todas las fotos de mi blog, una a una, y me va a dar algo!! Hay alguna manera de agilizar esta tareita?
    Gracias

    ResponderEliminar
    Respuestas
    1. Hola,

      Desgraciadamente no hay nada automático. Si tienes muchas entradas no es necesario que las cambies todas, te puedes concentrar en las nuevas.

      Un saludo y gracias por engancharte a mi blog ;)

      Eliminar
  9. Muy bueno tu artículo, ya lo he empezado a poner en práctica, parece mentira que con unos cuantos consejillos se pueda mejorar el posicionamiento. A partir de ahora seguiré tu interesante Blog. Un saludito.

    ResponderEliminar
    Respuestas
    1. Buenas,

      Pues muchas gracias por seguirme y por tus palabras, un placer tenerte por aquí ;)

      Eliminar
  10. Un placer encontrarte Fran. Soy bastante nueva en esto del Blog y ando un tanto perdida.Me podrías indicar como incorporar imágenes al final de un Post para utilizarlas de enlaces a otros Post propios o externos. Por lo que veo en otros Blogs lo encabezan con un....Quizás también le interese e incorporan marcos (del mismo tamaño) donde insertan las imágenes. Podrías ayudarme. Muchas gracias.

    ResponderEliminar
    Respuestas
    1. Hola Elena,

      El placer es mío. Lo que comentas se suele llamar "entradas relacionadas", tengo una entrada donde explico cómo incluirlas en modo texto, pero no con imágenes.

      Eliminar
  11. Esto del Alt y Title, lo había implementado desde un principio en mi blog, pero después de un tiempo lo dejé de utilizar, talvez por pereza, y publicar pronto a entrada, ya que me quitaba demasiado tiempo.
    Creo que es un detalle vital e importante en esto del SEO
    y sin mencionar aligerar el peso de las imagenes, que tambien lo tenía despreocupado, y creo que es demasiado importante, ya que la mayoría de las imagenes que utilizo tienen transparencias en formato PNG y pesan hasta 20 veces más que un JPEG. Creo que tendré que mejorar eso.
    Gracias por tus consejos que de seguro me sirven para comenzar a mejorar el tiempo de inicio de mi blog y el posicionamiento SEO.

    Saludos

    ResponderEliminar
  12. Sabes que tengo problema con blogger siempre me he preocupado de llenar el Alt y el Title, pero hace poco me di cuenta que no quedaban guardados, me metia nuevamente a la entrada y no me salia el Alt y el Title y lo corrobore con una herramienta. No se si seré el unico que tendra problemas con eso en blogger o si existe otra forma de agregarlo.

    Saludos, muy buen articulo.

    ResponderEliminar
    Respuestas
    1. Hola,

      Seguramente ya lo tendrás corregido, fue un bug de Blogger que duró un tiempo y nos afectaba a todos, ya debería estar funcionando.

      Un saludo :)

      Eliminar
  13. Hola Fran. Acabo de descubrir tu blog y ya me he suscrito para no perderme nada. Tengo un blog de manualidades paso a paso con un montón de fotos sin optimizar pero no sé muy bien cómo tengo que poner el nombre y Alt de todas las fotos del mismo trabajo. ¿Se puede repetir o sólo lo pondría en las fotos finales y no en las de los pasos previos? Espero que me entiendas porque no sé muy bien cómo explicarlo.

    ResponderEliminar
    Respuestas
    1. Con respecto a tu duda, lo ideal es que ni el nombre de archivo ni el atributo alt coincida. En tu caso, supongamos que tienes una foto (o más) de portada y muchas fotos de los pasos. Intenta que la foto de portada contenga tus palabras clave, tanto en el nombre de archivo como en el atributo alt. En las fotos de los pasos describe esos pasos, por muy detallista que sea, por ejemplo en el alt: "Palabra clave - Primer paso visto de frente" y como nombre de archivo "palabra-clave-primer-paso.jpg" (ésto es solo un ejemplo, pero para que entiendas a qué me refiero).

      Modificar todas las entradas de un blog, sobre todo si ya lleva un tiempo, es una tarea que requiere mucha paciencia. Intenta ordenar las entradas según la prioridad que tu creas oportuna y ve haciéndolas poco a poco y, sobre todo, céntrate en las nuevas entradas.

      Espero haber resuelto tu duda, muchas gracias por seguirme ;)

      Eliminar
    2. Muchas gracias por contestar tan rápido y tan claro. Creo que lo he entendido así que me podré a ello.

      Eliminar
  14. Crear contenido de calidad es una cosa. Crear un blog de calidad y mantenerlo es mucho más complejo. Enhorabuena por tu blog y gracias por tu buena forma de redactar contenido y compartir información. He leído varios blogs sobre este tema pero nada del otro mundo. Por ahora este es el más completo con diferencia. Sabía algo de esto pero me estás aclarando algunas lagunas muy determinantes. Por cierto. Te he encontrado al buscar "palabras clave en blogger" y "keywords en blogger" aunque supongo que esto ya lo sabrás... Un saludo!

    ResponderEliminar
    Respuestas
    1. Hola Jota,

      Créeme que me he posicionado con algunas palabras que ni había contemplado...Me alegro que te haya gustado el blog, espero seguir viéndote por aquí.

      Un saludo.

      Eliminar
  15. ¡Hola de nuevo!
    Estoy suscrito a Imageshack, pero o no soy capaz de modificar el enlace o no se puede. Cambio el nombre de las imágenes pero es que Imageshack por la terminación que se le antoja.
    ¿Me aconsejas subir las imágenes directamente desde el equipo o no afecta el uso de Imageshack?

    Muchas gracias de nuevo.

    Un saludo,

    ResponderEliminar
  16. Hola Fran. Es la primera vez que leo toda la información que nos das en este artículo. La verdad es que voy a ponerla en práctica en cuanto pueda. Tengo una duda y es cuando hablas de alojar las fotos en Picasa. Me podrías explicar si google fotos también sirve y cuál es el objetivo de alojarlas allí. Yo las tengo en mi PC y desde allí las cargo en Blogger. ¿Hay quizás otra manera de hacerlo?. Gracias por adelantado por tu respuesta.

    ResponderEliminar
  17. Estoy intentando montar un blog pero no consigo instalar recortes e imagenes que tengo en un archivo de word, Preciso ayuda. No soy un experto en PC. Gracias

    ResponderEliminar
  18. Gracias parce soy un total ignorante en esto pero con tus pasos pude mejorar un poquitico o mucho diria yo, mi blog

    ResponderEliminar