Refonte site internet à

Comment nous avons refondu le site Clickzou : architecture SEO de 1 250 pages avec Next.js

Retour d'experience complet sur la refonte du site Clickzou : architecture en 7 silos, 676 pages programmatiques, maillage interne et performance Next.js. Nous concevons une expérience claire, rapide et orientée résultat pour transformer votre trafic en demandes qualifiées.

Design sur-mesureSEO technique inclusSuivi local dédié

Projet web

site-.fr

Site livré en 3 semaines
Architecture SEO du site Clickzou : ecosysteme de 1 250 pages avec Next.js
Design premium95%
SEO technique90%
Performance mobile93%
+42% demandes

+300

projets livrés

depuis 2013

5.0

note Google

★★★★★ vérifiée

24h

délai de réponse

garanti

10+

ans d'expertise

en création web

Fin 2025, nous avons pris une decision radicale : reconstruire entierement le site Clickzou. Pas un simple rafraichissement graphique. Une refonte structurelle complete, pensee des le depart pour le referencement naturel. Le resultat : un ecosysteme de 1 250 pages, 7 silos semantiques, 676 pages programmatiques et une architecture de maillage interne qui redistribue methodiquement l'autorite vers nos pages business.
Cet article est un retour d'experience transparent. Nous partageons notre architecture, nos choix techniques, nos erreurs evitees et les resultats attendus. Si vous envisagez une refonte de votre site internet, cette etude de cas vous donnera une vision concrete de ce qu'implique une refonte orientee SEO a grande echelle.

Cet article est volontairement technique et detaille. Il s'adresse aux dirigeants de TPE/PME qui veulent comprendre ce qu'une refonte SEO implique reellement, et aux professionnels du SEO curieux de notre approche.

Pourquoi refondre le site Clickzou

Fiabilite
Ancien site Clickzou sous WordPress
Avant

Les limites de l'ancien site

L'ancien site Clickzou etait un site WordPress classique. Fonctionnel, mais limite sur plusieurs aspects critiques pour le SEO et la performance :

Le constat etait clair : pour atteindre nos objectifs de visibilite, il fallait repartir sur des bases solides. Un simple changement de theme n'aurait pas suffi.

  • Performance degradee : temps de chargement superieur a 3 secondes, scores Lighthouse mediocres, plugins lourds qui alourdissaient chaque page
  • Architecture SEO inexistante : pas de silos thematiques, maillage interne aleatoire, URLs non optimisees
  • Scalabilite limitee : impossible de generer des centaines de pages programmatiques sans plugin supplementaire
  • Contenu statique : pas de systeme de publication progressive, pas de calendrier editorial integre
  • Dependance aux plugins : chaque fonctionnalite ajoutait une couche de complexite et de risque de conflit
Nouveau site Clickzou avec Next.js
Après

Les objectifs de la refonte

Nous avons defini cinq objectifs strategiques avant de commencer :

  • Construire une architecture SEO en silos pour maximiser l'autorite thematique sur chaque verticale de notre activite
  • Generer des centaines de pages programmatiques ciblant des mots-cles longue traine (metiers, villes, types de projets)
  • Atteindre des scores Lighthouse superieurs a 90 en performance, SEO et accessibilite
  • Mettre en place un systeme de publication progressive avec drafts, scheduled et published
  • Creer un ecosysteme de maillage interne qui redistribue l'autorite vers nos pages de conversion

L'architecture SEO : 7 silos semantiques

Conseils
Schema des 7 silos semantiques du site Clickzou

La logique des silos thematiques

Le coeur de notre strategie repose sur une architecture en silos semantiques. Chaque silo regroupe un ensemble coherent de pages autour d'une thematique business de Clickzou. L'objectif : signaler a Google que nous sommes une autorite sur chaque sujet, pas un site generaliste qui parle de tout superficiellement.

Nous avons structure le site en 7 silos principaux :

  • Creation de site internet — 128 pages programmatiques + 48 articles editoriaux
  • Refonte de site internet — 77 pages programmatiques + 27 articles editoriaux
  • SEO / Referencement naturel — 109 pages programmatiques + 50 articles editoriaux
  • Google Ads / SEA — 92 pages programmatiques + articles dedies
  • SEO local / Google My Business — 200 pages locales (villes x metiers)
  • Agence web — 50 pages programmatiques + 38 articles par ville
  • Outils SEO — 20 pages programmatiques + 11 articles editoriaux
Pages piliers et articles satellites dans l'architecture SEO Clickzou

Les pages piliers et leurs satellites

Chaque silo s'articule autour d'une page pilier qui sert de point d'entree principal. Par exemple, la page creation de site internet est la page pilier du silo Creation. Elle recoit des liens de tous les articles satellites du silo et redistribue l'autorite vers les pages de conversion.

Les articles satellites traitent des sous-sujets specifiques : creation de site pour un metier particulier, pour une ville, comparatifs de technologies, guides techniques. Chaque satellite renvoie vers la page pilier avec une ancre descriptive et vers 2 a 3 autres satellites du meme silo.

Le contenu programmatique : 676 pages generees

Expertise
Principe des templates programmatiques pour la generation de pages SEO

Le principe des templates

L'un des leviers les plus puissants de notre refonte est la generation programmatique de pages. Le principe : creer des templates de contenu qui se declinent automatiquement pour chaque metier, chaque ville ou chaque type de projet.

Concretement, nous avons construit 7 fichiers de silos programmatiques :

Chaque page programmatique n'est pas un contenu creux. Elle contient un contenu structure avec des donnees specifiques au metier ou a la ville ciblee, des liens internes vers la page pilier du silo, des CTA adaptes et des donnees structurees JSON-LD. Le tout genere en SSG (Static Site Generation) par Next.js pour des temps de chargement optimaux.

  • silo-creation-metier.ts : 128 pages "creation de site internet pour [metier]"
  • silo-refonte-type.ts : 77 pages "refonte de site [type]"
  • silo-seo-metier.ts : 109 pages "referencement SEO pour [metier]"
  • silo-google-ads-metier.ts : 92 pages "Google Ads pour [metier]"
  • silo-pages-locales.ts : 200 pages croisant villes et metiers
  • silo-agence-web.ts : 50 pages "agence web [specialite]"
  • silo-outils-seo.ts : 20 pages d'outils SEO dedies
Couverture des mots-cles longue traine par les pages programmatiques

La couverture des mots-cles

Grace a ces 676 pages programmatiques, nous couvrons un spectre de mots-cles longue traine extremement large. Chaque page cible une combinaison specifique que nos concurrents ne couvrent generalement pas :

Cette strategie de longue traine est complementaire aux articles editoriaux qui ciblent des requetes plus generiques et a fort volume. Ensemble, ils forment un filet de capture SEO a large spectre.

  • "creation site internet dentiste" (intention transactionnelle locale)
  • "agence SEO pour avocat" (intention commerciale)
  • "refonte site e-commerce" (intention informationnelle-commerciale)
  • "agence web Toulouse creation site" (intention locale)

La strategie de maillage interne

Performance
Maillage interne intra-silo avec liens contextuels entre articles satellites et page pilier

Maillage intra-silo

Le maillage interne est le systeme nerveux de notre architecture SEO. Chaque article contient au minimum 3 liens internes contextuels places dans le corps du texte, avec des ancres descriptives. Nous respectons une repartition de 70 % de liens intra-silo et 30 % de liens cross-silo.

La logique est simple : les articles satellites envoient des liens vers leur page pilier (liens remontants), la page pilier distribue l'autorite vers ses satellites (liens descendants), et les satellites se lient entre eux (liens croises). Ce maillage cree un cocon semantique que Google interprete comme un signal d'expertise sur le sujet.

Pour gerer ce maillage a l'echelle de 1 250 pages, nous avons integre un systeme de relatedSlugs dans chaque article. Ce champ contient exactement 3 slugs d'articles recommandes, affiches en fin de page sous forme de cartes cliquables. C'est un maillage automatise, coherent et maintenable.

Cross-linking strategique entre les 7 silos SEO du site Clickzou

Cross-linking entre silos

Les silos ne sont pas des silos etanches. Nous avons mis en place un systeme de cross-linking strategique via le composant RelatedGuides, utilise en bas des pages service. Chaque page service affiche 6 liens croises vers d'autres silos, permettant a l'autorite de circuler entre les thematiques.

Par exemple, la page optimisation SEO renvoie vers des articles du silo Creation ("pourquoi un site optimise SEO des sa creation") et du silo Refonte ("comment ne pas perdre son SEO lors d'une refonte"). Ce cross-linking renforce la coherence globale du site aux yeux de Google.

La strategie editoriale : du blog au linkable asset

Fiabilite
Strategie editoriale SEO avec calendrier de contenus piliers et satellites

Articles piliers et satellites

Notre strategie editoriale ne se resume pas a "publier du contenu". Chaque article a un role SEO clairement defini avant sa creation : pousser une page business, renforcer un silo, capter une intention informationnelle ou attirer des backlinks.

Nous distinguons plusieurs types de contenus, chacun avec un objectif precis :

  • Articles piliers (2 000 a 4 000 mots) : guides complets qui couvrent un sujet en profondeur et concentrent les liens entrants
  • Articles satellites (1 000 a 2 000 mots) : sous-sujets lies a un pilier, qui renforcent l'autorite thematique du silo
  • Etudes data-driven (3 000 a 5 000 mots) : analyses basees sur des donnees reelles, concues pour attirer des backlinks naturels
  • Checklists et templates (1 500 a 2 500 mots) : ressources actionnables a forte valeur percue
  • Comparatifs (2 000 a 3 500 mots) : comparaisons d'outils ou de solutions, ciblant des intentions commerciales
Pipeline de publication progressive avec statuts draft, scheduled et published

Linkable assets et publication progressive

Notre arme secrete pour l'acquisition de backlinks : les linkable assets. Ce sont des contenus concus specifiquement pour etre cites, partages et lies par d'autres sites. Etudes chiffrees, statistiques sectorielles, templates gratuits : ces contenus apportent une valeur unique que les autres sites veulent referencer.

Pour gerer cette production de contenu, nous avons mis en place un systeme de publication progressive avec trois statuts : draft (brouillon), scheduled (programme) et published (publie). Chaque article suit un pipeline strict : redaction, validation, programmation, publication automatique a la date prevue. Nous publions 2 articles par semaine, le mardi et le vendredi, avec un calendrier editorial planifie sur 3 mois.

La stack technique : Next.js, SSG et performance

Conseils
Developpement Next.js avec TypeScript et generation statique SSG

Pourquoi Next.js App Router

Le choix de Next.js 14+ avec App Router n'est pas un choix cosmétique. C'est un choix strategique dicte par nos objectifs SEO et performance :

La route dynamique [slug]/page.tsx sert les 1 202 articles du site. Un seul composant, une seule logique, 1 202 pages generees statiquement. C'est la puissance du SSG combine a la generation programmatique.

  • Static Site Generation (SSG) : chaque page est pre-generee a la compilation. Le serveur sert du HTML statique, ce qui reduit le Time to First Byte a quelques millisecondes
  • App Router : gestion native des layouts, des metadata dynamiques et du streaming. Chaque page genere automatiquement ses balises meta, ses donnees structurees JSON-LD et son canonical
  • TypeScript : typage strict de tous les articles et composants. Un article mal forme est detecte a la compilation, pas en production
  • Tailwind CSS : styles atomiques purges automatiquement. Pas de CSS inutilise en production
  • Framer Motion : animations fluides chargees en lazy loading pour ne pas impacter le TBT (Total Blocking Time)
Audit Lighthouse avec scores de performance Core Web Vitals optimises

Les optimisations Core Web Vitals

Les Core Web Vitals ne sont pas un detail technique : ils influencent directement le classement Google. Voici les optimisations que nous avons implementees :

Notre objectif : un score Lighthouse superieur a 80 en performance, 90 en SEO et 90 en accessibilite sur toutes les pages. Le SSG de Next.js nous donne un avantage structurel que les sites WordPress avec plugins lourds ne peuvent pas atteindre.

  • LCP (Largest Contentful Paint) : preload des polices Plus Jakarta Sans et Space Grotesk, images en WebP avec dimensions explicites, hero images prioritaires
  • INP (Interaction to Next Paint) : pas de JavaScript bloquant, hydration selective, animations lazy-loaded
  • CLS (Cumulative Layout Shift) : dimensions width/height sur toutes les images, layouts stables avec Tailwind, pas de contenu injecte dynamiquement au-dessus de la ligne de flottaison

Les outils SEO integres

Expertise
En parallele du contenu, nous avons developpe une section outils SEO gratuits directement integree au site. Ces outils ont un double objectif : apporter de la valeur aux visiteurs et generer du trafic recurrent sur des requetes utilitaires.
Chaque outil est une page a part entiere avec ses propres meta tags, ses donnees structurees et son maillage vers les articles pertinents du silo SEO. C'est une strategie de contenu utilitaire qui complemente nos articles informationnels et nos pages transactionnelles.

Les erreurs que nous avons evitees pendant la refonte

Performance
Une refonte de cette envergure comporte des risques. Voici les erreurs classiques que nous avons consciemment evitees :
  1. 1Ne pas planifier les redirections : chaque ancienne URL WordPress a ete mappee vers sa nouvelle URL Next.js. Aucune page indexee n'a ete abandonnee sans redirection 301
  2. 2Lancer sans architecture SEO : nous avons defini les 7 silos, les pages piliers et la strategie de maillage AVANT d'ecrire la premiere ligne de code
  3. 3Negliger le maillage interne : chaque page a ete pensee dans son contexte de silo, avec ses liens entrants et sortants planifies
  4. 4Sur-optimiser les ancres : nous utilisons des ancres descriptives variees, jamais le meme texte d'ancre pour le meme lien
  5. 5Publier du contenu placeholder : notre systeme de publication progressive garantit qu'aucun contenu inacheve n'est visible en production
  6. 6Ignorer les Core Web Vitals : le choix de Next.js SSG a ete motive par la performance, pas par la mode technologique
Si vous envisagez une refonte, notre article sur les erreurs SEO a eviter lors d'une refonte detaille chacun de ces pieges et comment les contourner.

Quand faut-il refondre son site internet ?

Fiabilite
Notre propre experience illustre un point fondamental : une refonte n'est pas toujours necessaire, mais quand elle l'est, il ne faut pas la repousser. Les signaux qui nous ont pousse a agir :
  • Scores de performance en dessous de 50 sur Lighthouse
  • Architecture non scalable (impossible d'ajouter 500 pages programmatiques sur WordPress sans plugins)
  • Maillage interne anarchique sans logique de silos
  • Temps de developpement de nouvelles fonctionnalites disproportionne
  • Absence de systeme de publication progressive
Si vous vous reconnaissez dans ces signaux, consultez notre guide sur quand faire une refonte de site internet. Et si vous souhaitez evaluer l'etat actuel de votre site, notre audit SEO gratuit peut vous donner une premiere analyse objective.
Conseils
Le contenu seul ne suffit pas. Pour construire l'autorite du site, nous avons mis en place une strategie de backlinks basee sur trois piliers :
  1. 1Linkable assets : etudes data-driven, statistiques sectorielles et templates gratuits concus pour etre cites par d'autres sites. Ces contenus attirent des backlinks naturels sans action de prospection
  2. 2Amplification externe : chaque contenu strategique est repris sous forme synthetique sur des plateformes a forte autorite (Medium, LinkedIn Articles) avec des liens retour vers l'article complet
  3. 3Redistribution interne : le maillage interne transfere l'autorite acquise via les backlinks vers les pages de conversion (creation, refonte, SEO, tarifs)
La logique est lineaire : les linkable assets captent l'autorite externe, le maillage la redistribue vers les pages business, et les pages business convertissent les visiteurs en prospects. C'est une machine a leads alimentee par le SEO.

Les resultats attendus et KPIs

Expertise
Cette refonte est un investissement a moyen terme. Les premiers resultats SEO significatifs sont attendus entre 3 et 6 mois apres le deploiement. Voici nos KPIs cibles :
  • Trafic organique : objectif de croissance de 300 % sur 12 mois grace a la couverture longue traine des pages programmatiques
  • Nombre de mots-cles positionnes : passer de quelques dizaines a plusieurs milliers de mots-cles en top 100 Google
  • Score Lighthouse : maintenir >80 Performance, >90 SEO, >90 Accessibilite
  • Taux de conversion : amelioration de 50 % grace aux parcours optimises et aux CTA strategiquement places
  • Backlinks : 20+ backlinks naturels par trimestre grace aux linkable assets
  • Pages indexees : 1 200+ pages indexees dans Google Search Console
Nous publierons les resultats reels dans une mise a jour de cet article, avec des captures d'ecran de Google Search Console et Lighthouse. La transparence est au coeur de notre demarche.

Vous voulez savoir combien coute une refonte de cette envergure ? Consultez nos tarifs de creation et refonte de site internet. Nos formules demarrent a 500 EUR HT pour un site vitrine, avec un accompagnement SEO inclus.

Questions frequentes

Performance
Combien de temps a dure la refonte de Clickzou ?
La refonte complete — de l'audit initial au deploiement — a pris environ 4 mois. La phase d'architecture et de planification a represente pres de 30 % du temps total. C'est un investissement necessaire : une architecture mal pensee au depart est beaucoup plus couteuse a corriger apres coup.
Pourquoi Next.js plutot que WordPress ?
WordPress reste un excellent choix pour de nombreux sites. Mais pour un ecosysteme de 1 250 pages avec generation programmatique, maillage automatise et scores Lighthouse eleves, Next.js avec SSG offre des avantages structurels que WordPress ne peut pas egaler sans compromis.
Faut-il autant de pages pour bien se positionner ?
Non. La quantite de pages n'est pas un facteur de classement en soi. Ce qui compte, c'est la couverture semantique et la qualite du contenu. Nos 676 pages programmatiques ciblent chacune une intention de recherche specifique. Sans cette specificite, elles n'auraient aucune valeur SEO.
Cette strategie est-elle applicable a une PME ?
Oui, a une echelle adaptee. Une PME n'a pas besoin de 1 250 pages. Mais les principes restent les memes : une architecture en silos, un maillage interne structure, du contenu qui repond a des intentions de recherche reelles, et des pages business optimisees pour la conversion.
Comment maintenir 1 250 pages a jour ?
Grace au typage TypeScript et a la structure en fichiers thematiques. Chaque silo est un fichier independant. Modifier toutes les pages d'un silo (par exemple, mettre a jour les tarifs sur les 128 pages creation-metier) se fait en une seule operation. C'est l'avantage du contenu programmatique sur le contenu redige manuellement page par page.

Vous envisagez une refonte de votre site internet ? Nous pouvons appliquer la meme methodologie a votre projet. Demandez un audit gratuit pour evaluer le potentiel SEO de votre site actuel.

Demander un audit SEO gratuit

Ecrit par

Clickzou

PartagerLinkedInX (Twitter)
#refonte site internet#architecture SEO#silos semantiques#maillage interne#Next.js#contenu programmatique#etude de cas

Prêt à moderniser votre site web ?

Parlons de votre projet et voyons comment atteindre vos objectifs ensemble. Devis gratuit sous 24h.