Générateur de slug d'URL

Ce qu’est un slug

Un slug est la partie d’une adresse web qui désigne une page avec des mots. Dans exemple.fr/blog/recette-creme-brulee, le slug est recette-creme-brulee. Les systèmes de gestion de contenu comme WordPress, Shopify et la plupart des générateurs de sites statiques construisent les slugs à partir des titres de pages. Shopify les appelle des « handles ».

Un bon slug est facile à lire, facile à taper et sûr dans n’importe quel navigateur. Cela veut dire des lettres minuscules, des chiffres et un seul séparateur entre les mots. Pas d’espaces, pas de ponctuation, pas d’accents qui se transforment en longs codes %C3%A9 quand on copie le lien. Pour un site en français, où presque chaque titre contient des accents, c’est le point le plus important.

Ce générateur de slug fait cette conversion pour toute une liste d’un coup, un slug par ligne.

Comment utiliser le générateur de slug

1. Collez vos titres dans Titres, un par ligne. Chaque ligne devient un slug, et les lignes vides restent vides pour que le résultat s’aligne sur votre liste.
2. Lisez les résultats dans Slugs et appuyez sur Copier.
3. Modifiez les options en bas selon votre site :
   • Séparateur : trait d’union, tiret bas, point ou aucun.
   • Longueur maximale (0 pour aucune limite) : le slug le plus long accepté. Les slugs trop longs sont coupés au dernier mot entier qui tient.
   • Minuscules : activé par défaut. Désactivez-le pour garder les majuscules.
   • Retirer les accents (é en e) : remplace les lettres accentuées et les lettres latines spéciales par des lettres simples.
   • Retirer les mots vides : supprime de courts mots anglais de remplissage comme the, a, to, and, of et for.

La ligne sous l’outil indique combien de slugs vous avez créés et la longueur du plus long.

Exemples

Ces slugs viennent de l’exécution du générateur sur chaque titre.

Les titres français : apostrophes et mots vides

Deux particularités demandent votre attention avec des titres en français :

• Les apostrophes sont retirées sans espace. L’outil supprime l’apostrophe pour que « Isn’t » devienne « isnt ». En français, cela soude l’article élidé au mot : « L’été en Provence : 10 idées de balades » donne lete-en-provence-10-idees-de-balades. Si vous préférez l-ete ou simplement ete, remplacez d’abord l’apostrophe par une espace, ou supprimez « L’ » du titre.
• Les mots vides sont anglais. L’option Retirer les mots vides n’enlève ni « le », ni « la », ni « de », ni « des ». Sur le titre ci-dessus, elle ne change rien. Pour un slug français plus court, retirez ces mots à la main ou utilisez Longueur maximale.

Comment ça marche

Chaque ligne passe par les mêmes étapes :

1. Une esperluette devient le mot « and », et les apostrophes sont retirées, si bien que « Isn’t » devient « isnt » plutôt que « isn-t ». En français, mieux vaut écrire « et » dans le titre si vous ne voulez pas de « and » dans le slug.
2. Si la conversion des accents est activée, les lettres comme ß, æ, œ, ø et ł sont écrites en toutes lettres, puis la normalisation Unicode sépare les lettres comme é en e plus un signe d’accent, et le signe est supprimé.
3. Le texte est mis en minuscules si l’option est activée.
4. Chaque suite de lettres et de chiffres devient un mot. Tout le reste, ponctuation et espaces en trop compris, sert de coupure entre les mots.
5. Les mots vides sont retirés si vous l’avez demandé. Si un titre n’est fait que de mots vides, ils sont gardés pour que le slug ne soit pas vide.
6. Les mots sont reliés par votre séparateur et coupés à la longueur maximale, à la fin d’un mot.

Tout se passe dans votre navigateur.

Conseils pour de bons slugs

• Faites court. Trois à six mots porteurs de sens suffisent en général. Utilisez Longueur maximale ou Retirer les mots vides pour raccourcir les longs titres.
• N’incluez pas de date, sauf si la date est le sujet de la page. Un slug sans année peut être mis à jour plus tard sans redirection.
• Choisissez un style et gardez-le. Mélanger traits d’union et tirets bas sur un site fait désordre et rend les liens plus difficiles à deviner.
• Changez les slugs avec prudence. Une fois une page en ligne et liée, un nouveau slug casse les anciens liens sauf si vous mettez en place une redirection depuis l’ancienne adresse.
• Vérifiez les doublons. Deux articles au même titre recevront le même slug. La plupart des systèmes ajoutent -2 à la fin, mais mieux vaut des titres différents.

Autres façons de créer un slug

En JavaScript, une version rapide pour un texte anglais simple est :

'Hello World'.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '')

Elle renvoie hello-world. Elle ne gère pas les accents : Café perdrait sa dernière lettre, et un titre français comme « Été » perdrait ses deux é. Python a le paquet python-slugify, et la plupart des frameworks ont une fonction de slug, comme Str::slug dans Laravel et slugify dans Django.

Dans un tableur, vous pouvez enchaîner MINUSCULE et SUBSTITUE (LOWER et SUBSTITUTE en anglais), mais chaque accent et chaque ponctuation demandent leur propre SUBSTITUE : coller la liste ici est plus rapide.

Outils associés

Pour des noms de variables plutôt que des adresses web, utilisez le convertisseur kebab-case. Pour encoder un texte qui doit rester exactement tel quel dans un lien, utilisez l’outil pour encoder une URL. Pour ajouter le suivi de campagne au lien final, utilisez le générateur UTM.