Comment bien nommer vos fichiers pour votre site
Bien nommer ses images : un détail qui change votre visibilité
Lorsqu’on prépare des images ou des documents pour un site Internet, le nom des fichiers est souvent laissé au hasard : IMG_4587.jpg, photo1.png, ou encore mon_fichier_final_v2_def.jpg. Pourtant, ce détail en apparence anodin joue un rôle réel dans la performance de votre site, notamment en référencement naturel (SEO) et en lisibilité.
Dans cet article, je vous parle principalement d’image car c’est majoritairement ce type de fichier que vous me fournissez. Cependant, mes conseils sont aussi valables pour tout autre fichier à mettre directement en ligne, tel un document .pdf, ou d’une autre extension, en téléchargement pour vos visiteurs, par exemple.
Voici donc pourquoi — et surtout comment — bien nommer vos fichiers avant de me les transmettre pour votre projet.
Oui, il faut surmonter sa « flemme ». Mais ça peut être un manque de temps et je peux le faire pour vous. C’est juste que « ce temps » vous sera « compté » et que je vous propose de faire un peu d’économie).
Pourquoi le nom des fichiers est important
Les moteurs de recherche ne “voient” pas une image comme nous. Ils analysent son contexte : texte autour, balises… et nom du fichier.
Un fichier bien nommé permet de :
- donner du sens au contenu de l’image
- améliorer le référencement de votre site
- faciliter l’organisation globale du projet (je sais tout de suite où je dois la placer)
- ça augmente votre crédit (« ça fait pro »)
Un exemple simple : faut-il préférer « IMG_4587.jpg » ou « nettoyage-toiture-drone.jpg » ?
Dans le second cas, le moteur de recherche comprend immédiatement le sujet et c’est cela qu’on veut.
Tiret (-) vs underscore (_)
C’est un point souvent méconnu, même pour certains développeurs web. Ce n’est qu’en suivant une formation de Communication Digitale que cela a été évoqué furtivement. Je n’ai eu la raison qu’en faisant mes propres recherches et, aujourd’hui, je partage cela avec vous.
Le tiret (-) : le bon choix
Le tiret est interprété comme un séparateur de mots par les moteurs de recherche.
mon-fichier-image.jpg
sera compris comme : mon / fichier / image
Il offre plusieurs mots clés = bon pour votre référencement.
L’underscore (_) : à éviter
L’underscore est perçu comme un collage de mots.
mon_fichier_image.jpg
sera interprété comme : monfichierimage
Résultat : perte de clarté pour le SEO, car ce mot (inexistant) n’est jamais recherché.
Et les espaces dans les noms de fichier ?
Bien qu’ils ne semblent pas compliquer la lecture pour nous, humains, les espaces posent plusieurs problèmes techniques pour les machines :
- ils sont transformés en « %20 » dans les URL
- ils peuvent provoquer des erreurs selon les serveurs
Il faudra donc éviter « mon fichier image.jpg » et préférer « mon-fichier-image.jpg ». Personnellement je trouve que les tirets « soudent » le nom. Même dans les dossiers de mon PC, j’évite les espaces. J’ai l’impression que le fichier peut se casser, mais bon… (Non, techniquement, c’est impossible 😉 )
un fichier = un nom unique
Pourquoi chaque fichier doit avoir un nom différent ?
- éviter les écrasements de fichiers sur le serveur
- garantir un affichage correct sur le site
- faciliter la maintenance et les mises à jour
- améliorer la clarté pour le référencement
Un nom unique permet d’identifier immédiatement le contenu, sans ambiguïté.
Par exemple, vous illustrez la page de présentation de votre entreprise avec 3 photos de votre équipe. Nommez chaque image différemment afin d’éviter les problèmes et augmenter leur lisibilité.
- equipe.jpg (utilisé 3 fois) – MAUVAIS
- equipe-direction.jpg – BON
- equipe-commerciale.jpg – BON
- equipe-technique.jpg – BON
Vous le voyez déjà quand vous l’enregistrez sur votre ordi : si le nom existe déjà pour un fichier de même extension dans le dossier cible, vous devez le renommer ou cela écrase le fichier déjà présent. C’est la même chose sur votre site web qui est aussi composé de dossiers remplis de fichiers. Vous pourrez avoir deux fichiers du même nom, à condition que je les place dasn des dossiers différents (ce travail supplémentaire est-il vraiment utile ?). Dasn mon exemple de photos d’équipe, on ajoute un terme supplémentaire pour annoncé clairement le sujet. Ce n’est pas toujours faisable : quand vous voulez publier 5 photos de votre dernière sculpture, vous ne nommerez pas sulpture-canard-vue-du-dessus.jpg, sculpture-canard-de-face.jpg, sculpture-canard-de-face-mais-un-peu-plus-bas.jpg,… Vous m’enverrez sculpture-canard-1.jpg, sculpture-canard-2.jpg, sculpture-canard-3.jpg,… et ce sera très bien.
Les bonnes pratiques à appliquer
Voici les règles simples à suivre :
- utiliser uniquement des lettres minuscules (pour que ce soit plus propre. Techniquement, ça ne change rien)
- remplacer les espaces par des tirets (-)
- éviter les accents (é, è, à → e, a) qui ne sont pas toujours bien lus et qui sont parfois remplacés par d’autres caractères.
- décrire clairement le contenu (gros gain pour votre référencement)
- rester concis mais précis (revoir mon exemple de sculpture de canard)
- utiliser un nom unique pour chaque fichier
Exemples
Mauvais
- IMG_1234.jpg
- photo équipe.png
- mon_fichier_final.jpg
Bon
- coiffure-femme-bruxelles.jpg
- equipe-salon-coiffure.png
- presentation-services-coiffure.jpg
Mauvais
- IMG_1234.jpg
- photo équipe.png
- mon_fichier_final.jpg
Bon
- coiffure-femme-bruxelles.jpg
- equipe-salon-coiffure.png
- presentation-services-coiffure.jpg
Pourquoi c’est important pour vous
Lorsque vous me fournissez des images déjà bien nommées, le travail d’intégration est plus rapide car que je sais tout de suite où les placer sans faire d’erreur (et sans devoir vous contacter, ce qui allongerait le temps de création du projet).
Le référencement est optimisé dès le départ. Votre site part sur des bases solides et nous évitons des corrections techniques inutiles avec des risques d’erreurs.
À l’inverse, renommer des dizaines (ou centaines) d’images après coup représente une perte de temps… et donc un coût supplémentaire.
En résumé, utilisez toujours des noms de fichiers clairs, en minuscules, séparés par des tirets, et uniques.
Moi, je les adapte pour la technique du web et je les mets en ligne aux bons endroits, sans me tromper : recadrage si nécessaire, compression et modification de l’extension pour un chargement rapide par les navigateurs.
Bon alors, on le fait ce site ?