domingo, 28 de octubre de 2012

Utilizar el atributo Alt en las imágenes de Blogger

Si utilizas la plataforma de Blogger para alojar tu blog, agregar las propiedades de una imagen es muy simple. Solo debemos agregar el comúnmente llamado atributo ALT o la etiqueta alt. En este tutorial se te explicará cuál es el atributo ALT y como agregarlo a las imágenes.

Atributo Alt para imágenes


El atributo alt se utiliza como una alternativa a la imagen. Si alguien visita tu sitio, tiene sus imágenes desactivadas o bloqueadas en su navegador, entonces se utilizaría el atributo alt en la imagen para entender lo que se está visualizando. El texto alternativo se muestra en lugar de la imagen. Las personas que tienen visibilidad reducida  o son directamente ciegas suelen utilizar un software de lectura de pantalla para escuchar a los sitios web. Este atributo le vienen muy bien a ellos también, porque se oye el texto alternativo.

También está el hecho de que el atributo alt contribuye a la optimización del blog para los motores de búsqueda (SEO). Cuando los Motores de búsqueda de imágenes de Google rastree tu blog, no puede ver las imágenes, entonces lee las propiedades de imagen para después clasificarla. Si lo que quieres es que tus imágenes aparezcan en los resultados de Google de manera correcta, entonces el uso adecuado de estas propiedades es necesario.

Echemos un vistazo a las dos opciones que Blogger te da. Al agregar una imagen a tu entrada, aparecerá un menú inferior con la palabra "Propiedades". Al hacer clic en "Propiedades" abrirá una ventana con dos secciones:

1. Título Texto
2. Alt Text (o texto alternativo)

El Título del texto es lo que nuestros lectores veran si pasan el ratón sobre la imagen. Es el título de la imagen.

Texto alternativo es el "texto alternativo" que se muestra en el software lector de pantalla y de los robots rastreadores de imagen.

Diferentes maneras de colocar el atributo ALT.


<Img src = "Imagen name.jpg". width = "150" height "20" border = "0" alt = "DESCRIPCION DE LA IMAGEN ">

O

<img width="20" height="15" src="nombreimagen.GIF" alt="DESCRIPCION DE LA IMAGEN">

O

<img alt="DESCRIPCION DE LA IMAGEN" src="nombreimagen.GIF" >

O

<img src="lugar de la imagen" alt="DESCRIPCION DE LA IMAGEN">

Un par de cosas a tener en cuenta es si la imagen es jpg, gif o png, usted tendría que cambiar la extención para corresponder con la imagen. Los atributos src y alt son un dato obligatorio. Los atributos de anchura, la altura y la frontera son opcionales.

El mejor consejo que puedo dar con la descripción de la imagen es que sea breve y al grano. Pensemos en ello de esta manera, si uno no pudiera ver la imagen, cuales serían las palabras claves que la describirían?.

Me encontré con un gran video en el blog oficial de Google Webmaster que explica un poco mejor el funcionamiento del atributo ALT y de la importancia que este tiene para los motores de búsquea. Recomiendo traducir los substitulos al español presionando el traductor de substitulos de Youtube para entender un poco mejor ;)



Si Google sugiere hacerlo de cierta manera, ¿quiénes somos nosotros para discutirlo?

¿Utilizas el atributo alt de imagen? Si es así, ¿qué método anterior utilizas?


{ Leer más }


jueves, 18 de octubre de 2012

Colocar zombies caminando en el blog

Seguramente habrán visto por ahí al entrar en algún blog algunas animaciones que le dan un poco de vida al blog, tal es el caso del famoso pajarito simil twitter que vuela siguiendo nuestro cursor, bueno, para aquellos que quieren darle más vida a sus blogs, que les parece la idea de poner zombies que caminen por el mismo?


Bien, yo sinceramente no soy demasiado amante de los zombies (ni quiero serlo tampoco) pero seguramente habrá por ahí alguno que querrá ponerle zombies al blog como para que quede un poco más bonito (?).

En Ciudad Blogger, nos enseñan cómo poner estos divertidos personajes que caminan arrastrano sus piernas en busca de cerebros (cosa que acá no van a encontrar) y lo comparto con aquellos que suelen ponerle agregados a sus blogs. Vale la aclaración que para poner los zombies no es necesario ningún script, sino simplemente copiar un código HTML, en donde se encuentra la imagen del zombie tal cual lo haríamos cuando queremos agregar un foto.

Acá les dejo un ejemplo de un curioso zombie que va a caminar de izquierda a derecha por la base de esta entrada:


Bueno, si les gustó el zombie, y quieren saber cómo incorporarlo a sus blogs, los invito a leer la entrada original donde se nos explica cómo hacerlo. Es fácil, tan fácilo que lo hice sin problemas.

Aprende cómo poner zombies en tu blog.
{ Leer más }


IconIconIconFollow Me on Pinterest