Les visuels, c’est important ! Par contre, ils peuvent peser lourd sur votre site web et être invisibles sur Google Images s’ils ne sont pas optimisés. Pour bien référencer ses images, il y a quelques bonnes pratiques à adopter. Et vous avez bien des raisons de le faire :
- • Meilleure visibilité sur les moteurs de recherche.
- • Accélération de la vitesse de chargement des pages.
- • Trafic qualifié via la recherche visuelle.
- • Gain d’accessibilité pour tous les visiteurs.
Entre Webdesign, expérience utilisateur (UX) et SEO, voici les 7 règles à suivre pour des contenus médias plus légers, plus visibles et plus efficaces !
1. Choisir le bon format
Première règle pour un site internet plus rapide : choisir le bon format d’image ! Un visuel trop lourd ralentit le chargement des pages, et pénalise votre référencement.
Privilégiez le format WEBP, successeur du JPEG. Il offre un excellent compromis entre qualité et compression. Pour les logos et illustrations avec transparence, optez plutôt pour le PNG. Le JPEG reste adapté pour les photos de personnes, avec une compression raisonnable entre 70 et 80 %.
Des outils comme Convertio, Squoosh ou TinyPNG permettent d’optimiser vos images en quelques clics. L’objectif ? Maintenir la qualité visuelle tout en réduisant le poids des fichiers.
2. Dimensionner proprement vos médias
Une erreur courante consiste à uploader des images en 4000×3000 pixels pour les afficher en 800×600 pixels. Non seulement cela alourdit inutilement votre site, mais cela dégrade aussi l’expérience utilisateur. Donc, pensez à adapter les dimensions de vos visuels à leur usage :
- • Images pleine largeur : 1920px maximum
- • Vignettes produits : 800px maximum
- • Thumbnails (miniatures) : 400px maximum
Pour toutes les questions de résolutions, colorimétrie et choix des images, vous pouvez vous référer aux 7 règles fondamentales du graphisme.
3. Renommer stratégiquement vos fichiers
« IMG_4275.jpg » ne dit rien à Google… Pourtant, beaucoup d’images s’appellent comme ça ! Le nom du fichier s’inscrit dans le code source de votre site, et cela vous donne donc des points en référencement de site web.
La clé ? Renommer vos fichiers de manière descriptive en incluant vos mots-clés naturellement. Exemples :
- • studio-singularite-graphisme-nantes.webp
- • creation-site-web-responsive.jpg
- • charte-graphique-exemple.png
Ah, et oui… Mieux vaut utiliser des tirets pour séparer les mots, et éviter les accents et caractères spéciaux. L’algorithme de notre ami Google a parfois du mal avec certaines lettres des fichiers multimédias.
4. Optimiser l’attribut alt et la légende
L’attribut alternatif, c’est cette petite description invisible qui s’affiche quand l’image ne charge pas. Google s’en sert pour comprendre le contenu de vos fichiers, et elle est utilisée aussi par les personnes en situation de déficience visuelle. Les rédiger, c’est important… Et c’est une bonne pratique trop souvent négligée !
Un bon alt décrit le contenu ET le contexte de l’image. Ajoutez une légende quand c’est pertinent, notamment pour citer vos sources ou donner des informations complémentaires.
5. Soigner le contexte sémantique autour des images
Pour bien référencer vos images, vous devrez bien soigner le texte entourant celles-ci.
Exemple : si vous intégrez la photo d’un chat trop mignon (avec un nom de fichier chat-trop-mignon.webp et un attribut alt qui parle de chat trop mignon), alors la sémantique autour devra parler de… Chat trop mignon.
Idéalement, le titre de la section, ou de la sous-section, doit comporter un mot-clé lié à vos images aussi. Tout cela fait partie des bonnes pratiques pour rédiger un article de blog et le référencer.
6. Penser « partage » pour vos visuels
Les images standard d’illustration, c’est très bien… Mais si vous voulez générer de l’engagement, être un peu original, ou améliorer le SEO de votre site vitrine, il faut aller plus loin.
Quelques exemples de contenus visuels plus puissants :
- • infographies ;
- • graphiques interactifs ;
- • cartes mentales et schémas ;
- • photos originales de vos évènements ;
- • etc.
Et c’est d’ailleurs tout l’intérêt de travailler avec une graphiste professionnelle : avoir un bon conseil sur les types d’images à privilégier, selon votre situation.
7. Éviter les visuels de banques d’images
Difficile de référencer des images issues des banques génériques. Pourquoi ? Parce qu’elles sont déjà connues de Google, Ecosia, Bing et compagnie. Les moteurs de recherche n’ont aucun intérêt à les référencer.
Facile à dire, mais aussi très important : privilégiez des visuels “faits maison”, comme les photos prises sur place, illustrations sur mesure, captures d’écran de vos réalisations, etc. Profitez-en aussi pour prendre en compte la signification des couleurs en communication.
Webdesign et SEO : combo gagnant pour votre site web
Référencer ses images est une question de méthode, de bonnes pratiques à connaître… Et que vous connaissez maintenant ! Mais les visuels s’inscrivent dans un ensemble plus large : votre site web.
Non, un site performant ne se résume pas à de belles images bien référencées et optimisées. Il combine :
- • Design attractif et cohérent.
- • Expérience utilisateur fluide.
- • Optimisation SEO globale.
Envie d’un site web qui sort du lot ? Pour tous vos besoins en création de sites internet, le Studio Singularité vous accompagne de A à Z pour vous livrer un site sur mesure, facile à utiliser et efficace… Et vous permet de libérer du temps pour vous consacrer à votre cœur de métier.
Article invité rédigé par Geoffrey Royer, Consultant SEO, pour le Studio Singularité.
