Thursday, April 1, 2010

Optimización de la etiqueta img

La etiqueta <img /> nos permite colocar imágenes en un página web, por lo general una etiqueta de este tipo de ve como:



<img scr=”dsd_cd00002.jpg” />

Esa etiqueta cumple con su función llama a una imagen y nos la muestra, pero cuando estamos tratando de optimizar una página web para buscadores (SEO) debemos considerar la accesibilidad del sitio y la correcta indexación del mismo, Para lo cuales debemos considerar que información utilizará el buscador para indexar la imagen y la página en la cual se encuentra la imagen.

Entonces lo primero que podemos hacer es cambiar el nombre a la imagen de dsd_cd00002 a uno que identifique la imagen en este caso logo_seo8k.jpg

La etiqueta html <img /> tiene como atributos title y alt, cada uno tiene una función específica y nos ayuda a optimizar la página web para buscadores

El atributo alt, nos permite especificar un texto que remplazará a la imagen en caso de que el navegador no soporte imágenes o la persona que visita la página web requiere de accesibilidad adicional.

El atributo title, nos proporciona un texto que aparecerá en el tooltip de la imagen esto tambien nos ayudará a proporcionar a nuestro visitante una mejor experiencia además de facilitar la indexación.

Ahora utilizando los dos atributos y el cambio de nombre:

Seo 8k

<img scr=” logo_seo8k.jpg” alt=”Seo 8k” title=”logo del blog Seo8k” />

Links de utilidad

W3Schools HTML

Etiqueta IMG
http://www.w3schools.com/tags/tag_IMG.asp

Atributo alt
http://www.w3schools.com/tags/att_img_alt.asp