Conventions de nommage des fichiers image pour les équipes (avec des modèles)

Publié le June 9, 2024

Pourquoi ‘IMG_8302.jpg’ vous coûte du temps et du SEO

Nous sommes tous passés par là : un dossier rempli de fichiers nommés image-1.png, screenshot-final.jpg et logo_new_v2.svg. Bien que cela semble rapide sur le moment, un mauvais nommage de fichiers mène au chaos. Il rend les actifs impossibles à trouver, crée de la confusion pour les membres de l’équipe et manque complètement une opportunité de SEO simple mais efficace.

Établir une convention de nommage de fichiers claire et cohérente est l’un des moyens les plus simples d’améliorer le flux de travail de votre équipe et la visibilité de votre site dans les recherches.

Les règles d’or du nommage des fichiers image

Avant de passer aux modèles, voici quatre règles universelles pour nommer n’importe quel fichier pour le web :

  1. Soyez descriptif et concis : Le nom doit clairement décrire ce qu’est l’image. bottes-de-randonnee-en-daim-bleu.jpg est infiniment mieux que produit-291.jpg.
  2. Utilisez des traits d’union, pas des underscores : Les moteurs de recherche traitent les traits d’union (-) comme des séparateurs de mots, mais ils regroupent souvent les mots reliés par des underscores (_). bottes-daim-bleu est vu comme “bottes daim bleu”, tandis que bottes_daim_bleu pourrait être vu comme “bottesdaimbleu”. Utilisez toujours des traits d’union.
  3. Utilisez uniquement des minuscules : Les noms de fichiers peuvent être sensibles à la casse sur certains serveurs. Utiliser toutes les lettres en minuscule évite les liens d’images brisés et la confusion. Mon-Image.JPG peut facilement devenir une erreur 404 si quelqu’un crée un lien vers mon-image.jpg.
  4. Pas de caractères spéciaux : Tenez-vous-en aux lettres, aux chiffres et aux traits d’union. Évitez les espaces, les apostrophes, les esperluettes et autres caractères spéciaux, car ils seront convertis en chaînes de caractères désordonnées et encodées en pourcentage dans les URL.

Modèles de nommage de fichiers pour différents cas d’utilisation

Voici quelques modèles pratiques et prêts à l’emploi que vous pouvez adapter pour votre équipe. L’objectif est de passer du général au spécifique.

1. Pour les articles de blog et les articles

Un bon modèle consiste à combiner le mot-clé principal de l’article avec une description de l’image spécifique.

Modèle : [mot-cle-article]-[description-image].jpg

  • Bon : guide-contraste-couleurs-exemples-reussite-echec.png
  • Bon : conseils-compression-image-curseur-qualite.jpg
  • Mauvais : image-blog-1.jpg

Cela facilite la recherche de toutes les images liées à un article spécifique par un gestionnaire de contenu et fournit d’excellents mots-clés descriptifs pour Google Images.

2. Pour les photos de produits de commerce électronique

Pour les produits, la clarté et la cohérence sont essentielles. Incluez le nom du produit, le modèle/SKU et le type de prise de vue.

Modèle : [nom-produit]-[sku-ou-modele]-[type-de-prise-de-vue-ou-angle].jpg

  • Bon : sac-a-dos-explorateur-neatforge-b-52-avant.jpg
  • Bon : sac-a-dos-explorateur-neatforge-b-52-style-de-vie-sur-randonneur.jpg
  • Bon : sac-a-dos-explorateur-neatforge-b-52-detail-couture.jpg
  • Mauvais : sac-a-dos.jpg

Ce système est parfait pour des plateformes comme Shopify ou WooCommerce, et il aide à garder votre bibliothèque d’images de produits organisée, surtout lorsque vous avez plusieurs couleurs ou versions.

3. Pour le marketing et les bannières de site web

Pour les actifs généraux du site, décrivez le contenu et son emplacement ou son objectif.

Modèle : [page-ou-section]-[description-contenu].jpg

  • Bon : banniere-hero-page-accueil-vente-ete.jpg
  • Bon : page-a-propos-photo-equipe.jpg
  • Bon : page-services-icone-developpement-web.svg
  • Mauvais : banniere-pub-finale.jpg

4. Gérer les révisions

Comment gérer les mises à jour sans recourir à _final_v2 ? Utilisez des dates ou des numéros de version à la fin du nom de fichier.

Modèle : [nom-fichier-original]-v[#].jpg ou [nom-fichier-original]-[AAAA-MM-JJ].jpg

  • Bon : banniere-hero-page-accueil-vente-ete-v2.jpg
  • Bon : banniere-hero-page-accueil-vente-ete-2025-06-09.jpg
  • Mauvais : banniere-hero-page-accueil-vente-ete-nouveau.jpg
  • Pire : banniere-hero-page-accueil-vente-ete-final-final.jpg

L’utilisation d’un système de versionnement structuré maintient l’historique clair et évite toute ambiguïté.

Mettre en œuvre le système

  1. Documentez-le : Notez vos conventions de nommage choisies dans un document d’équipe partagé.
  2. Commencez aujourd’hui : Appliquez le système à toutes les nouvelles images à partir de maintenant.
  3. Mettez à jour progressivement les anciens fichiers : Vous n’avez pas besoin de renommer toutes les anciennes images du jour au lendemain. Commencez par vos pages les plus importantes (page d’accueil, produits phares, derniers articles de blog) et mettez-les à jour au fil du temps. N’oubliez pas de mettre en place des redirections 301 si vous changez les noms de fichiers d’images qui sont déjà classées dans les moteurs de recherche.

Une convention de nommage de fichiers solide est un petit changement qui a un impact massif sur l’organisation, l’efficacité de l’équipe et le SEO. C’est l’une des “meilleures pratiques” les plus simples et les plus efficaces que vous puissiez mettre en œuvre.

Advertisement

Guides associés