Quatre composants essentiels d'une page web

Toute page web bien structurée contient ces quatre sections principales :

1. En-tête (<header>)

• Logo / marque du site.
• Menu de navigation principal (liens vers sections majeures).
• Barre de recherche.
• Contrôles compte utilisateur (connexion, panier, profil).
• Fixe/sticky au défilement pour accès constant.

2. Corps / Contenu principal (<main>)

• L'information principale pour laquelle la page existe.
• Articles, grilles produits, tableaux de bord, formulaires, vidéos, outils interactifs.
• HTML sémantique : <article>, <section>, titres (<h1>–<h6>).
• Mise en page responsive (CSS Grid/Flexbox) s'adaptant au viewport.

3. Barre latérale (<aside>)

• Contenu secondaire, contextuel.
• Articles liés, filtres catégories, bio auteur, inscription newsletter.
• Unités publicitaires (bannières sidebar, native ads).
• Preuve sociale (témoignages, badges confiance).
• Souvent repliée sur mobile (hamburger/tiroir).

4. Pied de page (<footer>)

• Mention copyright, année.
• Liens légaux : Politique confidentialité, CGU, Politique cookies, Déclaration accessibilité.
• Infos contact (adresse, téléphone, email, lien formulaire contact).
• Navigation secondaire : plan de site, carrières, presse, investisseurs.
• Icônes réseaux sociaux (SVG, labels accessibles).
• Inscription newsletter (souvent dupliquée depuis sidebar).

Bonus : Cachés mais critiques

• Balises <meta> (viewport, description, Open Graph, Twitter Cards, canonical).
• <script type="application/ld+json"> données structurées (Schema.org).
• Enregistrement Service Worker (PWA hors-ligne).

Ensemble, ils créent une page cohérente, navigable, digne de confiance.