CH. 02 Fondamentaux du web

Un site web,
c'est une maison
sur Internet. 🏡

Avant de parler SEO, SEA ou Google Ads, il faut savoir ce qu'est vraiment un site web. Comment il est construit, où il est, qui le visite — et surtout, ce qui sépare un bon site d'un mauvais.

Connaître les 5 briques d'un site (domaine, hébergement, code, contenu, design)
Identifier en 30 secondes si un site est moderne ou dépassé
Avoir une phrase prête pour expliquer chaque concept au téléphone
Démarrer le chapitre
www.monsite.com
Anatomie d'un site

De quoi un site web est-il vraiment fait ?

Un site web n'apparaît pas par magie. Il repose sur 4 briques techniques qui doivent toutes fonctionner ensemble. Si l'une lâche, le site disparaît. Voici la chaîne, illustrée.

Le visiteur tape une URL Nom de domaine www.monsite.com l'adresse Traduit l'adresse en IP Hébergement Stocke les fichiers CTA Le site web Code + design + contenu HTTPS Connexion sécurisée Toute la chaîne fonctionne en moins d'1 seconde — quand tout va bien.
1

Le visiteur

Une personne qui tape une URL ou clique sur un résultat Google.

2

Nom de domaine

L'adresse web (www.exemple.fr). Loué à un registrar pour 10–15 €/an.

3

Hébergement

Le « disque dur en ligne » qui stocke tous les fichiers du site.

4

Le site lui-même

Le code (HTML/CSS/JS), le design et le contenu (textes, images).

Les briques fondamentales

Les 6 mots à connaître par cœur.

Si tu sais expliquer ces 6 concepts en une phrase simple, tu peux soutenir n'importe quelle conversation avec une agence digitale.

.fr www.monsite.fr L'ADRESSE
Brique 01

Le nom de domaine

C'est l'adresse de ton site sur Internet, celle qu'on tape dans le navigateur. On la « loue » chez un registrar (OVH, Gandi, Namecheap) pour 10 à 50 € par an. Sans nom de domaine, personne ne peut trouver le site.

Analogie
C'est l'adresse postale de ta maison. Tu peux avoir la plus belle villa du monde — si personne ne connaît l'adresse, personne ne sonne à ta porte.
LE TERRAIN
Brique 02

L'hébergement

C'est l'endroit physique où vivent les fichiers du site — des ordinateurs allumés 24h/24 dans des data-centers. Ça coûte de 3 €/mois (mutualisé) à 200 €/mois (serveur dédié). Sans hébergement, le site n'a nulle part où exister.

Analogie
Le nom de domaine, c'est l'adresse. L'hébergement, c'est le terrain sur lequel ta maison est construite. Si le terrain s'effondre (panne serveur), la maison disparaît — même si l'adresse existe toujours.
https:// monsite.fr SÉCURISÉ
Brique 03

Le HTTPS et le cadenas

Quand tu vois un cadenas vert à gauche de l'URL, ça veut dire que la connexion entre toi et le site est chiffrée. Personne ne peut intercepter ton mot de passe ou ton numéro de carte. Sans HTTPS, Google affiche « Non sécurisé » et Chrome bloque les paiements.

Analogie
HTTP, c'est envoyer une carte postale : tout le monde peut lire en route. HTTPS, c'est envoyer une lettre recommandée avec enveloppe scellée : seul le destinataire peut l'ouvrir.
<html> <head> <title> </head> <body> <h1>... <p>.... </body> </html> Sans CMS Tableau de bord + Article + Page Média Publier ✓ Avec CMS
Brique 04

Le CMS (WordPress & co.)

CMS = Content Management System, un système de gestion de contenu. C'est une interface visuelle (comme Word) qui permet de créer et modifier des pages sans toucher au code. WordPress domine le marché (43 % des sites mondiaux), suivi de Wix, Squarespace, Webflow et Shopify (e-commerce).

Analogie
Sans CMS, écrire un article c'est comme construire une étagère sans plan : tu dois tout coder à la main. Avec un CMS, c'est Ikea : les pièces sont prêtes, tu n'as qu'à les assembler.
Desktop Tablette Mobile UN SEUL SITE
Brique 05

Le responsive design

Un site responsive s'adapte automatiquement à la taille de l'écran : ordinateur, tablette, mobile. Aujourd'hui c'est obligatoire — plus de 60 % du trafic web vient du mobile, et Google pénalise les sites qui ne sont pas optimisés mobile.

Analogie
Un vêtement extensible qui te va aussi bien en taille S qu'en XL. Tu n'as pas besoin d'acheter trois pulls différents : un seul s'ajuste à tout le monde.
Acheter UI : Design Ce que ressent le visiteur Facile Rapide Clair UX : Expérience
Brique 06

UX vs UI

UI (User Interface) = ce qu'on voit. Les couleurs, les boutons, la mise en page.
UX (User Experience) = ce qu'on ressent. La facilité, la fluidité, la satisfaction. Un site peut être très beau (bonne UI) mais incompréhensible (mauvaise UX). Le but : les deux à la fois.

Analogie
UI = le décor d'un restaurant (jolie déco, belle vaisselle). UX = le moment passé (rapidité du service, goût du plat, accueil du serveur). Un restaurant magnifique mais où l'on attend 2 heures : bonne UI, mauvaise UX.
Qu'est-ce qu'un bon site ?

6 critères qui séparent le pro de l'amateur.

Quand tu prospectes une PME, regarde son site 30 secondes avant l'appel. Si elle coche moins de 4 de ces 6 cases, tu as déjà ton angle de pitch.

1. Rapide

Charge en moins de 3 secondes. Au-delà, 53 % des visiteurs partent — et Google le sait.

2. Mobile-first

S'affiche parfaitement sur smartphone. Plus de 60 % du trafic vient du mobile.

3. Structuré

Hiérarchie claire des titres (H1, H2, H3), menu logique, parcours utilisateur évident.

4. Contenu utile

Textes clairs, qui répondent aux vraies questions des clients. Pas de blabla générique.

5. CTA visibles

Boutons « Demander un devis », « Réserver », « Appeler » — gros, colorés, partout.

6. Mesurable

Google Analytics installé, conversions trackées. Sans données, impossible de progresser.

Les sites qui font fuir

8 signaux qui te disent « vends-leur un nouveau site ».

Voici les 8 défauts les plus fréquents que tu vas croiser en regardant le site d'un prospect. Repère-les en 30 secondes — chacun est un argument de vente.

🐌
PERFORMANCE

Le site qui rame

Charge en 8 secondes. Les visiteurs partent avant même d'avoir vu la page d'accueil.

📱
MOBILE

Illisible sur téléphone

Texte minuscule, boutons trop petits, menu qui déborde. 60 % du trafic perdu d'office.

📅
CONTENU

« Actualités — 2019 »

Le dernier article date d'il y a 5 ans. Le visiteur pense que l'entreprise est fermée.

🚫
SÉCURITÉ

Pas de HTTPS

Chrome affiche « Non sécurisé ». Le visiteur fait demi-tour avant même d'arriver.

🎯
CONVERSION

Aucun call-to-action

Pas de bouton « Contact », pas de formulaire, pas de téléphone. Le visiteur ne peut rien faire.

📚
SEO

Aucun blog, aucune page

3 pages en tout. Google n'a rien à indexer, le site n'apparaît sur aucune recherche.

📊
TRACKING

Pas d'Analytics

Le client ne sait pas combien de visiteurs il a, ni d'où ils viennent. Il navigue à l'aveugle.

🗿
DESIGN

Look des années 2010

Polices Times New Roman, couleurs criardes, photos pixellisées. Le site fait fuir avant le pitch.

Focus vitesse

La vitesse : l'arme secrète des bons sites.

Google mesure officiellement la vitesse depuis 2021 via les Core Web Vitals. Un site lent perd des visiteurs ET perd des positions Google. Double peine.

Démo : site lent vs site rapide

😤
Site lent
8.2s
53 % des visiteurs partent avant le chargement
😍
Site rapide
1.4s
Conversion x2 vs un site lent
LENT
RAPIDE

Les 3 indicateurs Google

Google note chaque site sur ces 3 critères. Si l'un est rouge, le SEO en souffre.

LCP≤ 2,5s
Largest Contentful Paint

Le temps d'affichage du plus gros élément (image, titre). C'est la « première impression ».

INP≤ 200ms
Interaction to Next Paint

Le temps de réaction du site quand on clique sur un bouton. « Le site répond-il vite ? »

CLS≤ 0,1
Cumulative Layout Shift

Mesure si la page « saute » pendant le chargement (images qui s'insèrent et décalent le texte).

Mobile-first

Aujourd'hui, tout commence par le mobile.

Google indexe les sites en regardant d'abord leur version mobile. Pas l'inverse. Si le site n'est pas mobile-friendly, il n'existe pratiquement pas pour Google.

Desktop · 27 %
Tablette · 10 %
Mobile · 63 %
63 %
des visiteurs d'un site PME en France utilisent un smartphone. Et chez les artisans, on monte à 80 %.
Au téléphone

Tes phrases prêtes-à-l'emploi.

Apprends-les par cœur. Quand un dirigeant te demande « c'est quoi le SEO ? » ou « pourquoi mon site est lent ? », tu réponds en une phrase claire — pas en cours magistral.

Site web ?

Un site web, c'est une vitrine ouverte 24h/24 sur Internet. Sans site moderne, vous êtes invisibles.

Hébergement ?

C'est le terrain sur lequel votre site est construit. Mauvais hébergeur = site lent ou souvent en panne.

HTTPS ?

C'est le cadenas vert qui rassure vos visiteurs. Sans lui, Chrome affiche « non sécurisé » et personne ne reste.

Responsive ?

C'est un site qui s'adapte au mobile. Et aujourd'hui, 6 visiteurs sur 10 sont sur smartphone.

Vitesse ?

Google a calculé que si votre site charge en plus de 3 secondes, vous perdez la moitié de vos visiteurs.

Bon site ?

Rapide, lisible sur mobile, avec des boutons d'action visibles. Si l'un manque, le site ne vend pas.