J’ai récemment remarqué que plusieurs font l’erreur de mettre des noms de fichier non conformes aux bonnes pratiques et exigences techniques du Web. Évidemment ce n’est pas tout le monde qui les connait. C’est ce que je vous explique aujourd’hui.
Le plus important à se souvenir
Il ne faut pas mettre de caractères spéciaux ou d’espace dans un nom de fichier que ce soit une image, un PDF, une vidéo ou tout autre fichier quand ils sont destinés pour le Web. Seuls les – (trait d’union) et les _ (caractère de soulignement) sont acceptables comme caractères spéciaux.
Si votre site Web est hébergé sur un serveur qui ne supporte pas les caractères spéciaux dans les noms de fichiers, il aura un problème d’encodage dans le nom. Parfois c’est le navigateur qui ne les supporte pas et, du coup, ça va afficher une erreur 404 (une erreur de fichier introuvable). Ça peut également causer des problème d’encodage lorsque vous déplacerez votre site vers un autre serveur :
Évitez ce type de soucis en retirant ou remplaçant tous les caractères spéciaux et espaces dans vos noms de fichiers.
Dans cet article je vais vous explique comment renommer vos fichiers avant, pendant et après leur téléversement sur votre site Web. Voici les différentes approches :
Il vous est possible de renommer sur votre ordinateur de plusieurs façons et pour plusieurs raisons. Notre raison aujourd’hui sera pour pouvoir les mettre sur un site Web.
Si vous avez un site Web en HTML ou PHP par exemple, que vous utilisez un logiciel comme Dreamweaver pour modifier votre site Web et que vous renommez un fichier directement dans l’éditeur de fichier du logiciel; le lien qui appelle ce fichier dans le code du site pourra être renommé automatiquement. Tout dépends de la façon dont il est appelé dans le code. Généralement une fenêtre apparaît vous demandant si vous voulez renommer aussi le lien, quand c’est possible, autrement modifiez le code manuellement ou faites un Rechercher/Remplacer dans votre logiciel.
Avec l’explorateur Windows vous pouvez renommer en lot, mais cela ajoutera un chiffre entre ( et ) avec un espace. Voici les étapes à suivre.
Tous les fichiers auront le même nom, mais avec un (X) pour différencier les fichiers. Par exemple :
Ce n’est pas l’idéal puisque l’on ne devrait pas avoir de parenthèse dans le nom d’un fichier destiné au Web.
Il existe des logiciels pour renommer des fichiers en lots, ici je vais vous parler de ReNamer où vous pourrez supprimer les caractère spéciaux et les remplacer par autre chose sans changer le reste du nom du fichier.
Vous pouvez renommer plusieurs fichiers en même temps sans changer le nom, juste les caractères spéciaux, ce qui est franchement utile quand vous avez plusieurs fichiers.
Vous verrez une page où vous pouvez renommer vos fichiers :
Vous avez maintenant des fichiers sans accents et vous pouvez les ajouter à votre site Web!
Pour les sites créés avec WordPress, il existe des extensions qui renomment vos fichiers au moment de les téléverser. Vous n’aurez donc pas besoin de les renommer manuellement sur votre ordinateur avant de les téléverser sur votre site Web.
Mise en garde
Ajouter des extensions à votre site peut causer un ralentissement pour les internautes le visitant.
Voici deux extensions pour renommer les fichier lors du téléversement :
Si vos fichiers sont déjà sur votre site Web, vous pouvez les renommer quand même et il est préférable de le faire pour supprimer les caractères spéciaux des fichiers.
Comme je l’ai mentionné plus haut, certains serveurs Web permettent les caractères spéciaux dans les noms de fichiers et d’autres non.
Si votre site Web fonctionnait bien avant le changement d’hébergeur ou de serveur et que maintenant certaines images ou autres fichiers ne fonctionnent plus, il s’agit peut-être de caractères spéciaux dans le nom du fichier qui causent le problème. Vos images ou fichiers ne sont plus accessible vous devez donc les supprimer et les téléverser de nouveau en les renommant d’abord ou avec une extension pour renommer pendant le téléversement.
Vous connaissez maintenant comment renommer des fichiers pour votre site Web! Si vous avez besoin d’aide, n’hésitez pas à nous contacter.
Obtenez nos six guides WordPress gratuitement en vous inscrivant à notre infolettre!
Les images sont au cœur de la création de votre site Web. Effectivement, ils contribuent à l’établissement de votre image de marque.
L’erreur 404 signifie que la page est introuvable. C’est important de corriger une erreur 404 dès que possible.
Si vous êtes impliqué dans le monde du design, en particulier dans le domaine du numérique, vous avez sûrement entendu parler des termes « UI » (User Interface / le design d’interface utilisateur) et « UX » (User Experience / le design d’expérience utilisateur).
Une nouvelle série de formations Web passionnantes vous attend. C’est votre opportunité de vous immerger dans ce monde en constante évolution!
