Vivir Sencillamente para ser feliz

Trucos, ofertas, bricolaje, manualidades, posicionamiento, SEO, Blogs...

Cómo detectar imágenes sin texto alternativo

Cómo detectar imágenes sin texto alternativo


Cuando queremos posicionar nuestra web o blog, es muy importante el aprovechar todos los recursos para lograrlo, como ya se han comentado en otros posts, largo y tendido.


Pero hay un detalle del marketing SEO que suele descuidarse un poco y es muy importante, y es el atributo alt de las imágenes o texto alternativo de las imagenes. 


La falta del atributo alt es un error gramatical y es detectado fácilmente por las herramientas de validación de gramática y de Accesibilidad.


Una forma de detectar ese fallo fácilmente es usar una barra de herramientas que detecte esas faltas, como son la barra de herramientas Web Accessibility Toolbar para Internet Explorer y Web Developer Toolbar para Mozilla Firefox, las cuales contienen opciones para detectar las imágenes que carecen de texto alternativo


Para descargarlas:


Web Developer Toolbar (Firefox): URL de Descarga Web 


Web Accessibility Toolbar(Explorer): URL de Descarga Web


ALT information (Chrome): URL de Descarga Web






Con la barra de herramientas Web Accessibility Toolbar, se pueden reemplazar las imágenes por su texto alternativo con la opción Images - Toggle Image/Alt:









En el caso de que no exista texto alternativo para las imágenes, se mostrará un mensaje de error indicándolo:






En caso de usar la barra de herramientas Web Developer Toolbar permite resaltar aquellas imágenes que no disponen de texto alternativo con la opción Images - Outline Images - Images Without Alt Attributes





Para informar ese atributo en nuestros blogs/webs:



<div class="separator" style="clear: both; text-align: center;"> <a href="http://1.bp.blogspot.com/imagen.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/Titulo-De-La-Fotoalt="Aqui Descripción Breve Con Palabras Clave De Tu Imagen" title="Aqui descripcion breve de la imagen"/></a></div>

Tan solo hay que informar los atributos alt  y title con la información adecuada en cada caso.


Espero que os sirva!

2 comentarios:

El dia que murio el arte dijo...

Increible los resultados que he conseguido con esto.

Muchas gracias.

Inoponible dijo...

Me fue de mucha ayuda. Gracias

Publicar un comentario

 
Powered by Blogger