Optimizando el contenido

Optimiza el uso de las imágenes
Utiliza el atributo “alt” para ofrecer
información sobre las imágenes
Las imágenes pueden parecer un componente muy sencillo de tu
sitio web, pero puedes optimizar su uso. Todas las imágenes
pueden tener un nombre de archivo definido y un atributo “alt”, de
los cuales podemos aprovecharnos. El atributo “alt” te permite
especificar texto que puede aparecer en vez de la imagen, si
ésta no puede mostrarse por la razón que sea (1).

¿Por qué utilizar este atributo? Si un usuario esta viendo tu
página web con un navegador que no es compatible con las
imágenes, o está utilizando tecnologías alternativas, como un
lector de pantalla, el contenido del atributo “alt” ofrecerá
información sobre la imagen.
Otra razón es que si usamos una imagen como enlace, el texto
en “alt” será tratado de forma similar a un texto ancla de un texto
de enlace. Sin embargo, no recomendamos usar demasiadas
imágenes como enlaces en tu barra de navegación, cuando los
enlaces de texto pueden funcionar. Por último, optimizar el
nombre de archivo de tus imágenes y el texto en “alt” hace más
sencillo entender tus imágenes para proyectos de búsqueda de
imágenes como Búsqueda de imágenes de Google.

(1) Esta imagen no se muestra al usuario por algún motivo, pero al menos el
texto en “alt” se muestra.

(raíz)

imágenes

Guarda los archivos en directorios
especializados y trabaja con ellos
utilizando formatos de archivos estándar

sobre-nosotros

artículos

En lugar de tener archivos de imágenes guardados en diferentes
directorios y subdirectorios de tu dominio, plantéate reagrupar tus
imágenes en un solo directorio (ej:. brandonsbaseballcards.com/
imagenes/). Esto simplifica la ruta de tus imágenes.

noticias
2006

(2) Es más fácil
encontrar las i m
á g e n e s s i
están guardadas
en un directorio.

Usa archivos que estén ampliamente aceptados – La mayoría de
navegadores soportan los formatos de imágenes JPEG, GIF, PNG y
BMP. Es además una buena idea que la extensión que aparece en
el nombre de tus archivos coincida con el tipo del mismo.

Glosario
Lector de pantalla
Software para dictar el contenido de la pantalla o bien redirigirlo a un sistema de
salida Braille.

18

Lenguajes ASCII
Abreviatura de American Standard Code for Information Exchange (Código
americano estándar para intercambio de información). Codificación de caracteres
centrada en el alfabeto inglés.