Concevoir votre site

Vous êtes très excité mais avant de vous lancer dans la découverte de WordPress (WP), veuillez lire jusqu’au bout cette page singulièrement intéressante.

Nous vous conseillons de la lire avant même d’avoir choisi un hébergeur et un nom de domaine : cela vous permettra de murir votre projet et de ne pas vous tromper sur votre nom de domaine.

Cette page contient des notions qui vont vous paraître abstraites mais l’effort en vaut la chandelle. Vous devrez revenir sur cette page à plusieurs reprises au cours de la mise en place de votre site. Si vous êtes perdu, reprenez la todo-list.

Page ou article ?

Dans le jargon WP, les pages (au sens HTML) sont de deux types : les articles et les pages. WP distingue donc 2 types de pages. Les Articles, sont juste des pages HTML particulières.

Donc, dans un contexte WP, on distinguera dorénavant les articles et les pages.

Le blog

Dans un blog, les articles sont plutôt destinées à recevoir au fil de l’eau les publications d’un ou plusieurs auteurs. L’internaute ayant tendance à s’intéresser aux publications les plus récentes, les derniers articles publiés sont souvent mis en avant dans une liste chronologique présente sur la page d’accueil. Ca, c’est le vrai blog en prise avec une actualité ciblée ou non.

Dans ce type de blog, les pages sont souvent destinées à présenter des infos de référence ou pratiques : Nos valeurs, Nous contacter, Glossaire, Bibliographie, etc.
Ces pages peu nombreuses (4 ou 5) sont généralement accessibles dans la barre de menu en haut de l’écran.

Le site à thème

On est ici sur du partage de connaissance, du savoir-faire, des catalogues, avec la volonté de guider l’internaute vers une information bien précise qui, sur un site marchand, débouchera sur un achat : Cuisinez sain, Jardinez bien, La numismatique romaine avant Jésus-Christ, Mairie du XXII^e, Où s’embrasser à Paris, Que faire à Gennevilliers quand on est vieux, seul et malade, etc.
Les informations et les parcours sont structurés du général au particulier, dans une hiérarchie de pages qui sont mises à jour quand c’est nécessaire.

Sur ce type de site, on peut trouver parfois une liste d’articles à laquelle on accède par un menu Actualité présent dans la barre de navigation, en haut de l’écran. Ca permet d’animer le site : informer d’une évolution, zoomer sur un aspect méconnu, proposer une vision transverse…

Le choix du site écrire.fun

La vérité est que je n’y connaissais rien : j’ai fait le choix du blog par défaut.

Après, ce site n’est pas un manuel d’écriture. La Description du site, affichée dans les pieds de page, dit « Partager ma pratique de l’écriture de façon ludique ». Je rédige mes articles en me laissant guider par l’humeur, au gré de mes errances intellectuelles. Alors, pourquoi pas un blog.

Cela ne m’a pas empêché de construire en marge une hiérarchie de pages pour structurer cette Présentation de WordPress.

Organisation des pages et des articles

Lors du paramétrage de WP, l’une des 1^ères choses que vous allez devoir choisir est la nature de votre page d’accueil :

Par défaut, WP propose que votre page d’accueil affiche la liste complète de vos articles. Ce choix convient parfaitement à un blog (ou blogue), c’est à dire à un site sur lequel une ou plusieurs personnes postent des articles (quel que soit le ou les centres d’intérêt du blog).

C’est le cas du site https://écrire.fun/ que vous parcourez actuellement.

Quelques organisations possibles des pages et des articles :

• Les pages peuvent être organisées hiérarchiquement. Les articles n’ont pas cette possibilité.
  • Une page pouvant avoir une et une seule page parent et une page pouvant être le parent de plusieurs pages enfants (à vous de définir le parent d’une page enfant).
  • Ces liens enfant-parent sont exploités par différents blocs prédéfinis, comme la liste des pages enfants ou les menus, qui peuvent embarquer automatiquement toute une hiérarchie.
• Les articles peuvent être regroupés par catégories. Les pages n’ont pas cette possibilité.
  • Un article peut appartenir à plusieurs catégories et une catégorie peut bien sûr regrouper plusieurs articles (à vous de créer ces catégories et de les assigner aux articles).
  • Daniel ROCH (cf. Bibliographie) conseille de n’attribuer qu’une seule catégorie à un article, pour conserver un semblant de hiérarchie au sein de vos articles.
  • Dans un menu, au lieu de pointer une page ou un article, vous pouvez pointer une catégorie (vous obtiendrez une liste des articles appartenant à cette catégorie). Il existe aussi un bloc prédéfini Catégories qui liste les catégories de l’article dans lequel le bloc se trouve (avec un lien vers chacune de ces catégories).
• Les articles peuvent aussi être regroupés de façon transverse par étiquettes (ou tags) selon le même principe que les catégories. Les pages n’ont pas cette possibilité.
  • Vous pourriez par exemple avoir un site de recette de cuisine avec 3 catégories Entrées, Plats, Desserts et une étiquette Moins de 5 mn. C’est assez séduisant, surtout quand il n’y a qu’une seule étiquette.
  • Mais Daniel ROCH vous déconseille d’utiliser les étiquettes. C’est lourd à maintenir, c’est coûteux (le moindre regroupement nécessite la création d’une page qui donne la liste de ses éléments), ça duplique les contenus, les robots d’indexation préfèrent les structures hiérarchiques.

Vous pouvez avoir une structures de pages hiérarchisées :

Ou une structure d’articles plus ou moins hiérarchisés :

NB : les moteurs de recherche et leurs robots d’indexation préfèrent la Hiérarchie de pages à n niveaux et ils pensent que WordPress permet de faire tout et n’importe quoi.

Rien ne vous empêche d’avoir une hiérarchie mixte :

C’est ce que j’ai fait dans ce site :

• Ma page d’accueil est une page d’articles (liste des articles)
• Mon menu est organisé de la sorte :
  • En 1^er niveau, des libellés de rubriques qui ne pointent sur rien mais qui me permettent de regrouper entre elles des catégories et/ou des pages
  • En 2^e niveau, des libellés qui pointent :
    • vers une catégorie quand celle-ci regroupe plusieurs articles
    • vers un article quand celui-ci est le seul de sa catégorie (ça m’évite d’afficher une liste qui ne contiendrait que le titre d’un seul article)
    • vers une page simple, appelée uniquement par le menu (les pages secondaires appelées par des articles ne figurent pas au menu : il faut passer par l’article)
    • vers une page parent qui a des filles (je ne fais figurer que la page parent dans le menu principal) : j’ai à date une seule structure hiérarchique de pages dont la page parent racine est Construire et gérer un blog avec WordPress (tiens tiens).

Mais rien ne vous empêche de partir sur une structure de pages hiérarchiques si vous avez un contenu très structuré à mettre en valeur (recettes de cuisine, description de votre ville, catalogue…) et, pour animer un peu votre site, adjoindre une page spécifique que vous appellerez Blog ou Actualités qui ressemblera à la page d’accueil d’un blog WP et contiendra la liste de vos articles.

Pour fabriquer cette page Blog, il vous suffit de paramétrer WP-admin /Réglages /Lecture, pour que votre page d’article hérite du modèle de votre thème (ici la page d’actualité à pour titre Blog) :

L’accès à cette page d’actualités sera bien en vue dans votre menu :

Pourquoi faudrait-il se plier aux exigences des moteurs de recherche (rappelez-vous, ils préfèrent les structures hiérarchiques) ?

Réponse : pour être bien noté par les robots d’indexation et avoir la chance d’apparaître sur la première page de résultat des moteurs de recherche.

Soyons clair, à moins d’avoir un succès de folie, ou d’être sponsorisé (avoir payé Google), les articles de votre blog ont peu de chance de remonter. Contentez-vous de communiquer l’URL de votre site à vos proches et comptez davantage sur le bouche-à-oreille.

Néanmoins, une structure hiérarchique garantie que vos idées sont bien organisées et que l’exploration de votre site est naturelle. Cela n’a pas de prix.

Par ailleurs, une structure hiérarchique n’empêche pas de faire des liens entre les pages. Daniel ROCHE préconise, outre les liens vers le parent et les filles, de créer des liens entre les pages sœurs (celles qui ont la même page-parent) :

Les passionnés liront avec délectation le livre de Daniel ROCHE, spécialiste du SEO¹, indiqué dans la bibliographie.

Les permaliens

Par ailleurs, WP impose certaines contrainte concernant les URL.

Dans WP, l’URL est appelée permalien (dans le menu Réglages) et le nom de la ressource est appelé slug (dans le menu Modification rapide des pages et des articles).

Rappel : on continue de faire la distinction entre les pages et les articles.

URL d’une page sans page parent mentionnée

https://mondomaine/mapage

Soit, https://nomdedomaine/slug

URL d’une page avec une page parent mentionnée

On suppose que mapage a pageparent pour page parent

https://mondomaine/pageparent/mapage

Soit https://nomdedomaine/slug1/slug2

URL d’une page avec 2 pages parents qui s’enchaînent

On suppose que mapage a pageparent2 pour page parent et que pageparent2 a pageparent1 pour page parent

https://mondomaine/pageparent1/pageparent2/mapage

Soit https://nomdedomaine/slug1/slug2/slug3

URL d’un article de catégorie « Dessert »

Tout va dépendre du choix que vous allez faire dans Réglages/Permaliens/Structure des permaliens/Structure personnalisée : deux choix raisonnables s’offrent à vous :

• /%postname%/
  • https://mondomaine/monarticle
  • Soit https://nomdedomaine/slug
• /%category%/%postname%/
  • https://mondomaine/dessert/monarticle
  • Soit https://nomdedomaine/categorie/slug
    ou
    https://nomdedomaine/categorieparent/catégorie/slug

Il faut, avant de choisir, réfléchir aux catégories que vous allez créer et aux noms (slugs) que porteront vos articles, et aussi être conscient des contraintes entraînées par la présence de la catégorie dans l’URL des articles :

• Toute modification de la catégorie entraine la modification des URL dans lesquelles elle apparaît (avec des désagréments que nous verrons plus tard)
  • Donc, si vous incluez la catégorie dans les URL des articles, et que vous modifiez le nom d’une catégorie, vous modifierez de fait toutes les URL qui la contiennent (articles de cette catégorie, articles des catégories dont la catégorie modifiée est le parent même lointain, pages résultat de recherche des articles de cette catégorie et de ses enfants). Si cela arrive, vous devrez pensez à mettre en place des redirections des anciennes URL vers les nouvelles car les anciennes URL auront peut-être déjà été utilisées par vous si vous avez créé des liens d’une page vers ces anciennes URL, ou par des moteurs de recherche qui ont déjà associé des mots clés à ces anciennes URL (erreur 404 en perspective : cette ressource n’existe plus).
  • Faites la liste de toutes les URL impactées avant de modifier le nom d’une catégorie.
  • Je vous laisse réfléchir aux impacts en cas de suppression.
• On pourra donc ajouter des catégories mais il faudra éviter si possible d’en modifier ou d’en supprimer.
• Pourquoi j’ai choisi d’adopter le format /%category%/%postname%/ dans écrire.fun ?
  • Je ne savais pas qu’il valait mieux l’éviter pour simplifier la gestion des catégories
  • J’étais décidé à ne pas modifier mes catégories (je les ai finalement modifiée en regroupant certaines)
  • Je n’avais pas prévu de mettre en place de catégories parents
  • Mes slugs (ou postname, c’est à dire le nom de l’article dans son url) étaient parfois fantaisistes (à éviter) et je n’étais pas mécontent de pouvoir donner une apparence structurée à mon bazar, au moyen du nom de la catégorie qui précédait.

URL d’une page catégorie (résultat d’une recherche listant les articles d’une même catégorie)

https://mondomaine/prefixedescategories/categorie
ou
https://mondomaine/prefixedescategories/categorieparent/categorie

• Ce préfixe des catégories est imposé par WP dans l’URL des pahges résultat des catégories pour éviter qu’une telle page se retrouve avec la même URL qu’un article ; ça sent la solution de contournement qui pue.
• C’est à vous de le choisir le préfixe des catégories (Réglages/Permaliens/Préfixe des catégories). Il faut lui trouver un libellé que l’on retrouvera dans l’URL des pages résultat de toutes les catégories recherchées. Par conséquent, ce libellé doit être représentatif de tous les articles, c’est à dire du site tout entier s’il s’agit d’un blog. Et donc, ce préfixe des catégories sera potentiellement redondant avec le nom du domaine !
• Exemple : pour le site écrire.fun, j’ai choisi le préfixe textes-droles. texte est redondant avec écrire et drole est redondant avec fun : on ne peut pas faire plus redondant ! On va dire que c’est une autre façon de dire la même chose.
• Si vous ne précisez pas de préfixe dans les réglages, WP utilise par défaut category. Faut-il alors choisir categorie ? Pas sûr que les moteurs de recherche se soient habitués à interpréter ce mot avec prudence. Pire, certains robots d’indexation (Google lui-même) vont visiter et essayer d’indexer la page https://mondomaine/prefixedescategories/ qui n’existe pas (ils recevront une erreur 404 et se sentiront offensés).
• Certaines extensions (Yoast SEO par exemple) permettent de passer outre ce format imposé et de supprimer le chainon catégorie dans l’URL des pages résultat des catégories : nous verrons lors de la phase de paramétrage comment utiliser Yoast SEO pour supprimer cet élément qui pourrit les URL des pages résultat des catégories.

Définir les catégories

C’est naturellement l’étape suivante.

Vous pouvez déjà les créer dans le menu Articles/Catégories/Ajouter une catégorie.

Donnez leurs des libellés courts car si vous affichez la catégorie de l’article dans son entête, mettons à droite, sur un smartphone il risque de ne pas avoir assez de place sur la ligne et la catégorie s’affichera à la ligne (c’est moche).

Choisissez un nom au pluriel car à terme il y aura plusieurs articles par catégorie.

Un article appartient à au moins une catégorie.

Une catégorie peut avoir une catégorie parente (contrairement aux étiquettes qui sont plus transverses).

Une catégorie est donc une page (générée automatiquement) où figure une liste d’articles. Cette page s’affichera si vous cliquez sur un lien tel que :

• Elément d’un menu que vous avez fait pointer sur une catégorie
• Catégorie listée par le bloc WIDJET Liste des catégories (liste de toutes les catégories du site)
• Catégorie listée par le bloc THEME Catégories (liste de toutes les catégories auxquelles appartient l’article où se trouve ce bloc ; possiblement une seule catégorie)

Dans tous les cas, la page catégorie qui s’affichera contiendra la liste des articles de cette catégorie.

L’URL de cette page catégorie commencera toujours par https://mondomaine.fr/categorie/ : on suppose ici que vous avez paramétré categorie dans Réglages/Permaliens/Préfixe des catégories

Supposons que vous ayez hiérarchisé vos catégories sur deux niveaux, vous pourrez avoir :

• Pour la catégorie categorieparent : https://mondomaine.fr /categorie/categorieparent
  • Cette page contiendra également tous les articles des catégories enfants, même si vous n’avez pas dit explicitement que ces articles appartenaient aussi à la catégorie parent
• Pour la catégorie categorieenfant : https://mondomaine.fr/categorie /categorieparent/categorieenfant
  • Cette page contiendra également tous les articles des catégories enfants de la catégorie categorieenfant si celle-ci est aussi parent

Un petit récap s’impose. Supposons que j’ai 3 articles (Quiz 1, Enigme 1, Enigme 2) et 3 catégories (Jeux, Quiz, Enigmes avec Jeux parent des 2 autres) :

Catégorie cliquée	URL de la page résultat de la catégorie	Articles listés
Quiz	https://mondomaine.fr/categorie/jeux/quiz	Quiz 1
Enigmes	https://mondomaine.fr/categorie/jeux/enigme	Enigme 1 Enigme 2
Jeux	https://mondomaine.fr/categorie/jeux/	Quiz 1 Enigme 1 Enigme 2

Le bloc THEME Catégories affichera Quiz s’il se trouve dans l’article Quiz 1.

Le bloc WIDJET Liste des catégories affichera Blog, Enigme, Quiz, s’il se trouve dans n’importe quel article (curieusement, Jeux, apparaît dans cette liste dans WP-admin mais pas sur le site : ce qui s’explique par le fait que la case de la catégorie Jeux n’a jamais été cochée explicitement dans le paramétrage).

Ensuite, dans le menu (navigation), je ne suis pas obligé d’exploiter la catégorie Jeux :

Soit l’on fait pointer le libellé Jeux vers la catégorie, et il est alors cliquable

La zone URL contient l’URL de la catégorie Jeux :

Soit le libellé Jeux n’est pas un lien, et il est alors non cliquable

La zone URL est vide :

La question se pose alors : est-ce que je veux utiliser la catégorie Jeux pour lister l’ensemble des jeux ? Autrement dit, est-ce que certains internautes sont susceptibles de faire une recherche avec le mot clé jeux ? Si la réponse est oui alors on peut créer une hiérarchie de catégories avec une catégorie parent Jeux.

Mais ce n’est pas toujours le cas. Voici un exemple.

Sur le site écrire.fun, j’ai créé des catégories, sans aucune catégorie parent.

• Analogies
• Aphorismes
• Bestiaire
• Chroniques
• Commentaires
• Contes
• Critiques films
• Critiques livres
• Devinettes
• Exer6 de style
• Expressions
• Jeunesse
• Journal intime
• Moqueries
• Noter ses rêves
• Poèmes
• Quiz
• Rhétorique
• Théâtre
• Voyages

Mais dans le menu, je les ai regroupées selon une logique très personnelle en fonction de la longueur approximative du texte à produire pour réaliser l’exercice (l’idée étant de s’entrainer à produire des textes de plus en plus longs) : Phrases, Textes, Récits. J’ai en outre introduit 3 autres regroupements : Jeux (pour l’aspect fun), Outils, Potins.

Cependant, Phrases, Textes, Récits, Jeux, Outils et Potins ne sont pas des mots clés idéals pour faire des recherches Google sur le thème de l’écriture :

• Phrases, Textes, Outils et Potins ne sont pas assez précis pour faire une recherche sur Google
• Récits est plus intéressant : un internaute pourrait rechercher Comment construire un récit.
  • écrire.fun + Récit pourraient séduire un moteur de recherche
• Jeux est également intéressant : un internaute pourrait rechercher Jeux littéraires.
  • écrire.fun + Jeux pourraient séduire un moteur de recherche.

J’ai donc décidé d’utiliser ces regroupements, non comme des catégories qui pourraient apparaître dans des URL mais dans uniquement pour définir un parcours pédagogique progressif (Phrases, Textes, Récits).

Choisir un thème

Un thème est un ensemble de fichiers modèles (templates) et de feuilles de style (CSS), utilisés pour définir l’apparence et la présentation des informations d’un site (son design). Vous y trouverez une présentation toute faite des principales pages : page d’accueil et sa liste d’articles, article, page, page de recherche avec, pour chacune, une barre de navigation (menu) et quelques infos standards plus ou moins utiles (dates, nom d’auteur, etc.).

Il se peut qu’un Thème par défaut ait été affecté à votre site au moment de la configuration de l’hébergement. Si c’est le cas, ce sera probablement le dernier thème créé par WP, par exemple Twenty Twenty-Four (chaque année, WP propose un nouveau thème qui porte le nom de l’année de sa parution).

Vous pouvez naturellement en choisir un autre dans : Apparences/Thèmes/Ajouter un thème. Ça n’ajoutera rien du tout tant que vous n’aurez pas cliqué sur Installer. Une fois le thème choisi et installé, il restera à cliquer sur Activer.

Prenez le temps de prévisualiser ce qui est proposé et sachez que, tant que vous n’avez pas personnalisé le thème, vous pouvez en changer sans vous poser de question.

Quand on a adopté un thème, il est rare qu’on en change.

Perso, j’aurais tendance à prendre l’un des thèmes de WP et à le personnaliser.

Vous pouvez personnaliser le thème que vous avez choisi en allant dans : Apparences/Editeur/Modèles. Nous verrons quelques exemples lorsque nous aurons parlé des blocs.

---

NOTES

1. Search Engine Optimization soit Optimisation pour les moteurs de recherche. ↩︎