Pourquoi et comment gérer les images de votre site
Quelle que soit votre activité, les images présentant les réalisations de votre entreprise sur votre site web sont des éléments indispensables pour séduire vos prospects et développer votre clientèle. Dans les lignes suivantes, nous allons donc voir pourquoi et comment bien gérer les images sur votre site web.
Importance des images sur votre site web
Parmi les critères les plus importants retenus par Google et les autres moteurs de recherche pour positionner les sites sur les pages de résultats d’un moteur de recherche (ou en jargon SERP – Search Engine Results Page) figure la qualité du contenu texte de la page.
Les images ont aussi un rôle dans ce positionnement de votre page dans les recherches des internautes. En effet, d’une part, certaines indications sont lues par l’algorithme de Google (balise alt). D’autre part, le moteur de recherche de Google dédié aux images utilise d’autres indications plus spécifiques. Ce moteur est l’un des plus utilisés par les internautes (https://images.google.fr/) .
Une image vaut mille mots
Au-delà d’un contenu texte de qualité favorable à l’exposition de votre contenu aux regards des internautes, les photos de vos produits, les illustrations de vos prestations sont indispensables pour aérer votre page web, illustrer le contenu.
Comme une belle photo dans un magazine, l’objectif de l’image est aussi et surtout d’attirer l’œil et de l’internaute souvent pressé et zappeur.
Vos images doivent donc séduire les moteurs de recherche et vos futurs clients.
Voyons donc où trouver ces images séduisantes.
Où trouver des images pour votre site web ?
Utiliser vos propres photos pour votre site internet
Pour beaucoup d’activités, la première source d’image, c’est vous !
Dans l’artisanat, les activités de production, de négoce de produits, il paraît en effet évident que ce sont vos propres réalisations, vos produits qui doivent être mis en avant et exposés d’une façon attractive et professionnelle sur votre site web.
Sachant que, toutes choses étant égales par ailleurs, une « belle » photo vend mieux un produit qu’une autre de qualité moyenne ou mauvaise, le choix de la photo, et donc du photographe et du matériel se pose rapidement.
Aujourd’hui, les smartphones permettent de prendre des photos tout à fait convenables dans 95% des cas.
Donc techniquement, être le propre photographe de vos réalisations est possible. Sous réserve, d’avoir un peu de goût et d’inspiration pour les prises de vues.
Créer l’émotion par l’image
Il est établi que les émotions font vendre. Les images doivent servir à créer cette émotion chez votre client et à le projeter dans le futur immédiat, à l’instant où il aura acheté votre produit ou votre service et verra son effet chez lui.
La mise en scène est donc importante. Montrer le résultat fini est forcément plus vendeur.
Ainsi, une photo de rénovation intérieure ou d’installation de salle de bains sera plus percutante si elle représente la pièce rénovée plutôt que celle-ci encore en chantier, encore encombrée d’outils.
Pour un traiteur, une photo du plat présenté prêt à servir dans un joli plat sera plus vendeuse que la photo du morceau de viande qui a servi à la recette.
Si les « stades intermédiaires » doivent être montrés, cela doit être réservé à des contenus d’explications techniques (FAQ, How To, etc.) pour illustrer un savoir-faire ou une méthode spécifique.
Les banques d’images pour illustrer votre site web
Si vous n’avez pas d’images de réalisations ou si vous avez besoin d’illustrer des concepts plus abstraits, vous pouvez tout à fait vous retourner vers les banques d’images. Celles-ci sont nombreuses gratuites et/ou payantes. Nous ne listerons ici que les gratuites et les plus connues…
Attention : Même avec des images issues de banques d’images, il importe de bien vérifier les conditions de la licence Creative Commons. Certaines demandent de citer la source de l’image.
Comment vérifier si l’image est libre de droit
Google Image vous permet de savoir si une image est protégée par des droits d’auteur ou des éléments de communication créatifs. Vous devez aller sur la page images.google.fr et cliquer sur l’icône de l’appareil photo.
Vous pouvez ainsi télécharger une image (ou la faire glisser vers le champ de recherche) et lancer la recherche inversée. Google recherche l’image que vous avez téléchargée, la reconnaît et recommande la ou les sources. Pour optimiser votre recherche, vous pouvez toutefois accéder aux paramètres de l’image et cliquer sur Outils puis sur Droits d’usage. Vous pouvez choisir entre les différentes licences et droits d’utilisations.
Si l’image n’est pas libre de droits, il est bien évidemment déconseillé de l’utiliser. Vous risquez de recevoir un courrier d’avocat vous réclamant quelques centaines ou milliers d’euros.
Si vous souhaitez quand même utiliser l’image, nous vous recommandons de prendre contact avec le propriétaire de l’image ou avec le webmaster du site où l’image est répertoriée.
Retailler et Compresser les images de votre site web
Google prend en compte le temps de chargement de vos pages. Il importe donc de réduire autant que possible le poids de celles-ci. Or, des images trop lourdes augmentent le temps de chargement des pages d’un site internet.
Si vous souhaitez améliorer la vitesse d’affichage de votre site web, il est donc nécessaire d’optimiser vos images. Voici quelques astuces pour les modifier sans en altérer la qualité.
Réduire la taille des images
Réduire le poids de vos images peut simplement signifier réduire leurs dimensions. La plupart des appareils photos ou smartphones modernes donnent des clichés avec une taille nettement supérieure à celle nécessaire sur les sites web.
Dans ce cas, un simple logiciel de retouches d’images (type Paint) vous permettra de modifier les dimensions du fichier et l’enregistrer sous le format le plus adapté (JPEG ou PNG).
Compresser les images
Compresser une image signifie en réduire le poids sans perdre en qualité à taille équivalente.
Des outils spécifiques existent en ligne ou hors ligne. Citons par exemple :
Si vous utilisez WordPress, des extensions spécifiques sont disponibles. Nous utilisons Imagify dans nos solutions d’hébergement.
Quel format pour les images de votre site ?
Trois formats d’images sont utilisés par la majorité des sites internet. Ce sont les formats JPEG, PNG et GIF. Un nouveau format est apparu depuis peu dans le but de réduire le poids des images, le WebP.
Le format JPEG
Le format JPEG (également connu sous le nom de JPG) est une abréviation de Joint Photographic Experts Group. Il permet d’afficher des millions de coloris et est donc parfait pour les images richement colorées. En revanche, le format JPEG ne supporte pas les images avec fond transparent et n’est donc pas appropriée pour les logos ou graphisme de ce genre.
Ce format d’image supporte bien la compression. La qualité de l’image suite d’une optimisation n’est donc que peu altérée. Il est aussi possible de régler facilement le niveau de compression afin d’obtenir un résultat à la fois performant et qualitatif.
Le format JPEG est l’option à privilégier pour les images photographiques de vos réalisations.
Le format PNG
Le format PNG est une abréviation de Portable Network Graphics. Comme son nom l’indique, ce format d’image a été conçu pour transférer les images.
Tout comme le JPEG, le format PNG prend en charge une large gamme de couleurs et en plus la transparence. Le PNG offre une qualité d’image incomparable pour les images simples par rapport au format JPEG.
Le PNG supporte beaucoup mieux la compression que le JPEG. Les images sous ce format seront donc plus nettes et détaillées que celles compressées en JPEG. Cependant, le poids du fichier PNG est plus important que celui du JPEG pour les images photographiques en couleur.
Les arrière-plans transparents étant supportés, le PNG est un format principalement recommandé pour les logos, infographies etc.
Le format GIF
Le format GIF est une abréviation de Graphics Interchange Format. Plus rarement utilisé, ce format d’image ne contient que 256 couleurs du spectre RVB. Cette restriction rend le format GIF impropre pour des images photographiques haute en couleur.
Le format GIF prend en charge les fonds transparents. Il peut être une option pour les logos, icones et autres. Il est souvent remplacé par le format PNG.
Les fichiers GIF sont très utilisés pour créer des images animées. Un GIF animé est un fichier qui contient une succession d’images qui forme une animation. La taille des fichiers GIF animés est souvent importante et peut être préjudiciable aux performances de votre site (vitesse d’affichage, etc.).
Le format GIF utilise la compression sans perte afin de réduire la taille des fichiers sans altérer la qualité visuelle.
Le site https://audreytips.com/ a publié l’image ci-dessous qui récapitule les caractéristiques et usages des différents formats:
Le format WebP
Développé par Google, le format WebP a pour objectif, dans les toutes prochaines années, de remplacer le JPEG dès lors qu’il sera progressivement pris en charge par tous les navigateurs web (Safari reste problématique).
Son principal avantage est de réduire la taille d’une image sans perte de qualité perceptible jusqu’à 80 % par rapport au JPEG et jusqu’à 30 % par rapport au PNG.
Des images moins lourdes apportent des avantages au niveau de l’expérience utilisateur qui attend moins et surtout sur la vitesse de chargement des pages de votre site. Cette vitesse de chargement entre en effet dans les critères de l’algorithme de Google pour son moteur de recherche.
Divers outils gratuits sont disponibles pour convertir et retoucher vos fichiers image en WebP.
Bien nommer ses images pour qu’elles vous aident dans le SEO
Nous avons vu que les images ont un rôle à jouer dans le bon référencement et positionnement de votre site. Pour cette raison, il est important de prêter attention à quelques informations.
Utiliser une URL structurée pour vos fichiers visuels
Tout comme l’URL d’une page, une URL d’image se doit également d’être structurée et compréhensible pour les moteurs de recherche.
Pour comprendre l’image Google utilise le chemin de l’URL, au même titre qu’il le fait pour le nom du document, Il faut donc éviter d’inclure des chiffres et mots sans sens.
Il est donc important de bien structurer vos noms d’URL (images ou pas images) et d’éviter de les changer en cours de route. En cas de nécessité, il faudra utiliser une redirection 301 qui dirigera l’ancienne URL vers la nouvelle. Ainsi, aucun trafic ne sera perdu.
Le nom du fichier image
Pour booster le référencement naturel, donner un nom qui indique à Google ce que représente l’image est un bon premier pas car ce nom donne des indications importantes sur le contenu du visuel. Cette optimisation simple augmente les chances d’apparaître dans les requêtes adéquates sur le navigateur.
Le nom du fichier image doit se composer de mots-clés préalablement choisis dans la phase préalable à la création du site. Ceux-ci doivent avoir un rapport direct avec l’image et idéalement avec le contenu qu’elle accompagne.
Les noms de fichier image doivent suivre les mêmes règles que celles des url des pages de votre site. N’utilisez pas de caractères spéciaux ni d’accent, ni de majuscule. Si Google est capable de les lire, cela va générer des url complexes qui sont peu expressives et donc fatalement peu engageantes pour un utilisateur.
Il est conseillé de séparer les termes distincts avec des tirets (tiret du 6).
Enfin, la longueur de l’url du fichier image importe peu. Google serait capable de lire des url jusqu’à 1000 caractères. Ce qui laisse de la marge, même pour une url de fichier image.
Le nom de la photo n’est pas le titre.
Le texte alternatif de l’image (attribut alt)
Le texte alternatif aussi appelé attribut ALT est important pour les performances et le positionnement de votre site.
Intégré à la balise <img>, cet attribut permet de donner une description courte et précise de l’image.
C’est ce texte qui est lu par les moteurs de recherche pour analyser et comprendre le rôle de l’image par les robots d’indexation de Google. Il faut placer dans le titre quelques mots clés de votre champ sémantique. Toutefois, il ne faut pas abuser et placer à tout prix les mots clés ciblés si ceux-ci n’ont pas de rapport avec le contenu de l’image. On peut utiliser des mots différents que ceux utiliser dans le titre et notamment miser sur les mots-clés de longue traine.
En effet, Google a les moyens de savoir si vous trichez. Il est capable d’analyser l’image pour savoir ce qu’elle représente vraiment. Aujourd’hui, la technologie utilisée est encore trop gourmande en ressources pour être exploitée à grande échelle. Cela prendrait trop de temps aux robots. Mais attention, l’avenir, c’est demain !
Le texte alternatif est aussi lu par les internautes quand l’image est introuvable ou trop longue à charger. Il est utilisé par les personnes mal voyantes et a donc un rôle sur l’accessibilité. Si vous souhaitez privilégier cette action, la description sera donc plus réaliste et moins « bourrée » de mots clés.
Le texte alternatif permet d’expliquer à Google le contenu du visuel mais aussi sa fonction. Une photo ne joue pas le même rôle qu’un schéma ou qu’une infographie !
Si l’image est purement décorative (icones, puces, etc.), l’attribut alt n’est pas forcément nécessaire.
Le titre de l’image (attribut title)
Lorsque vous passez votre souris sur l’image (survol de l’image), une indication apparait. C’est le titre de l’image qui s’affiche. Sans impact direct sur le référencement du site, le titre peut être utile en termes d’accessibilité. Néanmoins, il ne doit pas être rempli s’il n’apporte pas clairement un plus pour l’utilisation de votre site.
Le titre de l’image doit être court et explicite. Son libellé doit être différent de l’attribut alt ou de la légende.
La légende de l’image
La légende de l’image s’affiche sous l’image. Elle contribue éventuellement à l’amélioration de l’expérience utilisateur. Elle est supposée apporter des informations supplémentaires au visiteur de votre site et/ou contextualiser l’image dans le contenu.
Les légendes peuvent également signaler les licences et copyrights.
Cependant, cette donnée est facultative et tous les sites web ne l’affiche pas.
La description de l’image
Si votre site contient beaucoup d’images, remplir la description est considérée comme un bon levier SEO par Daniel Roch, expert du SEO sur WordPress mais son utilisation n’est optimale que dans des conditions assez restreintes et il n’est donc pas nécessaire de la renseigner.
Les images sont importantes pour le succès de votre site web et de votre stratégie webmarketing. Voici donc les principales choses à savoir pour choisir, préparer et nommer les images qui sauront séduire vos visiteurs et les robots des moteurs de recherche. A vous de jouer !
