Guide pour la création d’arborescences de sites web 🗺️
Ce guide fournit un cadre complet pour la création d’arborescences de sites web efficaces pour les clients. Il couvre la structure fondamentale d’un site WordPress, une méthode étape par étape pour développer l’arborescence, un aperçu des différents types de pages et les meilleures pratiques de navigation.
Structure d’un site web WordPress 🏗️
Il est utile de comprendre les composants de base d’un site web WordPress, qui peuvent être comparés à un système d’exploitation. Les éléments essentiels sont :
- WordPress : Le système d’exploitation fondamental du site.
- Thème : Contrôle l’apparence visuelle du site web. Les thèmes couramment utilisés sont Astra ou le thème d’Elementor appelé « Hello ».
- Page Builder : Utilisé pour construire la structure des pages et organiser le contenu. Elementor est le constructeur de pages standard utilisé.
- Plugins : Ajoutent des fonctionnalités supplémentaires telles que des formulaires de contact, des calculateurs de coûts ou des capacités de commerce électronique (par exemple, WooCommerce).
Note importante : Bien que les clients puissent croire que WordPress est simple à gérer par eux-mêmes , leurs capacités réelles sont souvent limitées à des tâches simples et répétitives comme l’ajout d’un produit ou la modification de texte sur une page, et ce, généralement après avoir reçu une formation vidéo.
Types de pages et leurs rôles 🎭
Comprendre les différents types de pages et leurs fonctions est crucial pour construire un site web efficace.
Pages principales
- Accueil : C’est le principal point d’entrée du site. Son but est de faire une bonne première impression et de guider les utilisateurs vers les sections clés.
Métriques clés : Clics vers les sections clés et profondeur de défilement. - Page de navigation : Une page qui sert principalement à diriger les utilisateurs vers d’autres pages, comme une page de catégorie. Rarement utilisé
Métriques clés : Nombre de pages vues et taux de rebond. - Page hybride : Cette page combine la navigation avec du contenu. Elle offre des choix tout en fournissant également des informations.
Métriques clés : Taux de rebond, conversions et clics sur les CTA. - Page d’information/conversion (Service) : Ces pages fournissent des informations détaillées dans le but de convertir un visiteur (par exemple, les pages de service ou de produit).
Métriques clés : Demandes, ajouts au panier et clics de contact.
Pages secondaires
Ce sont généralement les pages moins « excitantes » mais parfois nécessaires comme « À propos », « Équipe », « FAQ » et les pages légales.
Comportement de lecture de l’utilisateur 🤓
Les utilisateurs ont tendance à balayer les pages web en diagonale plutôt que de lire chaque mot. Ils remarquent généralement les éléments dans cet ordre :
- Vidéos
- Images
- Titres
- Sous-titres
- Listes à puces
- Mots-clés en gras
- Les premières et dernières phrases d’un paragraphe
Pour cette raison, il est plus efficace de présenter d’abord le bénéfice à l’utilisateur, puis de détailler la solution, ce qui est l’inverse d’un argumentaire de vente traditionnel.
Créer l’arborescence : Une méthode express en 4 étapes 🚀
Suivez ces quatre étapes pour déterminer une arborescence claire et logique.
- Inventaire du contenu : Avant de proposer une nouvelle arborescence, vous devez examiner le contenu actuel du site web du client. Identifiez les pages existantes, leurs URL et, si possible, leur trafic actuel.
- Regroupement thématique : Regroupez le contenu en thèmes basés sur les affinités et l’intention de l’utilisateur. Réfléchissez à la raison pour laquelle un utilisateur visiterait une page spécifique.
- Justifier le « droit à l’existence » de chaque page : Chaque page doit avoir un objectif clair. Voici les critères pour qu’une page ait son « droit à l’existence » :
- Contenu suffisant : La page doit avoir suffisamment de contenu pour justifier son existence. Évitez les pages avec seulement quelques courts paragraphes. Des pages comme « Pourquoi nous choisir » sont généralement inefficaces, car ces arguments devraient être intégrés tout au long du parcours de l’utilisateur.
- Intention distincte de l’utilisateur : La page doit répondre à un besoin spécifique de l’utilisateur, qu’il s’agisse de trouver des informations, d’effectuer une action ou de rechercher une preuve sociale.
- Valeur SEO : Une page peut être justifiée si elle cible un mot-clé stratégique pour le positionnement dans les recherches naturelles.
- Parcours utilisateur : La page doit débloquer une étape dans le parcours de l’utilisateur, comme une page de catégorie sur un site de commerce électronique.
- Établir une hiérarchie : Organisez les pages de manière logique. Visez une profondeur maximale de trois niveaux, sans compter la page d’accueil. Pour du contenu répétitif comme des projets, des réalisations ou des articles de nouvelles , vous pouvez utiliser une structure « mère-enfant ».
- Fiche mère : C’est la première page créée qui sert de modèle pour la structure et les sections.
- Fiche enfant : Ce sont les pages suivantes qui réutilisent la structure de la page mère, mais avec un contenu différent. Il y a une différence de prix significative entre la création d’une fiche mère et celle d’une fiche enfant.
Navigation et repérage : Les meilleures pratiques 🧭
Un système de navigation clair est essentiel pour une bonne expérience utilisateur.
- Menu principal : Limitez-le à un maximum de 7-8 éléments pour plus de clarté. Utilisez des libellés clairs et concrets (par exemple, « Tarifs » au lieu de « Le prix de nos services ») et évitez le jargon.
- Méga-menu : Utile pour les sites avec plus de deux niveaux de navigation, permettant de regrouper le contenu par thème.
- Topbar : Il s’agit d’un menu secondaire tout en haut de la page pour les éléments moins critiques comme « Connexion », « Devis » ou la sélection de la langue.
- Fil d’Ariane : C’est une aide à la navigation qui montre l’emplacement actuel de l’utilisateur dans la hiérarchie du site, lui permettant de revenir facilement aux niveaux précédents. C’est particulièrement utile pour les sites de commerce électronique avec de nombreuses catégories de produits.
- Navigation mobile :
- Menu burger : L’icône de menu standard à trois lignes pour les appareils mobiles.
- Barre collante (sticky) : Une barre qui reste visible en haut ou en bas de l’écran lorsque l’utilisateur fait défiler la page, contenant souvent des appels à l’action clés comme « Appeler maintenant » ou « Obtenir un devis ». La placer en bas la rend plus accessible pour le pouce de l’utilisateur.
Considérations spéciales 🧐
Commerce électronique
- Pages de produits : Des visuels de haute qualité sont cruciaux. Incluez des avis de clients et des informations claires sur la livraison et les retours. Le bouton « Ajouter au panier » doit toujours être visible.
- Saisie des données : La saisie des informations sur les produits peut prendre beaucoup de temps. Les clients sous-estiment souvent cela et supposent que cela peut être automatisé, ce qui est rarement un processus simple.
- Pages oubliées : Les politiques de retour et de confidentialité sont souvent négligées mais sont très importantes, en particulier pour des services comme Google Shopping.
Fonctionnalités sur mesure
Proposez des fonctionnalités sur mesure lorsqu’elles ont un impact potentiel élevé sur l’expérience utilisateur et peuvent différencier le client de ses concurrents. Voici quelques exemples :
- Calculateurs de coûts ou d’économies
- Formulaires interactifs en plusieurs étapes
- Fonctionnalités de recherche avancée pour les grands inventaires
- Comparateurs de produits ou de services
Pesez toujours à l’impact potentiel par rapport à l’effort de développement requis.