Oui, le nom des fichiers est un problème de SEO et de partage !
C'est un bon exemple très concret que je vais vous raconter, et je vais en profiter pour renouveler ces préconisations, trop méconnues à mon avis, et qu'il vaudrait mieux prendre comme des règles.
Facebook refuse ma belle illustration d'article !
Sur le point de publier sur Facebook un article de mon blog 'Twizy & Cie', j'ai eu l'idée de passer d'abord par le 'Programme de débug du partage' de Facebook pour vérifier, encore une fois, que mes nouvelles balises OpenGraph étaient correctes.
Et là mauvaise surprise ! Facebook a refusé l'image d'illustration de mon article en prétendant qu'elle était peut-être corrompue ou son format n’est peut-être pas valide'. Et comme toujours dans ces cas-là, Facebook a pris en remplacement la première image venue du blog, ce qui ne me convenait pas du tout.
J'avoue que j'étais vert sur le moment, car j'ai tout de suite pensé à un bug dans mon add-on SEO pour Blogger, précisément conçu pour la bonne visualisation des partages sur les réseaux sociaux !
Bon sang mais c'est bien sûr ! Le nom de l'image !
J'ai donc fouillé et retesté de ce côté-là pendant une bonne heure, avant d'avoir un déclic en me rappelant ces histoires de nom de fichiers que j'avais parfois vu passer sans trop y prêter attention, car je pensais que c'était de l'ordre d'un passé révolu.
Il se trouve que le nom de l'illustration était 'mobilize-duo-trophée-argus-2025.webP'. Je l'ai renommée en 'mobilize-duo-trophee-argus-2025.webP' et j'ai mis à jour l'article avec l'image renommée. Miracle ! Facebook a aussitôt accepté cette image strictement identique à la précédente, à part ce fichu caractère accentué.
Le bon nommage des fichiers
Cette bonne leçon est donc l'occasion pour moi de remettre bien avant les recommandations concernant le nom des fichiers, d'une manière générale car ça ne concerne pas que celui des images, et même de les renforcer en considérant qu'il s'agit plutôt d'obligations :
- toujours utiliser des noms de fichiers
- descriptifs mais les plus courts possible en éliminant les mots vides de sens (le, la...)
- sans majuscules
- sans accents ou trémas comme à, â, é, è, ê, ë, î, ï, ô, ö, ù, û, ü
- sans espaces
- sans séparateurs de fichiers comme :/ \
- sans symboles non alphabétiques et non numériques comme ¢™$®
- sans signes de ponctuation, parenthèses, guillemets, crochets et opérateurs comme [ ] { } ( ) . , ! ? ; " ' * < > |
- en utilisant donc uniquement :
- des lettres non accentuées (e au lieu de é par exemple)
- des chiffres
- des traits d'union (-) ou underscores (_) au lieu des espaces
- des dates au format AAAA-MM-JJ (norme ISO 8601) ou AAAAMMJJ. Exemple : 2025-02-12 ou 20250212 pour le 12 février 2025.
Les conséquences d'un mauvais nommage des fichiers
En dehors des problèmes d'organisation interne qu'un mauvais nommage de fichiers peut engendrer et que je n'aborderai pas ici, il peut poser bien d'autres soucis techniques comme ma petite aventure le montre :
- Encodage des URL : les navigateurs et certaines plateformes comme Blogger transforment les caractères spéciaux en percent-encoding (é devient %C3%A9 en UTF-8). Mais certaines applications comme Facebook, peuvent mal interpréter ces caractères lors du traitement de l’image.
- Compatibilité serveur : certains serveurs ou CDN (Content Delivery Network) n'aiment pas les caractères accentués et peuvent renvoyer une erreur.
- Problèmes de cache : une mauvaise gestion des caractères spéciaux dans les URLs peut empêcher d’accéder au fichier.
- Casse d'écriture : beaucoup de systèmes d'exploitation sont sensibles aux majuscules et minuscules.
Commentaires