Optimizar imágenes en Blogger para mejorar posicionamiento SEO

30 de mayo de 2014
43 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 :-)

43 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. Hola a todos aquí en este foro estoy tan contento que tengo esta gran oportunidad de venir aquí y compartir mi testimonio sobre cómo el Dr. Igbudu fue capaz de curarme totalmente de la enfermedad de Hiv, he estado sufriendo de esta enfermedad durante aproximadamente 7 años , He intentado varias maneras de deshacerse de este virus fuera de mi cuerpo, también tengo la compra de tratamiento médico de mi médico, pero todos ellos no, en algún momento de vuelta ahora, mientras yo estaba navegando por Internet he encontrado algunas buenas citas sobre el Dr. Igbudu Herbal Medicina y cómo lo ha estado usando para salvar a las almas de diferentes enfermedades, incluyendo el cáncer y el virus del herpes, y dieron sus datos de contacto en caso de que alguien necesita su ayuda, he decidido ponerse en contacto con el Dr Dr Igbudu y le dije acerca de mi enfermedad de Hiv , Me dijo que no se preocupe que iba a enviarme su medicina a base de hierbas todo lo que debía hacer es enviarle mis datos personales y también mi dirección de casa para que pueda enviar el medicamento a mí, en realidad hice todo lo que se requiere Por este hombre, tomé t Él la medicina justo como prescriben por él, él me dijo ir para comprobar para arriba en el hospital que hice y para mi mayor sorpresa mi doctor me dijo que el Virus del Hiv ya no estaba allí, incluso fui a otro hospital para una mejor confirmación era Sigue siendo la misma cosa, Hoy estoy tan feliz de que soy negativo de nuevo, el Dr. Igbudu me ha dado razones para compartir las lágrimas de la alegría, se puede llegar a él a través de correo electrónico: igbuduhealingcentre@gmail.com llamada o WhatsApp él +2347056499610

      También cura:
      1. HERPES
      2. Fiebre de Lassa
      3. GONORRÉEA
      4. VIH / SIDA
      5. BAJA CUENTA ESPERMA
      6. ENFERMEDAD DE MENOPAUSIA
      7. EPILEPSIA
      8. ASEPSIS
      9. CÁNCER
      10. DEPRESIÓN DE ANSIEDAD
      11. PROBLEMA DEL EMBARAZO
      12. PROBLEMA DE SINTOMAS
      13. ALS
      14. PTSD
      15 ADHD

      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. 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
  6. 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
  7. 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
  8. 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
  9. 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
  10. 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
  11. 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
  12. 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
  13. 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
  14. ¡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
  15. 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
  16. 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
  17. Gracias parce soy un total ignorante en esto pero con tus pasos pude mejorar un poquitico o mucho diria yo, mi blog

    ResponderEliminar
  18. MUCHAS GRACIAS, no habia manera de sacarlo

    ResponderEliminar
  19. Hola!! estoy intentando hacer unos retoques en mi blog y me preguntaba si en el apartado que hablas sobre las imagenes ALT y TITLE cuando le doy a propiedades en la imagen y me sale el recuadro para rellenar, por ejemplo en texto de ALT lo que quiera poner lo tengo que escribir normal o con guiones??

    un saludo y gracias por la información!!

    ResponderEliminar
  20. Hola a todos aquí en este foro estoy tan contento que tengo esta gran oportunidad de venir aquí y compartir mi testimonio sobre cómo el Dr. Igbudu fue capaz de curarme totalmente de la enfermedad de Hiv, he estado sufriendo de esta enfermedad durante aproximadamente 7 años , He intentado varias maneras de deshacerse de este virus fuera de mi cuerpo, también tengo la compra de tratamiento médico de mi médico, pero todos ellos no, en algún momento de vuelta ahora, mientras yo estaba navegando por Internet he encontrado algunas buenas citas sobre el Dr. Igbudu Herbal Medicina y cómo lo ha estado usando para salvar a las almas de diferentes enfermedades, incluyendo el cáncer y el virus del herpes, y dieron sus datos de contacto en caso de que alguien necesita su ayuda, he decidido ponerse en contacto con el Dr Dr Igbudu y le dije acerca de mi enfermedad de Hiv , Me dijo que no se preocupe que iba a enviarme su medicina a base de hierbas todo lo que debía hacer es enviarle mis datos personales y también mi dirección de casa para que pueda enviar el medicamento a mí, en realidad hice todo lo que se requiere Por este hombre, tomé t Él la medicina justo como prescriben por él, él me dijo ir para comprobar para arriba en el hospital que hice y para mi mayor sorpresa mi doctor me dijo que el Virus del Hiv ya no estaba allí, incluso fui a otro hospital para una mejor confirmación era Sigue siendo la misma cosa, Hoy estoy tan feliz de que soy negativo de nuevo, el Dr. Igbudu me ha dado razones para compartir las lágrimas de la alegría, se puede llegar a él a través de correo electrónico: igbuduhealingcentre@gmail.com llamada o WhatsApp él +2347056499610

    También cura:
    1. HERPES
    2. Fiebre de Lassa
    3. GONORRÉEA
    4. VIH / SIDA
    5. BAJA CUENTA ESPERMA
    6. ENFERMEDAD DE MENOPAUSIA
    7. EPILEPSIA
    8. ASEPSIS
    9. CÁNCER
    10. DEPRESIÓN DE ANSIEDAD
    11. PROBLEMA DEL EMBARAZO
    12. PROBLEMA DE SINTOMAS
    13. ALS
    14. PTSD
    15 ADHD

    ResponderEliminar
  21. muy buenas guias me he vuelto un fiel seguidor de bloggerayuda.com gracias por brindarnos un poco de su conocimiento.

    ResponderEliminar
  22. Hola!!!
    Super interesante el post. Yo siempre nombro mis fotos como dices, pero no las finalizo con ".jpg", es imprescindible? y de serlo, también habría que ponerlo en el Alt?

    Muchas gracias.

    ResponderEliminar
  23. Si me sirvio amigo Graciassss!

    Este es mi blog http://www.criptovera.pw/

    ResponderEliminar
  24. oye muy interesante tu post, la verdad es que no habia comprendido muy bien esto del atributo alt y title, y como bien dices, muchas paginas se centran en wordpress que en blogger, me alegra a ver conseguido una pagina que ayude a los usuarios de blogger. jeje :)

    ResponderEliminar
  25. hola,, ¿como se hace para añadir esos atributos en la imagen de cabecera? GRACIAS

    ResponderEliminar
    Respuestas
    1. Yo tenía la misma pregunta, y al final he descubierto que la mayoría de las plantillan incluyen la expresion "expr:alt=data:title" que lo que hace es que le da al ALT de la imagen de cabecera el mismo título de la cabecera (que es título del blog) Puedes buscar esa expresión para asegurarte de que el alt de la imagen de cabeza transmite la información que quieres.

      Eliminar
  26. Saludos excelente blog, tienen muy buenos artículos. Voy a hacer un blog e fotografía ya que estoy realizando un Curso Ciclo formativo de grado superior Imagen, Ando en el proceso de optimiza de imágenes propias.

    ResponderEliminar
  27. Muchísimas gracias, edito un blog para una organización social, educativa y cultural y esta información me ha resultado útil para posicionar el contenido allí presente.

    ResponderEliminar