SEO & GEO · Méthode

Construire un site qui ranke sur Google
Un sujet que vous connaissez de l'intérieur, un outil avant dix articles, des pages bien rangées et reliées, des fichiers statiques hébergés gratuitement. Puis la Search Console dès le premier jour, et de la patience.
Aller plus loin avec01La méthode en cinq étapes
Cette fiche part d'une étude de cas : le site maltaexpat.com, étudié par Vincent Ventalon sur deviensdev.fr. Ce site d'expatriation à Malte et ses chiffres sont les siens. On en garde le plan, pour l'appliquer à votre propre sujet.
| L'étape | Ce qu'elle demande |
|---|---|
| Un sujet vécu | Votre ville, votre métier ou votre loisir : un terrain dont vous connaissez les vraies questions. |
| Un outil d'abord | Une carte, un calculateur ou un comparateur, publié avant la série d'articles. |
| Vos données | Des photos prises sur place, des prix relevés, des notes rassemblées, chacun avec sa source et sa date. |
| Des fichiers statiques | Pas de serveur ni de base de données : des pages HTML posées sur un hébergeur gratuit. |
| La Search Console | Branchée le jour de la mise en ligne, pour voir ce que Google montre de votre site. |
02Un sujet que vous vivez
Choisissez un sujet que vous pratiquez déjà. Vous savez quelles questions se posent les gens, vous pouvez aller photographier les lieux et relever les prix vous-même. C'est ce qui rendra vos pages différentes de celles qui recopient les mêmes sources.
Décidez aussi, avant d'écrire, comment le site gagnera de l'argent. Un site de niche met en relation des gens qui cherchent et des gens qui vendent. Il peut vendre de la visibilité à des commerces locaux ou toucher une commission quand un visiteur devient client d'un partenaire, une école ou un artisan par exemple.
Le piège. Compter l'argent avant qu'il arrive. Une commission promise n'est pas un revenu tant qu'aucun client n'a été facturé. Et un lien vendu à un commerce se marque avec l'attribut rel="sponsored", comme le demande Google dans sa page sur la qualification des liens sortants.
03Un outil avant dix articles
Une IA conversationnelle répond déjà aux questions générales : notre fiche Faire son SEO avec Claude et la Search Console explique pourquoi une page doit apporter ce qu'on ne trouve pas ailleurs. Dans l'étude de cas, trois des dix pages qui reçoivent le plus de clics sont des outils, dont les deux premières : une carte des randonnées et un calculateur de salaire.
Quelques formes d'outils qui demandent de venir sur la page :
- une carte : plages, randonnées, quartiers, écoles, avec un tracé ou un repère pour chaque lieu ;
- un calculateur : salaire net, impôt, coût de la vie, loyer, qui donne le chiffre de la personne ;
- un classement rassemblé : les notes de plusieurs sources réunies et triées sur une seule page ;
- vos photos, prises sur place et datées, à la place des images de banque.
Notre conseil. Rangez les données de l'outil dans un fichier à part, avec la source et la date de chaque valeur. Vous les mettrez à jour sans toucher au code, et le lecteur saura d'où vient le chiffre.
04Ranger le site
Google indique dans son guide de démarrage SEO que des répertoires qui regroupent les sujets proches l'aident à comprendre le site. Il conseille aussi des URL faites de mots utiles au lecteur plutôt que d'identifiants. Un dossier par type de page suffit : les outils d'un côté, les guides de l'autre.
Fixez cette arborescence avant la première mise en ligne. Une URL qui change ensuite doit être redirigée, et c'est du travail évitable.
05Relier les pages
Une page qui ne reçoit aucun lien est difficile à trouver, pour le lecteur comme pour Google. Organisez chaque thème autour d'une page pilier : elle présente le sujet et renvoie vers les pages détaillées, qui renvoient vers elle et entre elles quand c'est utile au lecteur.
Google détaille ses attentes dans sa page sur les liens explorables :
- un lien est une balise
<a href="…">, sinon Google risque de ne pas le suivre ; - son texte décrit la page de destination, en peu de mots, jamais « cliquez ici » ou « lire la suite » ;
- chaque page importante contient au moins un lien vers une autre page du site.
06Un site statique, hébergé gratuitement
Un site de contenu n'a besoin ni de comptes, ni de base de données, ni de serveur. Il tient dans un dossier : les articles en Markdown, les données des outils en JSON, le calcul dans un fichier de code testé, les photos compressées en WebP.
Un générateur comme Astro transforme ce dossier en pages HTML. Par défaut, il n'envoie aucun JavaScript au navigateur. Seul l'outil reçoit le sien, sous forme d'« îlot » interactif chargé sur sa page.
npm create astro@latestCrée le projet et pose les questions de départ dans le terminal.
npx astro add vueAjoute Vue pour écrire l'outil interactif. React ou Svelte conviennent aussi.
npx astro add sitemapGénère le sitemap à chaque build. Il faut renseigner l'adresse du site dans astro.config.mjs, option site.
npm run buildProduit le site final dans le dossier dist/, prêt à être déposé chez l'hébergeur.
Côté hébergement, Cloudflare indique dans sa grille tarifaire que les requêtes vers des fichiers statiques sont gratuites et illimitées. Sur Cloudflare Pages, l'offre gratuite accepte jusqu'à 20 000 fichiers et 500 builds par mois, largement assez pour un site de niche. Relié à votre dépôt GitHub, le site se reconstruit à chaque modification envoyée.
Le piège. Monter une application avec comptes et base de données pour publier des articles. Le jour où vous aurez besoin de comptes, séparez l'application du site de contenu.
07Mesurer dès le premier jour
Google le précise dans son guide de démarrage : la Search Console n'est pas nécessaire pour apparaître dans les résultats. Sans elle, vous ne voyez pas ce que Google montre de votre site. Branchez-la le jour de la mise en ligne, pour avoir un point de départ.
Le même guide prévient qu'un changement peut prendre effet en quelques heures comme en plusieurs mois. La lecture des chiffres, le seuil de bruit et le verdict à trois semaines sont détaillés dans notre fiche sur la Search Console. Sur la durée, la courbe d'un jeune site avance souvent par paliers :
08Le prompt de départ
Ouvrez Claude Code dans un dossier vide et collez ce prompt. Remplacez les passages [entre crochets]. Claude explique chaque étape avant de la lancer.
Crée dans ce dossier un site statique avec Astro sur [votre sujet]. Pas de base de données, pas de serveur, pas de comptes. 1. Trois pages pour commencer : l'accueil, un guide sur [premier sujet] et un outil, [le calculateur ou la carte]. 2. Les données de l'outil dans src/data/[nom].json, avec la source et la date de chaque valeur. Laisse vide ce que tu ne trouves pas. 3. Le calcul dans un fichier TypeScript à part, avec un test sur trois cas que je peux vérifier à la main. 4. L'outil en composant Vue chargé seulement sur sa page (client:visible). Le reste en HTML, sans JavaScript. 5. Des URL courtes rangées par dossier : /outils/ et /guides/. Chaque page a son title, sa meta description et un lien vers les deux autres, avec un texte de lien explicite. 6. Un sitemap généré au build, pour l'adresse [https://monsite.fr]. 7. La préparation du déploiement en fichiers statiques sur Cloudflare. Explique chaque étape avant de la lancer et attends mon accord avant tout déploiement.
Pour la suite, publiez une page à la fois et notez chaque changement : la fiche Search Console donne les prompts pour lire les chiffres et rendre un verdict.
09Les erreurs fréquentes
- Commencer par dix articles généraux. Un outil utile attire plus de visites qu'une série de résumés.
- N'avoir aucune donnée à soi. Relevez des prix, prenez des photos, rassemblez des notes.
- Payer un serveur pour des pages statiques. Un hébergeur gratuit les sert très bien.
- Laisser des pages sans lien entrant. Chaque page reçoit au moins un lien de son pilier.
- Vendre un lien sans le signaler. Un lien payé porte l'attribut
rel="sponsored". - Brancher la Search Console plus tard. Sans point de départ noté, l'effet des premières pages ne se mesure pas.
Les autres ressources
Envie d'un parcours structuré ?
Ces ressources montrent notre façon de travailler. Pour apprendre étape par étape et appliquer à vos propres projets, Flow Buster propose des formations professionnelles à Bordeaux, en présentiel ou à distance.