Votre iPhone, votre tablette ou votre ordinateur est le « client » : il demande une page. Le serveur, un ordinateur allumé jour et nuit ailleurs, la lui envoie. Tout le Web fonctionne sur ce principe : l’un demande, l’autre sert.
Comment marche un site internet ?
De votre iPhone jusqu’au serveur. Touchez un objet pour entrer dedans, le + pour comprendre, une étiquette pour comprendre la liaison.
Sous terre et sous la mer
Chez vous
Mon ordinateurun autre client, comme l’iPhoneTouchez pour entrer
Mon ordinateur
Le navigateur (Chrome)l’application pour aller sur le Web
Le terminalla fenêtre où l’on tape des ordres
SSHla ligne sécurisée vers le serveur
L’application Claudela même que sur l’iPhone
Le FTPenvoyer ses fichiers vers le serveur
Le cacheles copies gardées pour aller vite
Mon iPhonel’appareil qui demande les pagesTouchez pour entrer
Mon iPhone
9:41
Claude
Mail
Réglages Wi-Fi
Ma Liveboxla box internet de la maisonTouchez pour entrer
Ma Livebox
Le Wi-File lien sans fil avec la box
Le routeuril aiguille ce qui entre et sort
La prise fibrele fil de verre qui porte la lumière
L’adresse IP de la boxle numéro de votre maison sur Internet
La question à l’annuaire« quel est le numéro de ce site ? »
L’antenne relais 4G / 5Gla box du dehors
Internetles câbles qui relient tout, sous terre et sous la mer
Le satelliteInternet venu du ciel
L’annuaire (DNS)il donne le numéro de chaque siteTouchez pour entrer
L’annuaire (DNS)
francescosun.comle nom, inscrit dans l’annuaire
A → 203.0.113.42la ligne qui donne le numéro du serveur
MX → la boîte aux lettresla ligne qui dit où livrer les e-mails
Le data center OVHle bâtiment rempli de serveursTouchez pour entrer
Le data center OVH
Serveurs d’autres clients
Serveurs d’autres clients
Votre tour de serveursla baie où est rangé votre serveurTouchez pour entrer
Votre tour de serveurs
Le commutateur (switch)il relie les serveurs à Internet
Votre serveurun ordinateur sans écran, découpé en VPSTouchez pour entrer
Votre serveur
VPS d’un autre client
VPS d’un autre client
Votre VPSvotre part du serveur, à vous seulTouchez pour entrer
Votre VPS
Le serveur weble programme qui accueille les visiteurs
Le code (PHP)le cuisinier qui prépare les pages
La base de donnéesle classeur des informations qui changent
Les fichiers du sitece dont votre site est faitTouchez pour entrer
Les fichiers du site
Le HTMLle texte, rangé dans des balisesTouchez pour entrer
Le HTML
<title>le titre affiché dans Google et dans l’onglet
<h1>le grand titre de la page
<p>un paragraphe de texte
<a>un lien vers une autre page
<img>une image, avec sa description (alt)
<meta description>le résumé affiché sous le titre, dans Google
Le CSSl’apparence de vos pages
Le JavaScriptce qui bouge sur la page
Les imagesJPG, PNG, WebP, SVG : lequel choisir ?Touchez pour entrer
Les images
Le JPGpour les photos, jamais transparent
Le PNGil peut être transparent
Le WebPléger, et peut être transparent
Le SVGdes formes, nettes à toutes les tailles
Le GIFanimé, mais peu de couleurs
Le site responsivele site qui s’adapte à l’écran
Ou WordPress (CMS)gérer son site sans toucher aux fichiers
Claude Codel’assistant IA, installé ici
Les sauvegardesla copie de secours, chaque nuit
Le processeur et la mémoirele cerveau, partagé entre les VPS
Les disqueslà où tout est rangé
L’onduleurla batterie qui évite les coupures
La climatisationles serveurs chauffent, on les refroidit
Le courant de secoursbatteries et groupes électrogènes
La sécuritébadges, caméras, gardiens
L’hébergeur (OVH…)il possède le bâtiment et vous loue le serveur
Stripele service qui encaisse les paiementsTouchez pour entrer
Stripe
La page de paiementlà où le client tape sa carte
Le site de Stripevotre tableau de bord : ventes, virements
Le guichet API de Stripec’est par là que votre site lui parle
Votre banqueoù arrive l’argent des ventes
Anthropicl’entreprise qui fait Claude, et ses serveursTouchez pour entrer
Anthropic
Le guichet API d’Anthropicil reçoit les questions de tous les programmes
Le modèle Claudelà où Claude lit et réfléchit
Glissez pour voir la suite
Tous les mots, un par un
La même chose que la carte, en liste. Chaque mot a sa page, avec des exemples.
Chez vous
Le navigateur est l’application que vous touchez pour aller sur Internet : Safari sur iPhone, Chrome sur beaucoup de téléphones Android et d’ordinateurs. Il demande les pages aux serveurs et les affiche sur votre écran.
L’URL est l’adresse complète d’une page web, celle qu’on lit dans la barre d’adresse du navigateur. Elle dit par quel moyen y aller, chez quel site, puis à quelle page précise. Chaque page a la sienne.
Les cookies sont de petits fichiers texte qu’un site dépose dans votre navigateur pour se souvenir de vous : votre panier, votre connexion, votre langue. Certains servent aussi à mesurer les visites ou à afficher de la publicité, et ceux-là demandent votre accord.
Le cache, ce sont des copies que votre navigateur ou le serveur gardent de côté pour afficher un site plus vite la fois suivante. Revers de la médaille : on voit parfois l’ancienne version d’une page. Il suffit alors de recharger ou de vider le cache.
Le Wi-Fi relie sans fil votre iPhone ou votre ordinateur à votre box internet, par des ondes radio. Il fonctionne dans la maison, sur quelques dizaines de mètres. Au-delà de la box, c’est la fibre et Internet qui prennent le relais.
La box est le boîtier fourni par votre opérateur (Orange, Free, SFR, Bouygues…). Elle reçoit votre iPhone ou votre ordinateur en Wi-Fi et les relie, par la fibre ou le câble, au réseau de l’opérateur, donc à Internet.
La fibre optique est un fil de verre, plus fin qu’un cheveu, qui transporte les informations sous forme de lumière. Elle relie votre box au réseau de votre opérateur, donc à Internet, bien plus vite que l’ancienne ligne de téléphone en cuivre.
Le terminal est une fenêtre, souvent noire, où l’on écrit des ordres à l’ordinateur au lieu de cliquer. On s’en sert surtout pour piloter un serveur à distance, et c’est là que l’on parle à Claude Code.
SSH est une connexion chiffrée qui permet de piloter un serveur à distance depuis le terminal de son ordinateur. Une fois connecté, ce que vous tapez s’exécute sur le serveur, et personne ne peut lire la conversation en route.
Le FTP est une façon d’envoyer les fichiers de votre ordinateur vers votre serveur, pour mettre un site en ligne ou le modifier. On l’utilise avec un logiciel comme FileZilla. Sa version chiffrée, le SFTP, est à préférer.
Une adresse e-mail pro se termine par votre propre nom de domaine, comme contact@votresite.fr. Elle fait plus sérieux qu’une adresse Gmail et vous appartient tant que vous gardez votre nom de domaine.
Le chemin, dehors
Quand votre iPhone est loin de la box, il se relie sans fil à l’antenne relais de votre opérateur. Elle fait le même travail que la box : elle fait passer vos demandes vers Internet. Ce sont vos données mobiles, comptées dans votre forfait.
Là où la fibre n’arrive pas, Internet peut venir du ciel. Une antenne sur le toit échange avec des satellites en orbite, qui relaient vos données vers des stations au sol reliées à Internet. Starlink est l’offre la plus connue.
Internet est le réseau mondial qui relie les ordinateurs entre eux : des câbles, des antennes et des machines qui font circuler les messages. Votre box s’y branche, et c’est par lui que votre demande voyage jusqu’au serveur d’un site.
Le HTTPS protège le trajet entre votre appareil et le serveur d’un site. Ce que vous envoyez et recevez est brouillé pour que personne ne puisse le lire en route. Le petit cadenas à côté de l’adresse indique qu’il est actif.
Le DNS est l’annuaire d’Internet. Il reçoit un nom de domaine, comme francescosun.com, et répond par l’adresse IP du serveur, un numéro. Sans lui, il faudrait retenir des suites de chiffres pour chaque site.
C’est le nom que l’on tape dans le navigateur pour arriver sur un site, comme francescosun.com. Il est unique au monde et se loue à l’année. Il sert aussi à avoir des e-mails à votre nom.
L’adresse IP est le numéro qui identifie une machine sur Internet, par exemple 203.0.113.42. Le DNS la donne à partir du nom de domaine, et c’est elle qui permet de trouver le serveur d’un site.
Le data center
Un data center est un grand bâtiment rempli de serveurs, les ordinateurs qui font tourner les sites Internet. L’hébergeur, comme OVH, y garde ses machines au frais, branchées et surveillées, et vous en loue une.
L’hébergeur est l’entreprise qui loue une place sur ses serveurs pour que votre site soit en ligne jour et nuit. Elle possède les bâtiments, les machines et les câbles. Vous payez un abonnement, comme pour un garde-meuble.
Une baie de serveurs est une grande armoire métallique, dans un data center, où les serveurs sont glissés les uns au-dessus des autres comme des tiroirs. Elle leur apporte l’électricité, le réseau et l’air frais.
Un serveur est un ordinateur allumé jour et nuit, rangé dans un data center, qui garde votre site et l’envoie à chaque visiteur qui le demande. Un VPS est un serveur que l’on loue, à soi tout seul, chez un hébergeur.
Un VPS, ou serveur privé virtuel, est une part d’un gros serveur physique, découpé en plusieurs serveurs indépendants. Le vôtre a son propre système, ses fichiers et son adresse IP, et vous seul y avez accès.
Dans votre VPS
Le pare-feu est un programme qui surveille tout ce qui essaie d’entrer dans le serveur. Il laisse passer les visiteurs du site et bloque le reste : les curieux, les robots malveillants, les portes qu’on n’a pas besoin d’ouvrir.
Le serveur web est un programme installé sur le serveur. Il reçoit chaque demande des visiteurs, envoie les fichiers du site et, quand une page doit être fabriquée sur mesure, la fait préparer par le code PHP.
PHP est un langage de programmation qui tourne sur le serveur. Il fabrique les pages au moment où on les demande, en allant chercher les informations à jour dans la base de données : vos commandes, les derniers articles, un message reçu.
La base de données est le grand classeur du site. Elle range, bien triées, toutes les informations qui changent : les comptes des clients, les commandes, les articles, les messages reçus. Le code du site vient y lire et y écrire à chaque visite.
L’assistant IA est un programme installé sur votre serveur, comme Claude Code. Vous lui écrivez en français ce que vous voulez changer sur votre site, depuis votre téléphone, et il modifie lui-même les fichiers du site.
Une sauvegarde est une copie complète du site, faite régulièrement et rangée ailleurs que sur le serveur. Elle copie les fichiers et la base de données. Si quelque chose casse, on remet la copie en place et le site revient comme avant.
Linux est le système d’exploitation du serveur : le logiciel de base qui fait fonctionner la machine. Tout le reste repose dessus : le pare-feu, le serveur web, le code PHP, la base de données. Il est gratuit et très répandu sur les serveurs.
Les fichiers du site
Un site, c’est un ensemble de fichiers rangés dans des dossiers sur le serveur : des textes en HTML, des habillages en CSS, des animations en JavaScript et des images. Le navigateur les reçoit et les assemble pour afficher la page.
Le HTML est le langage qui écrit le contenu d’une page web : les titres, les paragraphes, les liens, les images à placer. Il range chaque morceau entre des étiquettes, les balises, pour que le navigateur sache ce qu’il affiche.
Une balise HTML est une étiquette écrite entre chevrons, comme <h1> ou <p>, qui entoure un morceau de texte pour dire au navigateur ce qu’il est : un titre, un paragraphe, un lien, une image. Le visiteur ne les voit pas.
Le CSS est le langage qui décide de l’apparence d’une page web : les couleurs, les polices, les tailles, la place de chaque élément. Il habille le HTML, qui contient le texte, et adapte la page à l’écran d’un téléphone ou d’un ordinateur.
Un site responsive s’adapte tout seul à la taille de l’écran : téléphone, tablette ou ordinateur. Le même site, le même contenu, mais rangé autrement. C’est le CSS qui réarrange la page, et Google regarde d’abord la version téléphone.
Le JavaScript est un langage de programmation qui fait bouger et réagir une page web : un menu qui s’ouvre, un diaporama, un formulaire qui signale une erreur. Il est envoyé par le serveur et s’exécute dans votre navigateur.
Les images d’un site sont des fichiers à part, rangés sur le serveur : photos, logos, illustrations. Leur format (JPG, PNG, WebP) et surtout leur poids comptent beaucoup, car une image trop lourde ralentit l’affichage de la page.
Une image transparente est une image dont certaines parties sont vides : on voit à travers. Posée sur un site, seul le dessin apparaît, sans rectangle blanc autour. Les formats PNG, WebP et SVG savent le faire, le JPG non.
Le SVG est un format d’image décrit par des formes et des calculs plutôt que par des points. Il reste net à toutes les tailles, du petit écran au grand panneau. Parfait pour les logos et les icônes, il ne convient pas aux photos.
WordPress est un CMS, un logiciel installé sur le serveur pour gérer son site sans écrire de code. On se connecte à un tableau de bord, on écrit ses pages et ses articles comme dans un traitement de texte, et WordPress fabrique le site.
Être trouvé sur Google
Un moteur de recherche, comme Google, est un site qui vous aide à trouver d’autres sites. Vous tapez quelques mots, il vous propose une liste de pages qui y répondent. Il passe son temps à lire le Web pour savoir quoi vous montrer.
Le SEO, ou référencement naturel, regroupe tout ce qu’on fait pour qu’un site apparaisse bien placé dans Google sans payer de publicité : des pages utiles, les bons mots, des titres clairs, un site rapide et lisible sur téléphone.
Les services en ligne (Stripe, Claude…)
Une API est un guichet par lequel un programme demande un service à un autre programme. Votre site s’en sert pour faire payer avec Stripe, afficher une carte Google Maps ou obtenir une réponse de Claude, sans avoir à tout fabriquer lui-même.
Envie d’avoir tout ça à votre nom, sans rien installer vous-même ? J’installe votre serveur et Claude Code pour 1€.
Sur la carte
Mon ordinateur
client serveur modèle client-serveur requête
Votre iPhone, votre tablette ou votre ordinateur est le « client » : il demande une page. Le serveur, un ordinateur allumé jour et nuit ailleurs, la lui envoie. Tout le Web fonctionne sur ce principe : l’un demande, l’autre sert.
C’est comme au café : vous êtes le client, vous passez commande, le serveur va en cuisine et vous apporte votre tasse. Vous ne voyez jamais la cuisine.
Ne pas confondre. Le mot « client » ne veut pas dire que vous payez quelque chose. En informatique, le client est simplement l’appareil qui pose la question.
Ses liaisons
Sur la carte
Mon iPhone
client serveur modèle client-serveur requête
Votre iPhone, votre tablette ou votre ordinateur est le « client » : il demande une page. Le serveur, un ordinateur allumé jour et nuit ailleurs, la lui envoie. Tout le Web fonctionne sur ce principe : l’un demande, l’autre sert.
C’est comme au café : vous êtes le client, vous passez commande, le serveur va en cuisine et vous apporte votre tasse. Vous ne voyez jamais la cuisine.
Ne pas confondre. Le mot « client » ne veut pas dire que vous payez quelque chose. En informatique, le client est simplement l’appareil qui pose la question.
Ses liaisons
Sur la carte
Ma Livebox
box Wi-Fi fibre routeur 4G / 5G
La box est le boîtier fourni par votre opérateur (Orange, Free, SFR, Bouygues…). Elle reçoit votre iPhone ou votre ordinateur en Wi-Fi et les relie, par la fibre ou le câble, au réseau de l’opérateur, donc à Internet.
C’est comme la boîte aux lettres de votre immeuble : tout le courrier de la maison part et arrive par elle, et elle sait dans quel appartement déposer chaque lettre.
Ne pas confondre. Le Wi-Fi n’est pas Internet. Le Wi-Fi relie votre téléphone à la box, dans la maison. Si la fibre est coupée, le Wi-Fi peut fonctionner sans qu’aucun site ne s’ouvre.
Ses liaisons
Sur la carte
L’antenne relais 4G / 5G
4G 5G données mobiles forfait mobile partage de connexion
Quand votre iPhone est loin de la box, il se relie sans fil à l’antenne relais de votre opérateur. Elle fait le même travail que la box : elle fait passer vos demandes vers Internet. Ce sont vos données mobiles, comptées dans votre forfait.
C’est comme une cabine téléphonique invisible dans chaque quartier : votre téléphone parle à la plus proche, puis à la suivante quand vous vous déplacez.
Ne pas confondre. Hors du Wi-Fi, chaque vidéo regardée puise dans les données de votre forfait mobile. Si votre forfait est petit, regardez les longues vidéos à la maison, en Wi-Fi.
Ses liaisons
Sur la carte
Internet
Internet le Web réseau opérateur câbles sous-marins
Internet est le réseau mondial qui relie les ordinateurs entre eux : des câbles, des antennes et des machines qui font circuler les messages. Votre box s’y branche, et c’est par lui que votre demande voyage jusqu’au serveur d’un site.
C’est comme le réseau routier : des autoroutes, des nationales et des petites rues qui relient toutes les maisons. Les sites et les e-mails sont les camions qui y roulent.
Ne pas confondre. Internet et le Web ne sont pas la même chose. Internet est le réseau, les routes. Le Web est l’ensemble des sites qu’on consulte en passant par ces routes. Les e-mails les empruntent aussi, sans faire partie du Web.
Ses liaisons
Sur la carte
Le satellite
Internet par satellite Starlink orbite basse parabole latence
Là où la fibre n’arrive pas, Internet peut venir du ciel. Une antenne sur le toit échange avec des satellites en orbite, qui relaient vos données vers des stations au sol reliées à Internet. Starlink est l’offre la plus connue.
C’est comme un pigeon voyageur qui ferait l’aller-retour entre votre toit et la ville la plus proche : il passe par le ciel, là où aucune route n’a été construite.
Ne pas confondre. Le satellite n’est pas tout Internet. Il ne remplace que le bout de chemin entre chez vous et une station au sol. Ensuite, vos données repartent par la fibre, comme pour tout le monde.
Ses liaisons
Sur la carte
L’annuaire (DNS)
DNS faire pointer zone DNS enregistrement A enregistrement MX
Le DNS est l’annuaire d’Internet. Il reçoit un nom de domaine, comme francescosun.com, et répond par l’adresse IP du serveur, un numéro. Sans lui, il faudrait retenir des suites de chiffres pour chaque site.
C’est comme l’annuaire téléphonique d’autrefois : vous cherchez « Boulangerie Martin », il vous donne son numéro. Vous retenez le nom, l’annuaire retient le numéro.
Ne pas confondre. Un changement dans le DNS ne s’applique pas toujours tout de suite : il peut falloir attendre de quelques minutes à quelques heures avant que tout le monde voie la nouvelle adresse.
Ses liaisons
Sur la carte
Le data center OVH
data center centre de données hébergeur datacenter baie
Un data center est un grand bâtiment rempli de serveurs, les ordinateurs qui font tourner les sites Internet. L’hébergeur, comme OVH, y garde ses machines au frais, branchées et surveillées, et vous en loue une.
C’est comme un garde-meubles très surveillé : vous y louez un box pour vos affaires, mais le bâtiment, les gardiens, l’électricité et les alarmes sont à la charge du propriétaire.
Ne pas confondre. Le « cloud » n’est pas un nuage : vos données et vos sites sont toujours rangés sur des serveurs bien réels, quelque part dans un data center.
Ses liaisons
Sur la carte
Stripe
API clé d’API requête service en ligne
Stripe est une entreprise qui encaisse les paiements par carte pour des millions de sites. Votre site ne touche jamais la carte du client : il demande à Stripe, par son API, et Stripe s’occupe de tout.
C’est comme le terminal de carte bancaire chez un commerçant : il appartient à la banque, pas au magasin.
Ses liaisons
Sur la carte
Votre banque
API clé d’API requête service en ligne
Stripe ne garde pas l’argent : quelques jours après chaque vente, il le verse sur le compte de votre banque, moins sa commission.
C’est comme le transporteur de fonds qui dépose la recette du magasin à la banque.
Ses liaisons
Sur la carte
Anthropic
API clé d’API requête service en ligne
Anthropic est l’entreprise qui crée Claude. C’est sur ses serveurs, et nulle part ailleurs, que Claude réfléchit. L’application Claude de votre iPhone et Claude Code, installé dans votre serveur, lui envoient vos questions par son API et reçoivent les réponses.
C’est comme appeler un expert au téléphone : il ne vient pas chez vous, il répond à distance.
Ses liaisons
Dans mon iPhone
Safari, le navigateur
navigateur Safari Chrome Firefox barre d’adresse
Le navigateur est l’application que vous touchez pour aller sur Internet : Safari sur iPhone, Chrome sur beaucoup de téléphones Android et d’ordinateurs. Il demande les pages aux serveurs et les affiche sur votre écran.
C’est comme votre voiture : elle vous emmène à n’importe quelle adresse. Google, lui, serait plutôt le plan qui vous aide à trouver où aller.
Ne pas confondre. Ne pas confondre le navigateur et Google. Safari ou Chrome est l’application ; Google est un site, un moteur de recherche, qu’on ouvre dans cette application.
Dans mon iPhone
Claude
intelligence artificielle IA Claude Code agent terminal
L’application Claude sur votre iPhone : vous écrivez ou vous parlez, Claude répond. Elle ne réfléchit pas dans le téléphone : elle envoie vos questions aux serveurs d’Anthropic. Elle peut aussi piloter Claude Code, installé sur votre serveur, depuis votre canapé.
C’est comme un talkie-walkie avec un artisan qui travaille pour vous à distance.
Dans mon iPhone
adresse e-mail pro enregistrement MX boîte mail redirection SPF et DKIM
Une adresse e-mail pro se termine par votre propre nom de domaine, comme contact@votresite.fr. Elle fait plus sérieux qu’une adresse Gmail et vous appartient tant que vous gardez votre nom de domaine.
C’est comme avoir une boîte aux lettres à votre nom sur votre propre maison, plutôt que de recevoir votre courrier chez un ami qui pourrait un jour déménager.
Ne pas confondre. L’adresse vient du nom de domaine, mais il faut aussi une boîte pour recevoir les messages : c’est un service à part, réglé grâce à une ligne du DNS appelée MX.
Dans mon iPhone
Réglages Wi-Fi
Wi-Fi réseau sans fil clé Wi-Fi mot de passe Wi-Fi borne
Le Wi-Fi relie sans fil votre iPhone ou votre ordinateur à votre box internet, par des ondes radio. Il fonctionne dans la maison, sur quelques dizaines de mètres. Au-delà de la box, c’est la fibre et Internet qui prennent le relais.
C’est comme un talkie-walkie entre votre téléphone et la box : ils se parlent sans fil, mais seulement tant que vous restez à portée de voix.
Ne pas confondre. Ne pas confondre Wi-Fi et Internet. Le Wi-Fi s’arrête à la box. Vous pouvez avoir un Wi-Fi parfait et aucun site qui s’ouvre, si c’est la ligne de la box qui est coupée.
Dans safari, le navigateur
francescosun.com/comprendre
URL lien chemin https:// barre d’adresse
L’URL est l’adresse complète d’une page web, celle qu’on lit dans la barre d’adresse du navigateur. Elle dit par quel moyen y aller, chez quel site, puis à quelle page précise. Chaque page a la sienne.
C’est comme une adresse postale complète : la ville, la rue, le numéro, puis « 3e étage, porte gauche ». Le nom de domaine, c’est l’immeuble. L’URL, c’est la porte exacte.
Ne pas confondre. Ne pas confondre URL et nom de domaine : francescosun.com est un nom de domaine, il mène à l’accueil. L’URL ajoute le chemin vers une page précise, comme /comprendre/dns.
Dans safari, le navigateur
Le cadenas
HTTPS HTTP certificat SSL chiffrement Let’s Encrypt
Le HTTPS protège le trajet entre votre appareil et le serveur d’un site. Ce que vous envoyez et recevez est brouillé pour que personne ne puisse le lire en route. Le petit cadenas à côté de l’adresse indique qu’il est actif.
C’est comme envoyer une lettre dans un coffret fermé à clé plutôt qu’une carte postale : le facteur la transporte sans pouvoir l’ouvrir. Seul le destinataire a la clé.
Ne pas confondre. Le cadenas garantit que le trajet est protégé, pas que le site est honnête. Un site d’arnaque peut très bien avoir son cadenas. Vérifiez toujours l’adresse.
Dans safari, le navigateur
Rechercher avec Google
moteur de recherche Google référencement SEO résultats
Un moteur de recherche, comme Google, est un site qui vous aide à trouver d’autres sites. Vous tapez quelques mots, il vous propose une liste de pages qui y répondent. Il passe son temps à lire le Web pour savoir quoi vous montrer.
C’est comme un bibliothécaire qui aurait parcouru tous les livres de la ville : vous lui posez une question, il vous tend les meilleurs ouvrages, du plus utile au moins utile.
Ne pas confondre. Google n’est pas Internet, et ce n’est pas non plus votre navigateur. C’est un site parmi d’autres, que l’on ouvre dans Safari ou Chrome.
Dans safari, le navigateur
La page affichée
HTML balise HTML5 code source
Le HTML est le langage qui écrit le contenu d’une page web : les titres, les paragraphes, les liens, les images à placer. Il range chaque morceau entre des étiquettes, les balises, pour que le navigateur sache ce qu’il affiche.
C’est comme un manuscrit annoté par un éditeur : « ceci est le titre », « ceci est un paragraphe », « ici, une photo ». Le texte est là, avec ses étiquettes, mais sans mise en page.
Ne pas confondre. Le HTML n’est pas un langage de programmation : il ne calcule rien, il décrit. Ce qui bouge relève du JavaScript, et l’apparence du CSS.
Dans safari, le navigateur
Le JavaScript
JavaScript JS script fichier .js
Le JavaScript est un langage de programmation qui fait bouger et réagir une page web : un menu qui s’ouvre, un diaporama, un formulaire qui signale une erreur. Il est envoyé par le serveur et s’exécute dans votre navigateur.
C’est comme l’électricité d’une maison : les murs (le HTML) et la décoration (le CSS) sont là sans elle, mais c’est grâce à elle que la lumière s’allume quand on appuie sur l’interrupteur.
Ne pas confondre. Le JavaScript n’a rien à voir avec Java, un autre langage. Les deux noms se ressemblent pour des raisons de marketing des années 1990, pas parce qu’ils sont cousins.
Dans safari, le navigateur
Les cookies
cookies bannière cookies consentement cookies tiers traceurs
Les cookies sont de petits fichiers texte qu’un site dépose dans votre navigateur pour se souvenir de vous : votre panier, votre connexion, votre langue. Certains servent aussi à mesurer les visites ou à afficher de la publicité, et ceux-là demandent votre accord.
C’est comme le ticket du vestiaire : on vous le donne à l’entrée, vous le gardez dans la poche, et quand vous le présentez, on sait tout de suite quel manteau est le vôtre.
Ne pas confondre. Effacer ses cookies vous déconnecte des sites et vide les paniers en cours. Ce n’est pas grave, mais il faudra retaper vos identifiants.
Dans mon ordinateur
Le navigateur (Chrome)
navigateur Safari Chrome Firefox barre d’adresse
Le navigateur est l’application que vous touchez pour aller sur Internet : Safari sur iPhone, Chrome sur beaucoup de téléphones Android et d’ordinateurs. Il demande les pages aux serveurs et les affiche sur votre écran.
C’est comme votre voiture : elle vous emmène à n’importe quelle adresse. Google, lui, serait plutôt le plan qui vous aide à trouver où aller.
Ne pas confondre. Ne pas confondre le navigateur et Google. Safari ou Chrome est l’application ; Google est un site, un moteur de recherche, qu’on ouvre dans cette application.
Dans mon ordinateur
Le terminal
terminal ligne de commande commande ssh console
Le terminal est une fenêtre, souvent noire, où l’on écrit des ordres à l’ordinateur au lieu de cliquer. On s’en sert surtout pour piloter un serveur à distance, et c’est là que l’on parle à Claude Code.
C’est comme le téléphone du chef de chantier : au lieu d’aller sur place, il appelle et dit « montez le mur de gauche ». Le chantier, c’est le serveur ; le téléphone, c’est le terminal.
Ne pas confondre. Le terminal exécute ce qu’on lui dit, sans demander « êtes-vous sûr ? ». Ne collez jamais une commande trouvée sur Internet sans savoir ce qu’elle fait.
Dans mon ordinateur
SSH
SSH clé SSH clé publique clé privée port 22
SSH est une connexion chiffrée qui permet de piloter un serveur à distance depuis le terminal de son ordinateur. Une fois connecté, ce que vous tapez s’exécute sur le serveur, et personne ne peut lire la conversation en route.
C’est comme une ligne de téléphone privée et brouillée entre votre bureau et le serveur : seuls vous et lui comprenez ce qui se dit, et il faut la bonne clé pour décrocher.
Ne pas confondre. La clé privée ne quitte jamais votre ordinateur. Ne l’envoyez à personne, ni par e-mail ni par message : c’est elle qui ouvre la porte du serveur.
Dans mon ordinateur
L’application Claude
intelligence artificielle IA Claude Code agent terminal
L’assistant IA est un programme installé sur votre serveur, comme Claude Code. Vous lui écrivez en français ce que vous voulez changer sur votre site, depuis votre téléphone, et il modifie lui-même les fichiers du site.
C’est comme un artisan qui aurait les clés de votre boutique : vous lui laissez un mot, « repeignez la vitrine en bleu », et il s’en occupe sans que vous ayez à toucher un pinceau.
Ne pas confondre. Un assistant IA peut se tromper. Il faut relire ce qu’il a fait et garder des sauvegardes, pour pouvoir revenir en arrière si un changement ne convient pas.
Dans mon ordinateur
Le FTP
FTP SFTP FileZilla identifiants FTP mettre en ligne
Le FTP est une façon d’envoyer les fichiers de votre ordinateur vers votre serveur, pour mettre un site en ligne ou le modifier. On l’utilise avec un logiciel comme FileZilla. Sa version chiffrée, le SFTP, est à préférer.
C’est comme un déménageur qui fait la navette entre votre maison et votre boutique : vous lui confiez un carton à gauche, il le dépose à droite, au bon endroit.
Ne pas confondre. Le FTP « classique » envoie votre mot de passe en clair, lisible par un curieux sur le trajet. Choisissez le SFTP chaque fois que votre hébergeur le propose.
Dans mon ordinateur
Le cache
cache vider le cache recharger la page cache du navigateur cache serveur
Le cache, ce sont des copies que votre navigateur ou le serveur gardent de côté pour afficher un site plus vite la fois suivante. Revers de la médaille : on voit parfois l’ancienne version d’une page. Il suffit alors de recharger ou de vider le cache.
C’est comme le pain que vous gardez dans la huche : pas besoin de retourner à la boulangerie à chaque repas. Mais si le boulanger change de recette ce matin, vous mangez encore celui d’hier.
Ne pas confondre. Vider le cache ne supprime pas le site ni vos photos. Sur iPhone, l’option de Safari efface aussi les cookies : vous serez déconnecté des sites.
Dans ma Livebox
Le Wi-Fi
Wi-Fi réseau sans fil clé Wi-Fi mot de passe Wi-Fi borne
Le Wi-Fi relie sans fil votre iPhone ou votre ordinateur à votre box internet, par des ondes radio. Il fonctionne dans la maison, sur quelques dizaines de mètres. Au-delà de la box, c’est la fibre et Internet qui prennent le relais.
C’est comme un talkie-walkie entre votre téléphone et la box : ils se parlent sans fil, mais seulement tant que vous restez à portée de voix.
Ne pas confondre. Ne pas confondre Wi-Fi et Internet. Le Wi-Fi s’arrête à la box. Vous pouvez avoir un Wi-Fi parfait et aucun site qui s’ouvre, si c’est la ligne de la box qui est coupée.
Ses liaisons
Dans ma Livebox
Le routeur
box Wi-Fi fibre routeur 4G / 5G
La box est le boîtier fourni par votre opérateur (Orange, Free, SFR, Bouygues…). Elle reçoit votre iPhone ou votre ordinateur en Wi-Fi et les relie, par la fibre ou le câble, au réseau de l’opérateur, donc à Internet.
C’est comme la boîte aux lettres de votre immeuble : tout le courrier de la maison part et arrive par elle, et elle sait dans quel appartement déposer chaque lettre.
Ne pas confondre. Le Wi-Fi n’est pas Internet. Le Wi-Fi relie votre téléphone à la box, dans la maison. Si la fibre est coupée, le Wi-Fi peut fonctionner sans qu’aucun site ne s’ouvre.
Ses liaisons
Dans ma Livebox
La prise fibre
fibre FTTH ADSL câble sous-marin prise optique
La fibre optique est un fil de verre, plus fin qu’un cheveu, qui transporte les informations sous forme de lumière. Elle relie votre box au réseau de votre opérateur, donc à Internet, bien plus vite que l’ancienne ligne de téléphone en cuivre.
C’est comme envoyer des signaux en morse avec une lampe de poche, au fond d’un tuyau de verre : des éclairs de lumière, allumé, éteint, à une vitesse folle.
Ne pas confondre. La fibre ne va pas jusqu’à votre téléphone : elle s’arrête à la prise de votre logement et à la box. Entre la box et l’iPhone, c’est le Wi-Fi qui prend le relais.
Ses liaisons
Dans ma Livebox
L’adresse IP de la box
adresse IP IPv4 IPv6 IP fixe IP publique
L’adresse IP est le numéro qui identifie une machine sur Internet, par exemple 203.0.113.42. Le DNS la donne à partir du nom de domaine, et c’est elle qui permet de trouver le serveur d’un site.
C’est comme l’adresse postale d’une maison : numéro, rue, ville. Le facteur ne connaît pas votre prénom, il suit l’adresse. Les données sur Internet font pareil avec l’adresse IP.
Ne pas confondre. Votre box internet a aussi sa propre adresse IP, différente de celle des sites que vous visitez. Et ce n’est pas une donnée secrète : chaque site que vous ouvrez la voit passer.
Dans ma Livebox
La question à l’annuaire
DNS faire pointer zone DNS enregistrement A enregistrement MX
Le DNS est l’annuaire d’Internet. Il reçoit un nom de domaine, comme francescosun.com, et répond par l’adresse IP du serveur, un numéro. Sans lui, il faudrait retenir des suites de chiffres pour chaque site.
C’est comme l’annuaire téléphonique d’autrefois : vous cherchez « Boulangerie Martin », il vous donne son numéro. Vous retenez le nom, l’annuaire retient le numéro.
Ne pas confondre. Un changement dans le DNS ne s’applique pas toujours tout de suite : il peut falloir attendre de quelques minutes à quelques heures avant que tout le monde voie la nouvelle adresse.
Dans l’annuaire (DNS)
francescosun.com
nom de domaine extension (.fr, .com) registrar bureau d’enregistrement
C’est le nom que l’on tape dans le navigateur pour arriver sur un site, comme francescosun.com. Il est unique au monde et se loue à l’année. Il sert aussi à avoir des e-mails à votre nom.
C’est comme le nom écrit sur la devanture d’une boutique : facile à retenir, alors que l’adresse exacte de la rue, elle, est un numéro que personne ne retient.
Ne pas confondre. Ne pas confondre le nom de domaine et le site : le nom est l’adresse, le site est ce qu’il y a dedans. On peut avoir un nom sans site, et changer de site en gardant le même nom.
Ses liaisons
Dans l’annuaire (DNS)
A → 203.0.113.42
adresse IP IPv4 IPv6 IP fixe IP publique
L’adresse IP est le numéro qui identifie une machine sur Internet, par exemple 203.0.113.42. Le DNS la donne à partir du nom de domaine, et c’est elle qui permet de trouver le serveur d’un site.
C’est comme l’adresse postale d’une maison : numéro, rue, ville. Le facteur ne connaît pas votre prénom, il suit l’adresse. Les données sur Internet font pareil avec l’adresse IP.
Ne pas confondre. Votre box internet a aussi sa propre adresse IP, différente de celle des sites que vous visitez. Et ce n’est pas une donnée secrète : chaque site que vous ouvrez la voit passer.
Ses liaisons
Dans l’annuaire (DNS)
MX → la boîte aux lettres
adresse e-mail pro enregistrement MX boîte mail redirection SPF et DKIM
Une adresse e-mail pro se termine par votre propre nom de domaine, comme contact@votresite.fr. Elle fait plus sérieux qu’une adresse Gmail et vous appartient tant que vous gardez votre nom de domaine.
C’est comme avoir une boîte aux lettres à votre nom sur votre propre maison, plutôt que de recevoir votre courrier chez un ami qui pourrait un jour déménager.
Ne pas confondre. L’adresse vient du nom de domaine, mais il faut aussi une boîte pour recevoir les messages : c’est un service à part, réglé grâce à une ligne du DNS appelée MX.
Dans le data center OVH
Votre tour de serveurs
baie rack 1U switch double alimentation
Une baie de serveurs est une grande armoire métallique, dans un data center, où les serveurs sont glissés les uns au-dessus des autres comme des tiroirs. Elle leur apporte l’électricité, le réseau et l’air frais.
C’est comme une commode à tiroirs plats : chaque tiroir est un serveur, tous ont la même largeur, et l’on en glisse autant que la hauteur le permet.
Ne pas confondre. On parle parfois de « tours » de serveurs, mais une tour désigne aussi un ordinateur de bureau posé debout. Dans un data center, les serveurs sont plats et rangés dans des baies.
Dans le data center OVH
La climatisation
data center centre de données hébergeur datacenter baie
Des milliers de serveurs allumés produisent beaucoup de chaleur. Le data center est refroidi en permanence, pour que les machines ne surchauffent pas.
C’est comme la chambre froide d’un restaurant : elle ne s’arrête jamais, sinon tout s’abîme.
Dans le data center OVH
Le courant de secours
data center centre de données hébergeur datacenter baie
Si le courant est coupé dans le quartier, des batteries prennent le relais tout de suite, puis de gros groupes électrogènes. Les serveurs ne s’éteignent pas.
C’est comme à l’hôpital : la panne de courant ne doit jamais se voir.
Dans le data center OVH
La sécurité
data center centre de données hébergeur datacenter baie
On n’entre pas dans un data center comme dans un magasin : badges, caméras, gardiens, portes verrouillées. Seules quelques personnes autorisées touchent aux machines.
C’est comme la salle des coffres d’une banque.
Dans le data center OVH
L’hébergeur (OVH…)
hébergeur hébergement mutualisé VPS serveur dédié
L’hébergeur est l’entreprise qui loue une place sur ses serveurs pour que votre site soit en ligne jour et nuit. Elle possède les bâtiments, les machines et les câbles. Vous payez un abonnement, comme pour un garde-meuble.
C’est comme un propriétaire d’immeuble : il possède le bâtiment, l’entretient et le surveille, et il vous loue une chambre, un appartement ou la maison entière.
Ne pas confondre. Ne pas confondre l’hébergeur, qui loue le serveur, et la société qui vous loue le nom de domaine. C’est souvent la même entreprise, comme OVH, mais pas toujours.
Dans votre tour de serveurs
Le commutateur (switch)
baie rack 1U switch double alimentation
En haut de la baie, un boîtier relie chaque serveur au réseau du data center, et donc à Internet, par des câbles.
C’est comme une multiprise pour le réseau : chaque serveur y branche son câble.
Dans votre tour de serveurs
Votre serveur
serveur VPS serveur dédié hébergement mutualisé le cloud
Un serveur est un ordinateur allumé jour et nuit, rangé dans un data center, qui garde votre site et l’envoie à chaque visiteur qui le demande. Un VPS est un serveur que l’on loue, à soi tout seul, chez un hébergeur.
C’est comme une boutique ouverte 24 heures sur 24 : la marchandise est en rayon, et chaque client qui pousse la porte repart avec ce qu’il a demandé, sans jamais attendre l’ouverture.
Ne pas confondre. Le mot « serveur » désigne à la fois la machine et un programme installé dessus, le serveur web, qui accueille les visiteurs. Selon la phrase, on parle de l’un ou de l’autre.
Dans votre tour de serveurs
L’onduleur
data center centre de données hébergeur datacenter baie
Un onduleur est une grosse batterie placée entre le courant et les serveurs. Au moindre souci électrique, il prend le relais sans coupure.
C’est comme la batterie de votre téléphone : débranché, il continue de marcher.
Dans votre serveur
Votre VPS
VPS serveur virtuel hébergement mutualisé serveur dédié virtualisation
Un VPS, ou serveur privé virtuel, est une part d’un gros serveur physique, découpé en plusieurs serveurs indépendants. Le vôtre a son propre système, ses fichiers et son adresse IP, et vous seul y avez accès.
C’est comme un appartement dans un immeuble : les murs et le toit sont communs, mais votre porte ferme à clé, et vous aménagez l’intérieur comme vous voulez.
Ne pas confondre. Un VPS est à vous, donc son entretien aussi : mises à jour, pare-feu, sauvegardes. Chez un hébergeur mutualisé, c’est lui qui s’en charge, mais vous avez beaucoup moins de liberté.
Dans votre serveur
Le processeur et la mémoire
serveur VPS serveur dédié hébergement mutualisé le cloud
Le serveur a des processeurs, qui calculent, et de la mémoire, qui garde ce qui sert en ce moment. Ils sont partagés entre les VPS : chacun a sa part réservée.
C’est comme un immeuble où chaque appartement a ses propres compteurs.
Dans votre serveur
Les disques
serveur VPS serveur dédié hébergement mutualisé le cloud
Les disques gardent les fichiers de chaque VPS, même quand tout s’éteint. Chaque VPS a son espace, séparé de celui des voisins.
C’est comme les caves d’un immeuble : une par appartement, fermée à clé.
Dans votre VPS
Le pare-feu
pare-feu firewall port UFW fail2ban
Le pare-feu est un programme qui surveille tout ce qui essaie d’entrer dans le serveur. Il laisse passer les visiteurs du site et bloque le reste : les curieux, les robots malveillants, les portes qu’on n’a pas besoin d’ouvrir.
C’est comme le gardien d’un immeuble : il laisse monter les visiteurs attendus, renvoie les inconnus et garde fermées les portes de service.
Ne pas confondre. Ne pas confondre avec l’antivirus : le pare-feu filtre les entrées, il ne nettoie pas les fichiers. Votre box internet a aussi son propre pare-feu, distinct de celui du serveur.
Ses liaisons
Dans votre VPS
Le serveur web
serveur web Apache Nginx Caddy erreur 404
Le serveur web est un programme installé sur le serveur. Il reçoit chaque demande des visiteurs, envoie les fichiers du site et, quand une page doit être fabriquée sur mesure, la fait préparer par le code PHP.
C’est comme l’hôtesse d’accueil d’un restaurant : elle reçoit chaque client, sert tout de suite ce qui est prêt et transmet en cuisine ce qui doit être préparé.
Ne pas confondre. Le mot « serveur » désigne à la fois la machine et ce programme. Quand on parle d’Apache ou de Nginx, on parle du programme, pas de l’ordinateur.
Ses liaisons
Dans votre VPS
Le code (PHP)
PHP code langage de programmation page dynamique WordPress
PHP est un langage de programmation qui tourne sur le serveur. Il fabrique les pages au moment où on les demande, en allant chercher les informations à jour dans la base de données : vos commandes, les derniers articles, un message reçu.
C’est comme le cuisinier d’un restaurant : il ne garde pas des plats tout faits, il prépare chaque assiette à la commande, avec les ingrédients pris dans le garde-manger.
Ne pas confondre. Le code PHP s’exécute sur le serveur, jamais dans votre téléphone. Ne pas confondre avec le JavaScript, qui lui s’exécute dans le navigateur du visiteur.
Ses liaisons
Dans votre VPS
La base de données
base de données MySQL MariaDB table requête SQL
La base de données est le grand classeur du site. Elle range, bien triées, toutes les informations qui changent : les comptes des clients, les commandes, les articles, les messages reçus. Le code du site vient y lire et y écrire à chaque visite.
C’est comme un classeur à onglets bien tenu : un onglet pour les clients, un pour les commandes, une fiche par ligne, et on retrouve n’importe quelle fiche en un instant.
Ne pas confondre. La base de données n’est pas rangée avec les fichiers du site. Une sauvegarde qui copie seulement les fichiers oublie les commandes, les comptes et les articles.
Ses liaisons
Dans votre VPS
Les fichiers du site
fichiers dossier arborescence index.html FTP
Un site, c’est un ensemble de fichiers rangés dans des dossiers sur le serveur : des textes en HTML, des habillages en CSS, des animations en JavaScript et des images. Le navigateur les reçoit et les assemble pour afficher la page.
C’est comme les ingrédients d’un gâteau rangés dans un placard : la farine, le sucre, les œufs. Séparés, ils ne ressemblent à rien. Le navigateur, lui, fait la recette.
Ne pas confondre. Les fichiers du site ne contiennent pas tout : les informations qui changent souvent (comptes, commandes, messages) vivent en général dans la base de données, à côté.
Ses liaisons
Dans votre VPS
Claude Code
intelligence artificielle IA Claude Code agent terminal
L’assistant IA est un programme installé sur votre serveur, comme Claude Code. Vous lui écrivez en français ce que vous voulez changer sur votre site, depuis votre téléphone, et il modifie lui-même les fichiers du site.
C’est comme un artisan qui aurait les clés de votre boutique : vous lui laissez un mot, « repeignez la vitrine en bleu », et il s’en occupe sans que vous ayez à toucher un pinceau.
Ne pas confondre. Un assistant IA peut se tromper. Il faut relire ce qu’il a fait et garder des sauvegardes, pour pouvoir revenir en arrière si un changement ne convient pas.
Ses liaisons
Dans votre VPS
Les sauvegardes
sauvegarde backup restauration snapshot règle 3-2-1
Une sauvegarde est une copie complète du site, faite régulièrement et rangée ailleurs que sur le serveur. Elle copie les fichiers et la base de données. Si quelque chose casse, on remet la copie en place et le site revient comme avant.
C’est comme le double des clés de la maison, confié à un voisin : le jour où vous perdez les vôtres, vous n’avez pas besoin de changer la porte.
Ne pas confondre. Une sauvegarde rangée sur le même serveur que le site ne protège pas de grand-chose : si le serveur tombe, elle tombe avec lui. Il faut une copie ailleurs.
Ses liaisons
Dans votre VPS
Le système (Linux)
Linux système d’exploitation Ubuntu Debian ligne de commande
Linux est le système d’exploitation du serveur : le logiciel de base qui fait fonctionner la machine. Tout le reste repose dessus : le pare-feu, le serveur web, le code PHP, la base de données. Il est gratuit et très répandu sur les serveurs.
C’est comme les fondations et les murs porteurs d’une maison : on ne les voit pas, on n’y pense jamais, mais sans eux, rien ne tient debout.
Ne pas confondre. Linux est le système du serveur, pas celui de votre téléphone. Vous n’avez pas besoin d’avoir Linux chez vous pour avoir un site qui tourne sous Linux.
Dans les fichiers du site
Le HTML
HTML balise HTML5 code source
Le HTML est le langage qui écrit le contenu d’une page web : les titres, les paragraphes, les liens, les images à placer. Il range chaque morceau entre des étiquettes, les balises, pour que le navigateur sache ce qu’il affiche.
C’est comme un manuscrit annoté par un éditeur : « ceci est le titre », « ceci est un paragraphe », « ici, une photo ». Le texte est là, avec ses étiquettes, mais sans mise en page.
Ne pas confondre. Le HTML n’est pas un langage de programmation : il ne calcule rien, il décrit. Ce qui bouge relève du JavaScript, et l’apparence du CSS.
Dans les fichiers du site
Le CSS
CSS feuille de style style.css responsive
Le CSS est le langage qui décide de l’apparence d’une page web : les couleurs, les polices, les tailles, la place de chaque élément. Il habille le HTML, qui contient le texte, et adapte la page à l’écran d’un téléphone ou d’un ordinateur.
C’est comme la garde-robe d’une personne : la personne reste la même (le HTML), mais selon les vêtements choisis (le CSS), elle paraît élégante, décontractée ou en tenue de sport.
Ne pas confondre. Le CSS ne change pas le texte de la page : pour corriger une phrase, c’est le HTML qu’il faut modifier. Et le CSS n’a rien à voir avec un CV, malgré la ressemblance des lettres.
Dans les fichiers du site
Le JavaScript
JavaScript JS script fichier .js
Le JavaScript est un langage de programmation qui fait bouger et réagir une page web : un menu qui s’ouvre, un diaporama, un formulaire qui signale une erreur. Il est envoyé par le serveur et s’exécute dans votre navigateur.
C’est comme l’électricité d’une maison : les murs (le HTML) et la décoration (le CSS) sont là sans elle, mais c’est grâce à elle que la lumière s’allume quand on appuie sur l’interrupteur.
Ne pas confondre. Le JavaScript n’a rien à voir avec Java, un autre langage. Les deux noms se ressemblent pour des raisons de marketing des années 1990, pas parce qu’ils sont cousins.
Dans les fichiers du site
Les images
JPG PNG WebP poids compression
Les images d’un site sont des fichiers à part, rangés sur le serveur : photos, logos, illustrations. Leur format (JPG, PNG, WebP) et surtout leur poids comptent beaucoup, car une image trop lourde ralentit l’affichage de la page.
C’est comme les bagages d’un voyage : on peut emporter les mêmes vêtements dans une valise bien pliée ou dans trois sacs mal fermés. Une image bien préparée arrive aussi belle et bien plus vite.
Ne pas confondre. Une photo prise avec un téléphone récent est souvent bien plus grande que ce qu’un écran affiche. La mettre telle quelle sur un site, c’est faire télécharger au visiteur beaucoup de données pour rien.
Dans les fichiers du site
Le site responsive
responsive responsive design adapté au mobile mobile first media query
Un site responsive s’adapte tout seul à la taille de l’écran : téléphone, tablette ou ordinateur. Le même site, le même contenu, mais rangé autrement. C’est le CSS qui réarrange la page, et Google regarde d’abord la version téléphone.
C’est comme l’eau versée dans un verre, un bol ou une carafe : c’est toujours la même eau, elle prend simplement la forme du récipient.
Ne pas confondre. Ne pas confondre site responsive et application : un site responsive s’ouvre dans le navigateur, rien à installer depuis l’App Store.
Dans les fichiers du site
Ou WordPress (CMS)
WordPress CMS extension thème tableau de bord
WordPress est un CMS, un logiciel installé sur le serveur pour gérer son site sans écrire de code. On se connecte à un tableau de bord, on écrit ses pages et ses articles comme dans un traitement de texte, et WordPress fabrique le site.
C’est comme une maison en kit livrée avec son mode d’emploi : les murs sont déjà prêts, vous choisissez la décoration et vous ajoutez des meubles, sans être maçon.
Ne pas confondre. Un WordPress doit être mis à jour régulièrement, lui et ses extensions. Un site oublié pendant des mois devient une porte d’entrée pour les pirates.
Dans le HTML
<title>
SEO référencement naturel mots-clés SEA Search Console
Le SEO, ou référencement naturel, regroupe tout ce qu’on fait pour qu’un site apparaisse bien placé dans Google sans payer de publicité : des pages utiles, les bons mots, des titres clairs, un site rapide et lisible sur téléphone.
C’est comme la réputation d’une boulangerie : une belle enseigne aide, mais c’est la qualité du pain et le bouche-à-oreille qui font venir les clients, et cela prend du temps.
Ne pas confondre. Ne pas confondre SEO et publicité : les annonces payantes marquées « Sponsorisé » en haut de Google, c’est le SEA. Et personne ne peut garantir honnêtement la première place.
Dans le HTML
<h1>
balise chevrons balise ouvrante balise fermante attribut alt
Une balise HTML est une étiquette écrite entre chevrons, comme <h1> ou <p>, qui entoure un morceau de texte pour dire au navigateur ce qu’il est : un titre, un paragraphe, un lien, une image. Le visiteur ne les voit pas.
C’est comme les étiquettes d’un classeur : « factures », « courrier », « impôts ». Elles ne changent pas les papiers, elles disent ce que chaque intercalaire contient.
Ne pas confondre. Une balise ouverte doit presque toujours être refermée. Si on oublie la balise fermante, par exemple après un titre, toute la suite de la page peut s’afficher en gros caractères.
Dans le HTML
<p>
balise chevrons balise ouvrante balise fermante attribut alt
Une balise HTML est une étiquette écrite entre chevrons, comme <h1> ou <p>, qui entoure un morceau de texte pour dire au navigateur ce qu’il est : un titre, un paragraphe, un lien, une image. Le visiteur ne les voit pas.
C’est comme les étiquettes d’un classeur : « factures », « courrier », « impôts ». Elles ne changent pas les papiers, elles disent ce que chaque intercalaire contient.
Ne pas confondre. Une balise ouverte doit presque toujours être refermée. Si on oublie la balise fermante, par exemple après un titre, toute la suite de la page peut s’afficher en gros caractères.
Dans le HTML
<a>
balise chevrons balise ouvrante balise fermante attribut alt
Une balise HTML est une étiquette écrite entre chevrons, comme <h1> ou <p>, qui entoure un morceau de texte pour dire au navigateur ce qu’il est : un titre, un paragraphe, un lien, une image. Le visiteur ne les voit pas.
C’est comme les étiquettes d’un classeur : « factures », « courrier », « impôts ». Elles ne changent pas les papiers, elles disent ce que chaque intercalaire contient.
Ne pas confondre. Une balise ouverte doit presque toujours être refermée. Si on oublie la balise fermante, par exemple après un titre, toute la suite de la page peut s’afficher en gros caractères.
Dans le HTML
<img>
balise chevrons balise ouvrante balise fermante attribut alt
Une balise HTML est une étiquette écrite entre chevrons, comme <h1> ou <p>, qui entoure un morceau de texte pour dire au navigateur ce qu’il est : un titre, un paragraphe, un lien, une image. Le visiteur ne les voit pas.
C’est comme les étiquettes d’un classeur : « factures », « courrier », « impôts ». Elles ne changent pas les papiers, elles disent ce que chaque intercalaire contient.
Ne pas confondre. Une balise ouverte doit presque toujours être refermée. Si on oublie la balise fermante, par exemple après un titre, toute la suite de la page peut s’afficher en gros caractères.
Dans le HTML
<meta description>
SEO référencement naturel mots-clés SEA Search Console
Le SEO, ou référencement naturel, regroupe tout ce qu’on fait pour qu’un site apparaisse bien placé dans Google sans payer de publicité : des pages utiles, les bons mots, des titres clairs, un site rapide et lisible sur téléphone.
C’est comme la réputation d’une boulangerie : une belle enseigne aide, mais c’est la qualité du pain et le bouche-à-oreille qui font venir les clients, et cela prend du temps.
Ne pas confondre. Ne pas confondre SEO et publicité : les annonces payantes marquées « Sponsorisé » en haut de Google, c’est le SEA. Et personne ne peut garantir honnêtement la première place.
Dans les images
Le JPG
JPG PNG WebP poids compression
Le JPG est fait pour les photos : il est léger, mais il ne sait pas faire de transparence. Un logo rond en JPG arrive toujours avec un rectangle de fond autour.
C’est comme une photo imprimée : le papier remplit toujours tout le rectangle.
Dans les images
Le PNG
PNG transparent fond transparent détourage canal alpha damier
Une image transparente est une image dont certaines parties sont vides : on voit à travers. Posée sur un site, seul le dessin apparaît, sans rectangle blanc autour. Les formats PNG, WebP et SVG savent le faire, le JPG non.
C’est comme un autocollant découpé que l’on colle sur un cahier : on ne voit que le dessin. Une photo imprimée sur une feuille, elle, garde toujours son bord blanc.
Ne pas confondre. Une image téléchargée sur Internet peut montrer un damier gris et blanc qui fait croire à la transparence, alors que ce damier est dessiné dans l’image. Posée sur votre site, elle affichera le damier.
Dans les images
Le WebP
JPG PNG WebP poids compression
Le WebP est un format plus récent, plus léger que le JPG et le PNG. Il sait faire les photos comme les images transparentes, et les navigateurs récents le lisent tous.
C’est comme une valise bien pliée : la même chose, en prenant moins de place.
Dans les images
Le SVG
SVG image vectorielle vectoriel image matricielle pixel
Le SVG est un format d’image décrit par des formes et des calculs plutôt que par des points. Il reste net à toutes les tailles, du petit écran au grand panneau. Parfait pour les logos et les icônes, il ne convient pas aux photos.
C’est comme une recette plutôt qu’une photo du gâteau : avec la recette, vous refaites le gâteau pour 4 ou pour 40 personnes, toujours parfait. La photo, elle, devient floue si on l’agrandit.
Ne pas confondre. Transformer une photo en SVG ne la rend pas plus belle : le SVG est fait pour des dessins simples aux formes nettes. Pour une photo, gardez le JPG ou le WebP.
Dans les images
Le GIF
JPG PNG WebP poids compression
Le GIF est un vieux format qui sait faire de petites animations : ce sont les « GIF » que l’on s’envoie. Il gère la transparence, mais en tout ou rien, et seulement 256 couleurs : les bords peuvent paraître crénelés.
C’est comme un folioscope : quelques dessins qui défilent pour donner l’illusion du mouvement.
Dans stripe
La page de paiement
API clé d’API requête service en ligne
Quand vous cliquez sur « Payer », vous arrivez souvent sur une page de Stripe, et non du site : c’est là que vous tapez votre carte, en toute sécurité. Le site ne la voit jamais.
C’est comme tendre sa carte au terminal plutôt qu’au vendeur.
Ses liaisons
Dans stripe
Le site de Stripe
API clé d’API requête service en ligne
Le commerçant a un compte sur le site de Stripe : il y voit chaque vente, les remboursements, les factures et les virements vers sa banque.
C’est comme le relevé de compte de votre terminal de carte, en mieux rangé.
Ses liaisons
Dans stripe
Le guichet API de Stripe
API clé d’API requête service en ligne
Une API est un guichet par lequel un programme demande un service à un autre programme. Votre site s’en sert pour faire payer avec Stripe, afficher une carte Google Maps ou obtenir une réponse de Claude, sans avoir à tout fabriquer lui-même.
C’est comme le serveur au restaurant : vous ne passez pas en cuisine, vous lui donnez votre commande, il la transmet et vous rapporte le plat. Vous n’avez pas besoin de savoir cuisiner.
Ne pas confondre. Une clé d’API est un badge secret qui prouve que c’est bien votre site qui demande. Ne la publiez jamais dans une page, un e-mail ou une capture d’écran : quelqu’un pourrait s’en servir à vos frais.
Ses liaisons
Dans anthropic
Le guichet API d’Anthropic
API clé d’API requête service en ligne
Une API est un guichet par lequel un programme demande un service à un autre programme. Votre site s’en sert pour faire payer avec Stripe, afficher une carte Google Maps ou obtenir une réponse de Claude, sans avoir à tout fabriquer lui-même.
C’est comme le serveur au restaurant : vous ne passez pas en cuisine, vous lui donnez votre commande, il la transmet et vous rapporte le plat. Vous n’avez pas besoin de savoir cuisiner.
Ne pas confondre. Une clé d’API est un badge secret qui prouve que c’est bien votre site qui demande. Ne la publiez jamais dans une page, un e-mail ou une capture d’écran : quelqu’un pourrait s’en servir à vos frais.
Ses liaisons
Dans anthropic
Le modèle Claude
intelligence artificielle IA Claude Code agent terminal
Le « modèle » Claude, c’est le cerveau de l’IA : un énorme programme qui tourne sur des serveurs spécialisés. Il lit la question, réfléchit et écrit la réponse, en quelques secondes.
C’est comme le cuisinier d’un restaurant : vous ne le voyez pas, mais c’est lui qui prépare tout.
Ses liaisons
La liaison
Mon iPhone Wi-Fi ma Livebox
À la maison, votre iPhone parle à votre Livebox par le Wi-Fi, sans fil.
La liaison
Mon ordinateur Wi-Fi / câble ma Livebox
L’ordinateur se relie à la Livebox par le Wi-Fi, ou par un câble réseau branché derrière la box, plus stable.
La liaison
Mon iPhone 4G / 5G l’antenne relais 4G / 5G
Hors de la maison, plus de Wi-Fi : l’iPhone passe par l’antenne relais de votre opérateur, avec votre forfait.
La liaison
Ma Livebox fibre internet
La Livebox est reliée par la fibre au réseau de votre opérateur, lui-même relié au reste d’Internet.
La liaison
L’antenne relais 4G / 5G relie à internet
L’antenne relais est reliée par câbles au réseau de l’opérateur, donc à Internet.
La liaison
Le satellite via satellite l’antenne relais 4G / 5G
Toutes les antennes relais ne sont pas reliées par câble : en montagne ou dans un coin isolé, certaines passent par un satellite, qui renvoie tout vers des stations au sol reliées à Internet. Votre iPhone, lui, ne voit pas la différence. Les maisons sans fibre font pareil, avec une parabole sur le toit.
La liaison
Internet quel numéro ? l’annuaire (DNS)
Avant tout, il faut savoir où se trouve le site. La demande va voir l’annuaire d’Internet, le DNS : « Quel est le numéro de francescosun.com ? »
La liaison
L’annuaire (DNS) donne le numéro le data center OVH
Le DNS répond par l’adresse IP du serveur. Ce numéro mène à un data center, et dedans, à votre serveur.
La liaison
Internet en HTTPS le data center OVH
Avec ce numéro, la demande traverse Internet jusqu’au data center, dans une enveloppe scellée : c’est le cadenas HTTPS.
La liaison
Le data center OVH API stripe
Quand un client paie sur votre site, le site demande à Stripe, par son API : « Encaissez 18€ sur cette carte. » Stripe répond « C’est payé » en quelques secondes.
La liaison
Stripe verse l’argent votre banque
Stripe ne garde pas l’argent : il le verse sur le compte de votre banque, quelques jours après la vente, moins sa commission.
La liaison
Le data center OVH API anthropic
Claude Code est installé dans votre serveur, mais il ne réfléchit pas là : à chaque demande, il envoie la question aux serveurs d’Anthropic par leur API, et reçoit la réponse.
La liaison
Le Wi-Fi transmet à le routeur
Ce qui arrive par le Wi-Fi passe par le routeur, qui sait où envoyer chaque chose.
La liaison
Le routeur sort par la prise fibre
Ce qui doit aller sur Internet sort de la box par la prise fibre.
La liaison
francescosun.com mène au numéro a → 203.0.113.42
Dans l’annuaire, le nom francescosun.com est suivi d’une ligne « A » qui donne le numéro du serveur.
La liaison
Le guichet API de Stripe ouvre la page de paiement
Le site demande au guichet de Stripe d’ouvrir une page de paiement pour ce client, avec le bon montant.
La liaison
Le guichet API de Stripe enregistre le site de Stripe
Chaque paiement passé par le guichet apparaît aussitôt dans le tableau de bord du commerçant.
La liaison
Le guichet API d’Anthropic transmet le modèle Claude
Le guichet transmet la question au modèle d’IA, puis renvoie sa réponse au programme qui l’a demandée.
La liaison
Le pare-feu laisse passer le serveur web
Le pare-feu ne laisse arriver au serveur web que les visites normales. Le reste est bloqué à l’entrée.
La liaison
Le serveur web demande la page le code (PHP)
Pour une page qui change (votre compte, la liste des annonces du jour), le serveur web demande au code de la préparer.
La liaison
Le code (PHP) lit et écrit la base de données
Le code demande à la base de données ce qu’il faut afficher : votre nom, vos commandes, les derniers articles. Il y range aussi ce que vous envoyez.
La liaison
Le serveur web envoie les fichiers les fichiers du site
Pour ce qui ne change pas (les images, la mise en page), le serveur web prend directement les fichiers et les envoie à votre navigateur.
La liaison
Claude Code modifie les fichiers du site
Quand vous demandez une modification à Claude Code, en français, depuis votre téléphone, il change lui-même les fichiers du site.
La liaison
La base de données copiée chaque nuit les sauvegardes
Chaque nuit, la base de données et les fichiers du site sont copiés à l’abri, ailleurs. En cas de souci, on revient à la copie de la veille.
- Vous voulez voir francescosun.com sur votre iPhone.
- Dans Safari, vous tapez l’adresse de la page, son URL. Elle contient le nom de domaine : francescosun.com.
- La demande part en Wi-Fi jusqu’à votre Livebox.
- La Livebox l’envoie par la fibre, vers Internet.
- Elle voyage sur Internet, de câble en câble.
- Mais où se trouve ce site ? L’annuaire (DNS) répond : au numéro 203.0.113.42.
- Ce numéro mène à un data center, un bâtiment rempli de serveurs.
- Dans une des tours de serveurs…
- … se trouve votre serveur, partagé en plusieurs VPS.
- Dans votre VPS, le pare-feu vérifie la demande et la laisse passer.
- Le serveur web la prend en charge : quelle page voulez-vous ?
- Le code prépare la page, avec les informations de la base de données.
- Il y ajoute le texte (HTML), la décoration (CSS) et les images.
- La page repart par le même chemin et s’affiche dans Safari. Le tout prend en général moins d’une seconde.