1.4Catégories, étiquettes & menus de navigation
L'essentiel en 30 secondes
- Les catégories sont les grands rayons hiérarchiques des articles ; les étiquettes sont des mots-clés transversaux. Les deux ne concernent que les articles.
- Peu de catégories, mais claires : un classement lisible vaut mieux qu'une multitude de rubriques.
- Le menu de navigation est l'architecture visible du site : il contient les pages et rubriques essentielles, pas tout.
Mini-cas filé — organiser le blog de l'atelier
Le blog de Hassan se remplit : conseils d'entretien, coulisses, annonces de marchés. Samir doit choisir un classement compréhensible et un menu qui mène aux pages clés. Il hésite à créer une catégorie par article, puis comprend qu'il vaut mieux quelques rayons clairs et des étiquettes pour les matériaux et les décors.
Suite du cas 1.3 — les contenus existent, il faut les rendre trouvables.
1. Catégories et étiquettes
Les catégories classent les articles dans de grands rayons hiérarchiques : on peut avoir « Conseils » et, dessous, « Entretien » ou « Cuisson ». Chaque article appartient à au moins une catégorie. Elles structurent le blog et permettent au visiteur d'explorer un thème entier.
Les étiquettes (tags) sont des mots-clés transversaux et non hiérarchiques : « grès », « émail », « fait main ». Elles relient des articles de catégories différentes. Attention : une étiquette unique par article n'apporte rien — ni navigation, ni SEO. Samir limite donc les catégories à quelques rayons et utilise les étiquettes avec parcimonie.
2. Construire le menu
Le menu de navigation est la barre de liens qui structure la visite. Il se gère dans Apparence → Menus, ou dans l'éditeur de site pour les thèmes récents (FSE). On y ajoute des pages, des catégories ou des liens personnalisés, puis on l'affecte à un emplacement défini par le thème (menu principal, pied de page, mobile).
Un bon menu principal contient les entrées essentielles — Accueil, Collections, À propos, Blog, Contact — et reste court. Un décalage vers la droite crée un sous-menu. Samir vérifie le rendu sur mobile : c'est là que la majorité des visiteurs naviguent.
🔎 Exemple concret — Classer et naviguer (cas Samir)
Catégories : Conseils (Entretien, Cuisson) / Coulisses / Événements.
Étiquettes : grès, émail, fait main (seulement si utiles).
Menu principal : Accueil · Collections · Blog · À propos · Contact.
→ Blog rangé, visiteur guidé, mobile vérifié.Résultat : un blog lisible et un parcours clair.
Leçon : le classement sert le visiteur avant de servir Google.
Vocabulaire de la section
- Catégorie
- Classement principal et hiérarchique des articles, en grands thèmes et sous-thèmes.
Exemple simple : « Conseils » avec les sous-catégories « Entretien » et « Cuisson ».
Ce que ce n'est pas : créer une catégorie par article.
Réflexe : grand rayon hiérarchique = catégorie.
- Étiquette
- Mot-clé transversal et non hiérarchique, qui relie des articles de catégories différentes.
Exemple simple : « grès » relie un conseil et une coulisse.
Ce que ce n'est pas : créer une étiquette unique pour chaque article.
Réflexe : mot-clé transversal = étiquette, avec parcimonie.
- Menu de navigation
- Barre de liens qui structure la visite : pages, catégories, liens personnalisés.
Exemple simple : Accueil · Collections · Blog · Contact.
Ce que ce n'est pas : mettre toutes les pages dans le menu.
Réflexe : menu = chemin principal.
- Emplacement de menu
- Zone d'affichage définie par le thème : menu principal, pied de page, mobile.
Exemple simple : Samir affecte le menu à l'emplacement principal.
Ce que ce n'est pas : créer un menu sans l'affecter à un emplacement.
Réflexe : un menu doit être assigné pour apparaître.
- Architecture de l'information
- Organisation globale qui rend le site navigable : catégories claires + menu court.
Exemple simple : trois rayons et cinq entrées suffisent à l'atelier.
Ce que ce n'est pas : empiler les rubriques sans hiérarchie.
Réflexe : penser au parcours du visiteur.
En pratique — Organiser le contenu et le rendre navigable
- Créez deux ou trois catégories parlantes pour votre projet et assignez-y les articles.
- Ajoutez quelques étiquettes pertinentes à un article et observez les liens entre catégories.
- Créez le menu principal avec les pages clés et une catégorie.
- Affectez le menu à l'emplacement principal et vérifiez le rendu sur mobile.
Script prêt à dire — expliquer le rangement (20 s)
« Vos articles seront rangés dans quelques grandes rubriques, comme les rayons d'une boutique. Le menu du haut reste court : les visiteurs trouvent tout de suite vos collections, vos conseils et votre contact, même sur téléphone. »
L'image des rayons de boutique parle immédiatement à un artisan.
Modèle copier-coller — plan de classement
CATÉGORIES (2-5) : _______________
SOUS-CATÉGORIES : _______________
ÉTIQUETTES UTILES : _______________
MENU PRINCIPAL : _______________
EMPLACEMENT AFFECTÉ : principal / pied de page / mobileBlog naissant
Deux catégories suffisent ; on en ajoute quand le volume le justifie.
Catalogue riche
Catégories par usage, étiquettes par matériau ou style.
Site vitrine sans blog
Le menu se concentre sur les pages ; les catégories restent vides.
Thème FSE
Le menu se gère dans l'éditeur de site via le bloc Navigation.
✓ Bonnes pratiques
- Créer peu de catégories, mais bien nommées.
- Utiliser les étiquettes seulement si elles relient des contenus.
- Tester le menu sur mobile avant de livrer.
✗ Pièges fréquents
- Une catégorie par article.
- Un menu qui liste toutes les pages.
- Oublier d'affecter le menu à un emplacement.
Points clés à retenir
- Catégories = rayons hiérarchiques ; étiquettes = mots-clés transversaux.
- Les deux concernent uniquement les articles.
- Le menu est l'architecture visible du site.
- Un menu court et un rendu mobile vérifié guident le visiteur.
Défi 48h — appliquez demain
Classez cinq articles fictifs dans deux ou trois catégories, ajoutez deux étiquettes transversales, puis construisez un menu de cinq entrées maximum. Vérifiez le rendu mobile. 20 minutes.
- Je classe des articles avec des catégories et des étiquettes.
- Je construis un menu court et fonctionnel.
- Je vérifie la navigation sur mobile.
Questions fréquentes
Catégorie ou étiquette : comment choisir ?
La catégorie répond à « dans quel grand rayon ? » (structurante, peu nombreuse) ; l'étiquette à « quels mots-clés précis ? » (transversale). Évitez une étiquette par article : les tags uniques n'apportent ni navigation ni SEO.
Comment ajouter une page au menu ?
Apparence → Menus : cochez la page à gauche, cliquez « Ajouter au menu », puis glissez-la à la bonne position. Un décalage vers la droite crée un sous-menu. Sur les thèmes FSE, on passe par l'éditeur de site et le bloc Navigation.
Faut-il un menu différent sur mobile ?
La plupart des thèmes adaptent automatiquement le menu principal en menu hamburger. Vérifiez le rendu et gardez les entrées essentielles en premier : sur mobile, la profondeur de navigation se paie.
L'atelier vend des pièces classées par usage (table, décoration, jardin). Comment organiser le blog ?