Les éléments d’un site web : exemple commenté
Découvrez les éléments d’un site web à partir d’un exemple We.Inc : en-tête, navigation, bannière, appel à l’action, services, preuves, contact, pied de page et composants invisibles.
La plupart des sites de petites entreprises comportent huit éléments, de haut en bas : en-tête et navigation, bannière principale, appel à l’action, services, preuves, présentation, contact et pied de page. En coulisses se trouvent quelques éléments invisibles, comme le domaine, le titre de page et le plan du site. Ils sont tous indiqués ci-dessous sur un exemple de design créé avec We.Inc.
Les éléments visibles, de haut en bas
- En-tête. La bande supérieure avec le logo ou le nom de l’entreprise. Elle apparaît sur chaque page pour que les visiteurs sachent toujours où ils se trouvent.
- Navigation (menu). Liens vers les pages ou sections principales : Services, Présentation, Tarifs, Contact. Limitez-vous à cinq à sept éléments. Sur téléphone, le menu se replie derrière un bouton.
- Bannière principale. Le premier écran : un titre qui indique votre activité et votre public, une courte phrase d’appui et souvent une image. Les visiteurs décident en quelques secondes s’ils restent. Consultez les exemples de bannières principales.
- Appel à l’action (CTA). Le bouton principal, comme « Réserver un appel » ou « Demander un devis ». Placez-le dans la bannière principale et répétez-le vers le bas de page.
- Services ou fonctionnalités. Ce que vous proposez, avec un court bloc par élément et une phrase sur le résultat obtenu par le client.
- Preuves. Avis, exemples de réalisations, certifications ou garanties. Utilisez uniquement des preuves authentiques.
- Présentation. Qui se trouve derrière l’entreprise et pourquoi on peut lui faire confiance. Consultez comment rédiger une page À propos.
- Contact. Un formulaire, un numéro de téléphone, une adresse e-mail et une adresse postale ou zone d’intervention. Consultez comment ajouter un formulaire de contact.
- Pied de page. La bande inférieure : coordonnées, liens secondaires, politique de confidentialité et liens vers les réseaux sociaux.
Les éléments invisibles pour les visiteurs
| Élément | Fonction |
|---|---|
| Domaine | Votre adresse, par exemple votresociete.com |
| Hébergement | Les ordinateurs qui transmettent le site aux visiteurs |
| Titre et description de page | Ce qui apparaît dans les résultats Google et les onglets du navigateur |
| Plan du site | La liste de vos pages qui aide les moteurs de recherche à les trouver |
| Favicon | La petite icône affichée dans l’onglet du navigateur |
| Image de partage | L’image affichée lorsque votre lien est partagé sur les réseaux sociaux |
Les mêmes éléments, sur des pages de différentes longueurs
Un site web à page unique rassemble tous ces éléments sur une page à faire défiler, et le menu mène à chaque section. Un site multipage attribue une page distincte aux services, à la présentation et au contact, tout en conservant le même en-tête et le même pied de page. Une application web ajoute l’ouverture de session et l’enregistrement de données.
Retrouver tous ces éléments sur We.Inc
Chaque modèle We.Inc comprend déjà un en-tête, une navigation, une bannière principale, un CTA et un pied de page. Les sites publiés disposent aussi d’un titre, d’un plan du site et d’une image de partage prédéfinis. Le forfait gratuit permet de publier jusqu’à 3 sites à partir de modèles sur une adresse we.inc, sans crédits IA ni domaine personnalisé. Les forfaits payants, à partir de $20 par mois, ajoutent la création par IA et votre propre domaine. Parcourez les modèles.
Questions fréquentes
Quels sont les principaux éléments d’un site web ?
En-tête, navigation, bannière principale, appel à l’action, services, preuves, présentation, contact et pied de page, ainsi que des éléments invisibles comme le domaine, l’hébergement, les titres de page et le plan du site.
Qu’est-ce que la bannière principale d’un site web ?
Le premier écran vu par les visiteurs : un titre, une courte phrase d’appui, souvent une image et le bouton d’appel à l’action principal.
Que mettre dans le pied de page d’un site web ?
Les coordonnées, des liens secondaires comme la politique de confidentialité et les conditions d’utilisation, des liens vers les réseaux sociaux et parfois un menu abrégé.
Un site web à page unique comporte-t-il les mêmes éléments ?
Oui. Il rassemble les mêmes sections sur une seule page, avec un menu qui mène à chacune plutôt que d’ouvrir de nouvelles pages.
Commencer gratuitement · Sans carte bancaire
Product
- AI Website Builder: Describe a site in plain English; it's live in minutes
- White Label Platform: Your brand, your domain, your margin
- Enterprise: SSO, custom SLAs, and dedicated support
- Developer API: Embed site generation into your SaaS
Who It's For
- For Agencies: Resell under your brand
- For Freelancers: Your own branded builder
- For Hosting Providers: Add a builder to your stack
- For SaaS Platforms: Embed site creation via API
- For Startups
- For Financial Services
- For Healthcare
Features
- Drag & Drop Editor
- Built-in SEO Tools
- Custom Branding
- Client Dashboard
- Reseller Billing (Stripe Connect)
Resources
- Blog
- Help Center
- Free Business Tools
- Website Templates
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App