Le imágenes son muy importantes en la maquetación gráfica de un sitio web, el usuario puede ser atraído por elementos visuales: gráficos bien terminados y bien hechos mejorarán la experiencia de usuario de nuestros visitantes.
Sin embargo, es necesario no solo confiar en la belleza de la imagen, sino también intentar optimizar. En primer lugar, debemos tener en cuenta las etiquetas HTML, que utiliza el navegador para mostrar la imagen.
- Il nombre de la imagen, debe ser breve y contener una o dos palabras clave que recuerden el tema expresado por la foto. Esto se debe a que algunos usuarios pueden ingresar a nuestro sitio a través de la búsqueda realizada en imágenes, por ejemplo, a través de Google Image. Tener un nombre que exprese el contenido de una imagen o foto hace que sea más fácil para los usuarios y los motores de búsqueda.
- El atributo alt debe estar presente y debe reflejar el contenido de la imagen. Este atributo es útil si el navegador no carga la imagen, el texto contenido permitiría al usuario comprender dónde se encuentra y qué podría encontrar al continuar navegando.
- Las etiquetas anchura e altura deben estar siempre presentes, porque permiten que el navegador muestre la imagen sin tener que calcular sus atributos de alto y ancho. La presencia de estos dos atributos permite al navegador cargar la página sin esperar a haber descargado las imágenes presentes en ella.
Estos elementos permiten obtener sutiles mejoras que también son apreciables en el campo del SEO. El texto junto a la imagen también es muy importante. De hecho, si está bien estructurado, con información relacionada con la del atributo alt, hace que la imagen sea aún más atractiva para los motores de búsqueda.
La elección del formato de las imágenes (gif, jpg, png) es otro elemento crucial que nos permitirá ahorrar unos KB a la hora de subir:
- gif: Proporciona un mejor rendimiento para imágenes con un mapa de color estrecho (hasta un máximo de 256 colores). Este formato admite transparencias y pequeñas animaciones. Por lo general, se recomienda para elementos gráficos como botones, iconos o diseños gráficos.
- JPEG: es más adecuado para imágenes fotográficas y, gracias a su método de compresión (con pérdida de información), nos permite obtener resultados satisfactorios. Este formato admite transparencia.
- Png: Permite la compresión de imágenes sin pérdidas y admite transparencia y semitransparencia. El único defecto detectable es que, hasta la fecha, no todos los navegadores admiten la transparencia png.
La elección de un formato adecuado para nuestras imágenes permitirá obtener imágenes con una calidad superior, pero de reducidas dimensiones, y un ahorro en bytes útil para optimizar la carga de una página web. Una forma de optimizar las imágenes es reducir el tamaño, pero ¿cómo? Existen varias herramientas que nos ayudan en esta tarea:
- optimizador de imagen es una herramienta que te permite reducir el tamaño con extensiones gif, jpg y png;
- smush.com es un servicio ofrecido por Yahoo para la compresión de imágenes;
- imágenes amigables seo es una herramienta para optimizar imágenes.
Recuerda que si en nuestro sitio insertamos una imagen con una etiqueta de alto y ancho de 50px, pero en realidad tiene un ancho y alto de 500px, tardará más en cargar, por esta razón intentamos reducir el tamaño de las imágenes. antes de subirlo utilizando programas especiales para reducir el tamaño.
Para comprimir las imágenes existen bibliotecas propietarias de lenguajes de programación dinámicos, así como el uso de CO, que puede ayudarnos a utilizar menos bytes al hacer que nuestras páginas web sean más eficientes.
Algunas personas pueden usar nuestras imágenes en sus blogs o sitios web, tomándolas directamente de nuestro sitio web, sobrecargándolo. Algunos webmasters, de hecho, intentan bloquear imágenes si se ven desde dominios distintos del host de destino. Esto nos permite mejorar la carga en el servidor y evitar que nuestras imágenes se utilicen en otros sitios web. Por otro lado, sin embargo, bloquear laenlace en caliente evitamos que los motores de búsqueda de imágenes exploten las fotos privándonos de una posible fuente de visitas a nuestro sitio web. El consejo es monitorear el uso de imágenes a través de herramientas estadísticas, pero no impedimos la técnica de hot-links, porque nos privaríamos de visitas procedentes de los diferentes canales.
