Le images ils sont très importants dans la mise en page graphique d'un site Internet.L'utilisateur peut être attiré par des éléments visuels : des graphismes bien finis et bien faits amélioreront l'expérience utilisateur de nos visiteurs.
Cependant, il faut non seulement se fier à la beauté de l'image mais essayer de optimiser. Tout d'abord, nous devons prendre en compte les balises HTML, qui sont utilisées par le navigateur pour afficher l'image.
- Il nom de l'image, doit être court et contenir un ou deux mots-clés qui rappellent le sujet exprimé par la photo. En effet, certains utilisateurs peuvent accéder à notre site via la recherche effectuée sur des images, par exemple via Google Image. Avoir un nom qui exprime le contenu d'une image ou d'une photo facilite la tâche des utilisateurs et des moteurs de recherche.
- L'attribut alt doit être présent et doit refléter le contenu de l'image. Cet attribut est utile si l'image n'est pas chargée par le navigateur, le texte contenu permettrait à l'utilisateur de comprendre où il se trouve et ce qu'il pourrait rencontrer en poursuivant sa navigation.
- Les balises largeur e la taille ils doivent toujours être présents, car ils permettent au navigateur d'afficher l'image sans avoir à calculer ses attributs de hauteur et de largeur. La présence de ces deux attributs permet au navigateur de charger la page sans attendre d'avoir téléchargé les images présentes dans celle-ci.
Ces éléments permettent d'obtenir des améliorations subtiles également appréciables dans le domaine du référencement. Le texte à côté de l'image est également très important. En effet, s'il est bien structuré, avec des informations liées à celle de l'attribut alt, il rend l'image encore plus attractive pour les moteurs de recherche.
Le choix du format des images (gif, jpg, png) est un autre élément crucial qui nous permettra d'économiser quelques Ko lors de l'upload :
- Gif: Fournit de meilleures performances pour les images avec une palette de couleurs étroite (jusqu'à un maximum de 256 couleurs). Ce format prend en charge la transparence et les petites animations. Il est généralement recommandé pour les éléments graphiques tels que les boutons, les icônes ou les mises en page graphiques.
- Jpeg: il est plus adapté aux images photographiques et, grâce à sa méthode de compression (avec perte d'information), il permet d'obtenir des résultats satisfaisants. Ce format prend en charge la transparence.
- Png: permet une compression d'image sans perte et prend en charge la transparence et la semi-transparence. Le seul défaut que l'on peut trouver est que tous les navigateurs ne prennent pas en charge la transparence png à ce jour.
Le choix d'un format adéquat pour nos images permettra d'obtenir des images de qualité supérieure, mais de dimensions réduites, et une économie d'octets utile pour optimiser le chargement d'une page web. Une façon d'optimiser les images est de réduire la taille, mais comment ? Il existe plusieurs outils qui nous aident dans cette tâche :
- optimiseur d'image est un outil qui vous permet de réduire la taille avec des extensions gif, jpg et png ;
- smush.com est un service proposé par Yahoo pour la compression d'images ;
- images conviviales pour le référencement est un outil d'optimisation d'images.
N'oubliez pas que si sur notre site nous insérons une image avec une balise de hauteur et de largeur de 50px, mais qu'en réalité elle a une largeur et une hauteur de 500px, le chargement sera plus long, c'est pourquoi nous essayons de réduire la taille des images avant de le télécharger en utilisant des programmes spéciaux pour réduire la taille.
Pour compresser des images existent bibliothèques propriétaires des langages de programmation dynamique ainsi que l'utilisation de CSS, ce qui peut nous aider à utiliser moins d'octets en rendant nos pages Web plus efficaces.
Certaines personnes peuvent utiliser nos images dans leurs blogs ou sites Web, les extrayant directement de notre site Web, le surchargeant. Certains Webmasters, en fait, essaient de bloquer les images si elles sont vues à partir de domaines autres que l'hôte de destination. Cela nous permet d'améliorer la charge sur le serveur et d'éviter que nos images soient utilisées sur d'autres sites Web.liaison à chaud nous empêchons les moteurs de recherche d'images d'exploiter les photos en nous privant d'une éventuelle source de visites sur notre site.Le conseil est de surveiller l'utilisation des images grâce à des outils statistiques, mais n'empêche pas la technique du hot-linking, car nous nous en priverions visites provenant des différents canaux.
