lunes, 15 de noviembre de 2010

Si no tiene fotos, paso.

¡¡¡Si no tiene fotos, paso!!!
Esta afirmación que puede resultar, cuanto menos, ridícula a la hora de buscar algo en la Internet, no lo es tanto. En muchas ocasiones, debido a la cantidad de resultados que produce Google y que, en muchos casos, no trata los temas concretos que estamos buscando, se suele ir a la opción de imágenes para finalizar la búsqueda a través de las mismas.

En el caso de la búsqueda de productos concretos, es aún más relevante, ya que si estamos buscando una cafetera, por ejemplo, quizás prefiramos ver los diseños y partir desde aquí. En otros casos, se busca una lectura amena para pasar el rato, etc, etc, etc...


Indexar imágenes en Google
Google, generalmente indexa las imágenes en función del texto que la rodea, pero se puede indicar un texto más específico a través de los atributos alt y title de la etiqueta HTML <img>.

Por ejemplo, cuando insertamos una imagen como la siguiente, es necesario insertar una etiqueta <img>, donde se indique información como la dirección de la imagen, el tamaño, etc...

Logotipo de Tecnoavanzados

en este caso, en concreto, el HTML básico sería:
<img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb0n-Jqbd5m17U0bCgnwaZ5LD8n1Ok6-iL51CRyF-9zI8dn42BQXhr7Cq94suPcgI1iWPDLrYQlriEivafTTy5v6UtxH3kKhZ4UX0izUhbiXKwsWIKknw2ANVzh7cXKHiC2PA4NQk3fqEx/s200/TA_Logo.png" width="200" />

Para añadirle la información que deseamos que Google indexe, modificaremos esto del siguiente modo:

<img border="0" height="162" alt="Logotipo de Tecnoavanzados" title="Tecnoavanzados" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb0n-Jqbd5m17U0bCgnwaZ5LD8n1Ok6-iL51CRyF-9zI8dn42BQXhr7Cq94suPcgI1iWPDLrYQlriEivafTTy5v6UtxH3kKhZ4UX0izUhbiXKwsWIKknw2ANVzh7cXKHiC2PA4NQk3fqEx/s200/TA_Logo.png" width="200" />
¿Que hacen estos atributos?
Alt Este atributo se utiliza desde las primeras versiones del HTML, para indicar un texto explicativo de lo que se muestra en la imagen. Aunque, actualmente, ha caído en desuso, la funcionalidad delegada a este atributo consistía en mostrar una definición de lo que se podía ver en la imagen, ya que inicialmente, debido principalmente a la velocidad de descarga, se solía anular la carga de imágenes, e incluso existían navegadores que funcionaban completamente en modo texto. Por tanto, 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. Actualmente, es el atributo que define la imagen, es decir, el que "dice" a Google por ejemplo lo que estamos mostrando en esa imagen. 

Title Es el texto que aparece al pasar el cursor sobre una imagen siempre que tenga este atributo añadido. 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 en incluir en la misma imagen un atributo title incluyendo su propio texto o una copia exacta del contenido del alt.

Más opciones.
También puedes utilizar otros elementos, como utilizar un nombre de archivo descriptivo para la imagen, incluir el nombre del blog o del sitio web en el texto alt de la imagen, etc, etc, etc, ...
Informa a tus amigos y/o síguenos para estar informado


Related Posts Plugin for WordPress, Blogger...