Construire son site · Les mots du web expliqués simplement

Avant de choisir un outil ou de lire un devis, il faut savoir de quoi on parle : quel type de site, avec quel genre d'outil, composé de quelles parties. Ces 13 mots sont ceux qui reviennent dans toutes les discussions de création.

Les types de sites

Site vitrine : un site qui présente ton activité, ce que tu proposes, et comment te contacter ou venir te voir. Il ne vend pas directement en ligne. Exemple : le site d'un plombier avec ses prestations, sa zone d'intervention, son numéro cliquable et ses horaires.

Site e-commerce (ou boutique en ligne) : un site où l'on choisit des produits, on les met dans un panier et on paie en ligne. Exemple : une créatrice de bijoux qui expédie ses colliers partout en France a besoin d'une boutique en ligne.

Landing page (ou page d'atterrissage) : une page conçue pour une seule action, souvent liée à une publicité, une publication ou une offre précise. Elle ne contient ni menu ni distraction. Exemple : la coach crée une page unique « Atelier de rentrée » avec le programme, la date et un seul bouton « Je m'inscris ».

Page d'accueil : la première page d'un site, celle qui s'ouvre quand on tape le nom de domaine. Elle doit dire en quelques secondes ce que tu fais, où, et quoi faire ensuite. Exemple : « Boulangerie artisanale à Saint-Malo, pain au levain » en grand, puis les horaires et un bouton « Itinéraire ».

Les outils pour créer

CMS (Content Management System, système de gestion de contenu) : un logiciel qui permet de créer et de modifier un site sans écrire de code, à travers une interface d'administration. WordPress est le plus connu. Exemple : l'association de randonnée publie ses sorties chaque semaine grâce à son CMS, sans faire appel à personne.

Constructeur de site (ou outil sans code) : un service en ligne qui réunit la création, l'hébergement et la mise en ligne. On construit son site par glisser-déposer, par formulaire guidé ou en décrivant ce que l'on veut. Exemple : la coiffeuse crée son site vitrine avec un constructeur en répondant à des questions, sans rien installer.

Thème (ou modèle, ou template) : l'habillage graphique d'un site : couleurs, polices, disposition. On change de thème sans retaper le contenu, en général. Exemple : le tatoueur choisit un thème foncé qui correspond à l'ambiance de son salon.

Extension (ou plugin, ou module) : un petit programme qu'on ajoute à un CMS pour lui donner une fonction de plus : formulaire, réservation, référencement. Exemple : le gîte installe une extension de réservation sur son site WordPress. Il pense à la mettre à jour régulièrement, car une extension ancienne peut créer une faille.

Back-office (ou administration, ou tableau de bord) : la partie cachée du site, réservée au propriétaire, où l'on modifie le contenu. Les visiteurs voient le front-office, la partie publique. Exemple : depuis son back-office, la fleuriste met à jour ses horaires de la Toussaint en deux minutes.

Les parties d'une page

Responsive (ou adaptatif) : se dit d'un site qui s'adapte automatiquement à la taille de l'écran (téléphone, tablette, ordinateur), sans version séparée. Exemple : sur téléphone, les trois colonnes de prestations du peintre se placent les unes sous les autres, au lieu de devenir minuscules.

Menu (ou navigation) : la liste des liens qui mènent aux différentes pages d'un site. Sur téléphone, il est souvent replié derrière une icône de trois traits. Exemple : « Accueil, Prestations, Tarifs, Contact » dans le menu du site de l'esthéticienne.

En-tête et pied de page : l'en-tête (header) est la bande du haut, présente sur toutes les pages, avec le nom, le logo et souvent le menu. Le pied de page (footer) est la bande du bas, avec les coordonnées, les liens vers les mentions légales et les réseaux. Exemple : le numéro de téléphone du serrurier est dans l'en-tête, pour être visible tout de suite.

Formulaire : un ensemble de champs à remplir (nom, e-mail, message) qui envoie une demande au propriétaire du site. Exemple : le formulaire de devis du paysagiste demande la ville, la surface du jardin et une photo.

Ne confonds pas

Ces deux mots	La différence
Site vitrine et site e-commerce	Le premier présente et fait venir, le second vend et encaisse en ligne.
Landing page et page d'accueil	La page d'accueil présente tout ton site. La landing page sert une seule offre, une seule action.
CMS et constructeur de site	Avec un CMS, tu gères souvent toi-même l'hébergement et les mises à jour. Le constructeur s'occupe de tout, avec moins de liberté.
Thème et extension	Le thème change l'apparence, l'extension ajoute une fonction.
Responsive et application mobile	Un site responsive s'ouvre dans le navigateur. Une application s'installe depuis un magasin d'applications.

À toi de jouer

Décris ton site (actuel ou rêvé) en une phrase avec au moins quatre mots de cette leçon. Par exemple : « Un site vitrine responsive créé avec un constructeur, avec un bouton dans l'en-tête et un formulaire de devis. » Si tu hésites entre deux types de sites, note ce que ton client doit pouvoir faire : te contacter (vitrine), acheter en ligne (e-commerce), ou répondre à une seule offre (landing page).