Comment structurer un site web : hiérarchie des pages, structure des URL, liens internes et sites plats ou profonds, avec cinq diagrammes de plan de site pour un couvreur, un restaurant, une clinique, un cabinet d'avocats et une boutique en ligne, chacun dérivé d'un design de modèle We.Inc.
La structure d'un site web, c'est la façon dont vos pages sont organisées et liées entre elles : quelle page se trouve sous quelle autre, à quoi ressemblent les adresses (URL) et comment les visiteurs et les moteurs de recherche se déplacent entre elles. Une bonne structure permet à n'importe qui d'atteindre n'importe quelle page en deux ou trois clics, et chaque page a un rôle clairement défini. Voici d'abord les règles, puis cinq exemples de plans de site, chacun développé à partir des sections d'un design de modèle We.Inc (et non d'un vrai site client).
| Composante | Ce que cela signifie | Règle de base |
|---|---|---|
| Hiérarchie | Quelles pages sont au niveau supérieur et lesquelles se trouvent en dessous. | Cinq à sept pages de premier niveau dans le menu principal. |
| Structure des URL | L'adresse de chaque page. | Courte, en minuscules, avec des tirets, et reflétant la hiérarchie : /services/reparation-toiture. |
| Liens internes | Liens d'une de vos pages vers une autre. | Chaque page renvoie vers sa page parente et vers les pages connexes. Aucune page ne doit avoir zéro lien qui pointe vers elle. |
| Profondeur | Combien de clics depuis la page d'accueil pour atteindre une page. | Les pages importantes accessibles en trois clics. |
Un site plat garde presque toutes les pages à un clic de la page d'accueil. Un site profond imbrique les pages sur plusieurs niveaux (accueil, catégorie, sous-catégorie, élément).
Chaque modèle ci-dessous se présente initialement comme une longue page dont les liens de menu permettent de sauter d'une section à l'autre. C'est un bon point de départ. Lorsqu'une section prend de l'ampleur (plus de services, plus de plats au menu, plus d'avocats) ou que vous souhaitez qu'elle soit bien référencée pour sa propre recherche, promovez-la en une page à part entière. Les diagrammes montrent cette version développée. Les éléments entre [crochets] sont des espaces réservés.
Dérivé des sections du modèle Ironpeak Roofing : services, matériaux, sinistres tempête, avis, inspection gratuite.
//services/services/roof-replacement/services/roof-repair/services/gutters/storm-damage/materials/reviews/areas/areas/town-a/areas/town-b/free-inspectionPourquoi cette structure : chaque service dispose de sa propre page pour correspondre à sa propre recherche (« réparation toiture [ville] »). Les pages de zones desservies ne sont utiles qu'avec des informations locales concrètes (chantiers réalisés, temps de trajet) ; des copies avec juste le nom de la ville changé constituent du contenu peu pertinent. La page d'inspection gratuite est liée depuis l'en-tête de chaque page. En savoir plus sur le référencement pour couvreurs.
Dérivé du modèle Azafran : la salle, la carte, les réservations, la visite.
//menu/menu/dinner/menu/drinks/about/private-dining/reservations/visitPourquoi cette structure : plate. Les visiteurs veulent la carte, les horaires et une réservation, généralement sur téléphone. Publiez la carte en texte HTML plutôt qu'uniquement en PDF pour qu'elle soit lisible et trouvable. Voir le référencement pour restaurants et comment créer un site web pour restaurant.
Dérivé du modèle Verdant Family Health : nos soins, l'équipe, nous rendre visite, prendre rendez-vous.
//services/services/check-ups/services/chronic-conditions/services/children/team/team/doctor-name/new-patients/visit/bookPourquoi cette structure : une page « Nouveaux patients » distincte répond aux questions d'un premier visiteur (formulaires, assurance, ce qu'il faut apporter) sans encombrer la page d'accueil. Chaque page de praticien renvoie vers les services qu'il propose, et chaque page de service renvoie vers les praticiens qui l'assurent. Voir le référencement pour dentistes.
Dérivé du modèle Sterling & Vance LLP : domaines de pratique, avocats, résultats, contact.
//practice-areas/practice-areas/commercial-litigation/practice-areas/employment/practice-areas/real-estate/attorneys/attorneys/partner-name/results/blog/blog/article-slug/contactPourquoi cette structure : c'est l'un des exemples les plus profonds. Les gens effectuent des recherches par problème juridique, donc chaque domaine de pratique dispose de sa propre page, et chaque profil d'avocat renvoie vers ses domaines. Une section publications (blog) est facultative ; n'en créez une que si vous publierez régulièrement. Voir le référencement pour avocats.
Dérivé du modèle Cellar & Rowan : boutique, notre savoir-faire, matériaux, revendeurs, panier.
//shop/shop/candles/shop/candles/product-name/shop/stoneware/shop/pantry/about/stockists/blog/shipping-returns/cartPourquoi cette structure : la plus profonde des cinq : accueil, catégorie, produit. Les pages de catégories sont là où la navigation et la recherche se rejoignent. Maintenez chaque produit à une seule URL même s'il apparaît dans deux catégories, et liez les pages de politique depuis le pied de page et la page de paiement. Voir comment créer une boutique en ligne.
Choisissez ensuite une mise en page pour chaque type de page parmi les exemples de mise en page de site web, et comparez les menus aux exemples de navigation.
Commencez par un modèle proche de votre activité. Le plan Gratuit offre jusqu'à 3 sites modèles sur une adresse we.inc (sans crédits IA ni domaine personnalisé). Sur Starter ($20/mois), vous pouvez demander au créateur IA d'ajouter des pages, par exemple « ajouter une page pour chaque service avec sa propre adresse », et connecter votre propre domaine ; Pro est à $50 et Max à $99 par mois (tarifs). Le guide design de site web adapté au référencement couvre les aspects on-page.
La façon dont les pages d'un site sont organisées et liées entre elles : la hiérarchie des pages, l'URL de chaque page et les liens internes entre elles.
Généralement plate : une page d'accueil, cinq à sept pages de premier niveau, et des pages distinctes pour chaque service principal, tous accessibles en deux ou trois clics.
Plate pour les petits sites ; un peu plus profonde (accueil, catégorie, élément) pour les boutiques, les annuaires ou les cabinets proposant de nombreux services. Gardez les pages importantes accessibles en trois clics.
Des mots courts en minuscules séparés par des tirets, reflétant la hiérarchie, comme /services/reparation-toiture. Ne modifiez pas les URL qui reçoivent déjà des visites sans une redirection 301.
Oui. Une hiérarchie claire et des liens internes aident les moteurs de recherche à trouver et à comprendre chaque page, et permettent à chaque page de cibler sa propre recherche.
Non. Ils sont développés à partir des sections des designs de modèles We.Inc, comme exemples de structure.
Commencer gratuitement · Sans carte bancaire