Cómo trabajar las imágenes para lograr un sitio indexable (parte 2)
Continuamos en esta segunda entrega con los distintos formatos de archivos y nos adentramos en su inclusión en el diseño web. Nos referimos a las metatags que deben incluirse para facilitar la indexación del sitio.
12 de noviembre · 575 palabras
En el diseño y programación web, es importante elegir el formato de archivo adecuado para cada caso particular. Los archivos con formato jpeg son muy populares en la era de la fotografía digital, ya que la mayoría de las cámaras digitales graban sus fotos con este formato.
Aunque hay pérdida de calidad al pasar de un formato bmp a jpeg, la misma puede ser administrada graduando el nivel de compresión del archivo, lo que los hace altamente versátiles.
Sin embargo, no se recomienda para trabajar textos impresos debido a la excesiva pérdida de calidad cuando la imagen es ampliada. Por lo tanto, los diseñadores gráficos no usan este formato cuando hacen diseño de impresos.
Para imágenes de sitios web, es un formato más que adecuado, ya que se logra buena calidad visual con poco peso relativo. Por otro lado, el formato png es de más reciente desarrollo y ha sido diseñado por Adobe. Es de alta calidad, pero suele ser un poco más pesado que un gif o un jpeg.
Sin embargo, se está volviendo más y más popular por el hecho de que admite transparencias. Es decir, se puede diseñar un gráfico en formato png con un fondo transparente, y al colocarlo sobre un fondo de color o tramado, ya no estaríamos limitados a imágenes cuadradas o rectangulares.
Al admitir las transparencias, podemos diseñar imágenes irregulares, y luego al colocarlas en el sitio, la parte de archivo sin imagen no toma ningún color, es decir, es transparente.
Seguimos viendo qué formatos de archivos usar para cada caso particular y sus ventajas comparativas.
Los archivos con formato JPEG se denominan así, nuevamente, por ser las iniciales de Joint Photographic Experts Group. Su popularidad comenzó con la era de la fotografía digital, pues la mayoría de las cámaras digitales graban sus fotos en este formato.
La característica fundamental de este formato es que, si bien hay pérdida de calidad (por ejemplo, al pasar de un formato BMP a JPEG), esta puede administrarse graduando el nivel de compresión del archivo, lo que lo hace altamente versátil.
Las imágenes JPEG se basan en el sistema de colores RGB (red, green, blue, es decir rojo, verde y azul), por lo cual componen su variación de color en mayor o menor grado con estos tres componentes. Por esta razón, y por la excesiva pérdida de calidad que se produce cuando la imagen se amplía, no se recomienda su uso para trabajar textos impresos.
Por eso, los diseñadores gráficos no usan este formato cuando hacen diseño de impresos. Para imágenes de sitios, en cambio, es un formato más que adecuado, ya que se logra buena calidad visual con poco peso relativo.
Finalmente, el formato PNG (Portable Network Graphics) es de desarrollo más reciente. Ha sido diseñado por Adobe, y el programa básico para trabajar estos gráficos es Fireworks, aunque hay muchos otros. La calidad es muy alta, pero suele ser un poco más pesado que un GIF o un JPEG. Sin embargo, se está volviendo cada vez más popular por el hecho de que admite transparencias. Es decir, se puede diseñar un gráfico en formato PNG con un fondo transparente y, de esta manera, al colocarlo sobre un fondo de color o tramado ya no estaríamos limitados a imágenes cuadradas o rectangulares. Al admitir las transparencias, podemos diseñar imágenes irregulares y, luego, al colocarlas en el sitio, la parte del archivo sin imagen no toma ningún color, es decir, es transparente. El PNG en sí también es cuadrado o rectangular como los otros, pero 'disimula', pues podemos colocar lo que queramos con cualquier forma, y los espacios sin dibujo toman el color del fondo.
Cuando incluimos un gráfico en un sitio web, no debemos achicar el tamaño para que entre en nuestro diseño de página mientras la diseñamos, es decir, no conviene redimensionarla al colocarla. Lo mejor es reducirla con un buen editor de imágenes (como Photoshop o Fireworks) y darle el tamaño y la resolución necesarios antes de incluirla en la página.
Al incluir imágenes en una página web, debemos colocarles las tags como corresponde; es decir, incluir nombre de la imagen, descripción y texto alternativo (ese pequeño cartelito amarillo que aparece al pasar el ratón sobre ella). Todos estos factores contribuyen a una buena indexación del sitio, ya que son elementos textuales que son leídos por los crawlers. Por esto conviene ponerle a la imagen un nombre que incluya alguna de las keywords del sitio, o al menos un nombre relevante, evitando así nombres como '12335.jpeg' e incluyendo algo como 'impresora-deskjet-Epson-RX4500'.
Si le ha gustado este post y quiere colocarlo en su sitio, puede hacerlo sin inconvenientes, siempre y cuando cite como fuente a www.vpa-internet.com.ar/blog
Victor Perez Acosta
Consultor en Marketing en Internet y Posicionamiento Web
Visite nuestro blog sobre Marketing en Internet
Sobre el autor
Victor Perez Acosta es un consultor en estrategias / marketing en internet y propietario de VPA-Internet.com.ar , donde comparte información de extrema calidad relacionada con las...
135 artículos · 234.654 lecturas
Artículos relacionados
API de Twitter y JavaScript: mostrar los últimos tweets de cualquier usuario
Con solo tres líneas de código JavaScript puedes mostrar tus últimos...
Tipos de websites
Existen varios tipos de websites que actualmente se usan ampliamente en internet. Se ha...
Características de un blog
Mediante un formulario se permite a otros usuarios de la web añadir comentarios a...
Diseño efectivo del esquema de un portal
En el artículo se explica la importancia de diseñar esquemas efectivos para...
Servicio web para clínicas y hospitales
Este artículo está dirigido al personal directivo de instalaciones...
Elementos indispensables en el diseño de sitios web (ii)
Continuamos en este artículo con algunos consejos elementales para realizar un...