Importer vos images sur votre site Internet est une manipulation relativement simple. Néanmoins, il est essentiel d’accorder une réflexion réelle à l’optimisation de vos visuels avant de les utiliser sur votre site. En ces temps 2.0 où les images deviennent un élément prédominant du paysage du Web, effectuer ce travail influencera deux paramètres majeurs de votre site :
Son temps de chargement : le temps de chargement de vos images est un élément critique de l’expérience de vos utilisateurs. Comme vous le savez, la patience n’est pas vraiment le trait de caractère qui définit le mieux les internautes – pour ne pas parler des mobinautes.
Son référencement : tout d’abord, le temps de chargement influence indirectement votre référencement. Si vos visiteurs vous quittent prématurément à cause d’une image qui se laisse désirer (ou qui laisse à désirer), Google en prendra note. Outre ce paramètre, il est essentiel de présenter aux moteurs de recherche le contenu de vos visuels. Ils ont beau être malins, ils ne savent pas (encore) lire les images.
Les conseils suivant vous aideront à exploiter au mieux le potentiel de vos visuels :
Sélectionnez le bon format : les formats les plus courants pour la publication d’images sur le Web sont .png, .jpeg et .gif. Chacun d’entre eux se comporte différemment dans sa façon de s’afficher et de se charger. Les web designers prennent en considération une variété de paramètres avant de décider du format idéal pour importer leurs visuels – entre autres, le poids de l’image. Cela dit, il n’est pas nécessaire d’être un expert dans le domaine de la photographie numérique pour saisir les nuances des différents formats. L’article suivant vous aidera à comprendre lequel il vous sera profitable de privilégier selon vos besoins.
Trouvez la qualité idéale : tous les outils d’édition d’images vous permettent aujourd’hui de sauvegarder les vôtres selon vos critères de qualité (vous pouvez toujours utiliser Pixlr si vous désirez avoir accès à un plus large choix d’options). La croyance populaire veut que les images de haute qualité soient les meilleures. Sur le Web, cette idée peut être parfois remise en question. Il est évident que pour votre fond d’écran la résolution doit être excellente. Une image floue ou pixelisée est un vrai tue-l’amour, mais cela n’implique pas pour autant qu’elle soit excessivement lourde. Vous devez trouver l’équilibre en jouant avec la résolution et la définition afin de présenter un visuel soigné qui se charge rapidement. Bref, si vous n’avez pas besoin d’une image qui s’affiche en grand format, n’hésitez pas en baisser la qualité tant que cela n’affecte pas son rendu sur votre site.
Note : la différence entre résolution et définition prête un rien à confusion. Cliquez ici pour faire de la lumière sur ces termes obscurs.
Sauvegardez sous des noms pertinents : quand vous parcourez vos images sur votre ordinateur, combien d’entre elles ont des noms du style « image1.jpg », « 01234.gif » ou encore « knujrg.png » ? Il est très difficile de faire de l’ordre dans ses fichiers s’ils ont tous des noms de meubles Ikéa. De plus, en utilisant un texte descriptif pour vos photos vous facilitez leur interprétation par les moteurs de recherche (si vous les publiez sur le Web). Utilisez un nom court et pertinent vous aidera à profiter d’un meilleur référencement.
Utilisez le Titre et le Alt text : en important une image sur votre site, vous avez la possibilité de lui donner un Titre afin de la décrire à vos visiteurs (le texte s’affichera au passage de la souris). L’Alt text en revanche, vous permet d’informer les moteurs de recherche au sujet de son contenu. Les textes sont donc un élément essentiel de vos images autant en matière d’expérience utilisateur qu’en termes de référencement.
Note : dans les galeries d’images de l’éditeur Wix, la description fait également office d’Alt Text.
Réfléchissez aux dimensions : l’utilisation que vous faites de vos images et aussi importante que le contenu qu’elles présentent. En fonction de votre mise en page, vous devez décider des dimensions et de la définition qui correspondent le mieux aux besoins de votre site et de sa version mobile. Des photos de produits sur une boutique en ligne et des photos sur un portfolio de photographie ne requièrent pas les mêmes besoins. Intégrer des images dans les bonnes dimensions vous permettra de donner un aspect plus professionnel à votre interface grâce à une cohérence visuelle plus travaillée et de mettre l’accent sur les éléments du design que vous désirez réellement mettre en valeur.