lunes, 12 de julio de 2010

Imagenes - Posicionarlas en Google

posicionar-trucosblogs



Recibir visitas a través de Google images, puede suponer un aumento considerable de visitas en el blog, algo que no tenemos a veces demasiado en cuenta y que podríamos conseguir facilmente.

[1] Nombrar las imágenes de forma correcta.

Muchas veces cuando utilizamos una imagen que hemos optenido en un sitio de Internet, ni siquiera nos molestamos en renombrarla y eso sería una de las primeras cosas a tener en cuenta.

Antes de subir una imagen al blog deberíamos asegurarnos antes que la imagen tiene un nombre que la define. Si por ejemplo vamos a subir una fotogafía del salón de nuestra casa, deberiamos llamarla algo como "salon-de-casa", separando las palabras por guiones si usamos más de una. De tal modo que la url de esa imagen quedase así:
http://4.bp.blogspot.com/_sbaQpFxeL1Q/S7IOyJERasI/AAAAAAAAAjw/sGJ7iAFl_8U/s1600/salon-de-casa.png

[2] Los atributos Title y Alt 

Dos atributos muy importantes estos que podemos añadir a las imágenes directamente en el código resultante en Blogger una vez subidas a la entrada.

Alt Es el atributo que define la imagen, es decir, el que "dice" a Google por ejemplo lo que estamos mostrando en esa imagen. El atributo alt debería ser suficiente explicativo sobre el contenido de la imagen en el caso de que la imagen no llegara a mostrarse.

Title Es el texto que aparece al pasar el cursor sobre una imagen siempre que tenga este atributo añadido. (Podéis comprobarlo en cualquier imagen de una de mis entradas o en la imagen del final de la entrada).
Lo cierto es que Google a la hora de extraer información de una imagen se centra en el contenido del atributo alt. En cualquier caso no existe ningún problema por incluir en la misma imagen un atributo title incluyendo su propio texto o una copia exacta del contenido del alt.

Como usar los atributos de imagen en Blogger

Para añadir estos dos atributos a nuestra imagen una vez subida al la entrada tenemos que situanos en la pestaña HTML del editor, localizar el código de la imagen y añadir los atributos de forma manual (ejemplo destacado en negrita):


<a href="http://4.bp.blogspot.com/_8PJ-pgoBhWQ/TAKW2gjwbAI/AAAAAAAAH-w/XDcUnTulVeE/s1600/salon-de-casa.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="182" title="Salón" alt="Salón de mi casa"src="http://4.bp.blogspot.com/_8PJ-pgoBhWQ/TAKW2gjwbAI/AAAAAAAAH-w/XDcUnTulVeE/s320/salon-Ikea.JPG" width="320"/></a>
Fuente - El Escaparate de Rosa

1 comentarios:

TopYourWeb dijo...

Tambien puede usarse la etiqueta title en el "<a href=.." algo ayuda.

Publicar un comentario

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones