Refonte site internet à

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

Retour d'expérience 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 : écosystème 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 décision radicale : reconstruire entièrement le site Clickzou. Pas un simple rafraîchissement graphique. Une refonte structurelle complète, pensée dès le départ pour le référencement naturel. Le résultat : un écosystème de 1 250 pages, 7 silos sémantiques, 676 pages programmatiques et une architecture de maillage interne qui redistribue méthodiquement l'autorité vers nos pages business.
Cet article est un retour d'expérience transparent. Nous partageons notre architecture, nos choix techniques, nos erreurs évitées et les résultats attendus. Si vous envisagez une refonte de votre site internet, cette étude de cas vous donnera une vision concrète de ce qu'implique une refonte orientée SEO à grande échelle.

Cet article est volontairement technique et détaillé. Il s'adresse aux dirigeants de TPE/PME qui veulent comprendre ce qu'une refonte SEO implique réellement, 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 était un site WordPress classique. Fonctionnel, mais limité sur plusieurs aspects critiques pour le SEO et la performance :

Le constat était clair : pour atteindre nos objectifs de visibilité, il fallait repartir sur des bases solides. Un simple changement de thème n'aurait pas suffi.

  • Performance dégradée : temps de chargement supérieur à 3 secondes, scores Lighthouse médiocres, plugins lourds qui alourdissaient chaque page
  • Architecture SEO inexistante : pas de silos thématiques, maillage interne aléatoire, URLs non optimisées
  • Scalabilité limitée : impossible de générer des centaines de pages programmatiques sans plugin supplémentaire
  • Contenu statique : pas de système de publication progressive, pas de calendrier éditorial intégré
  • Dépendance aux plugins : chaque fonctionnalité ajoutait une couche de complexité et de risque de conflit
Nouveau site Clickzou avec Next.js
Après

Les objectifs de la refonte

Nous avons défini cinq objectifs stratégiques avant de commencer :

  • Construire une architecture SEO en silos pour maximiser l'autorité thématique sur chaque verticale de notre activité
  • Générer des centaines de pages programmatiques ciblant des mots-clés longue traîne (métiers, villes, types de projets)
  • Atteindre des scores Lighthouse supérieurs à 90 en performance, SEO et accessibilité
  • Mettre en place un système de publication progressive avec drafts, scheduled et published
  • Créer un écosystème de maillage interne qui redistribue l'autorité vers nos pages de conversion

L'architecture SEO : 7 silos sémantiques

Conseils
Schéma des 7 silos sémantiques du site Clickzou

La logique des silos thématiques

Le cœur de notre stratégie repose sur une architecture en silos sémantiques. Chaque silo regroupe un ensemble cohérent de pages autour d'une thématique business de Clickzou. L'objectif : signaler à Google que nous sommes une autorité sur chaque sujet, pas un site généraliste qui parle de tout superficiellement.

Nous avons structuré le site en 7 silos principaux :

  • Création de site internet — 128 pages programmatiques + 48 articles éditoriaux
  • Refonte de site internet — 77 pages programmatiques + 27 articles éditoriaux
  • SEO / Référencement naturel — 109 pages programmatiques + 50 articles éditoriaux
  • Google Ads / SEA — 92 pages programmatiques + articles dédiés
  • SEO local / Google My Business — 200 pages locales (villes x métiers)
  • Agence web — 50 pages programmatiques + 38 articles par ville
  • Outils SEO — 20 pages programmatiques + 11 articles éditoriaux
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'entrée principal. Par exemple, la page création de site internet est la page pilier du silo Création. Elle reçoit des liens de tous les articles satellites du silo et redistribue l'autorité vers les pages de conversion.

Les articles satellites traitent des sous-sujets spécifiques : création de site pour un métier particulier, pour une ville, comparatifs de technologies, guides techniques. Chaque satellite renvoie vers la page pilier avec une ancre descriptive et vers 2 à 3 autres satellites du même silo.

Le contenu programmatique : 676 pages générées

Expertise
Principe des templates programmatiques pour la génération de pages SEO

Le principe des templates

L'un des leviers les plus puissants de notre refonte est la génération programmatique de pages. Le principe : créer des templates de contenu qui se déclinent automatiquement pour chaque métier, chaque ville ou chaque type de projet.

Concrètement, nous avons construit 7 fichiers de silos programmatiques :

Chaque page programmatique n'est pas un contenu creux. Elle contient un contenu structuré avec des données spécifiques au métier ou à la ville ciblée, des liens internes vers la page pilier du silo, des CTA adaptés et des données structurées JSON-LD. Le tout généré en SSG (Static Site Generation) par Next.js pour des temps de chargement optimaux.

  • silo-creation-metier.ts : 128 pages "création de site internet pour [métier]"
  • silo-refonte-type.ts : 77 pages "refonte de site [type]"
  • silo-seo-metier.ts : 109 pages "référencement SEO pour [métier]"
  • silo-google-ads-metier.ts : 92 pages "Google Ads pour [métier]"
  • silo-pages-locales.ts : 200 pages croisant villes et métiers
  • silo-agence-web.ts : 50 pages "agence web [spécialité]"
  • silo-outils-seo.ts : 20 pages d'outils SEO dédiés
Couverture des mots-clés longue traîne par les pages programmatiques

La couverture des mots-clés

Grâce à ces 676 pages programmatiques, nous couvrons un spectre de mots-clés longue traîne extrêmement large. Chaque page cible une combinaison spécifique que nos concurrents ne couvrent généralement pas :

Cette stratégie de longue traîne est complémentaire aux articles éditoriaux qui ciblent des requêtes plus génériques et à fort volume. Ensemble, ils forment un filet de capture SEO à 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 stratégie 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 système nerveux de notre architecture SEO. Chaque article contient au minimum 3 liens internes contextuels placés dans le corps du texte, avec des ancres descriptives. Nous respectons une répartition 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'autorité vers ses satellites (liens descendants), et les satellites se lient entre eux (liens croisés). Ce maillage crée un cocon sémantique que Google interprète comme un signal d'expertise sur le sujet.

Pour gérer ce maillage à l'échelle de 1 250 pages, nous avons intégré un système de relatedSlugs dans chaque article. Ce champ contient exactement 3 slugs d'articles recommandés, affichés en fin de page sous forme de cartes cliquables. C'est un maillage automatisé, cohérent et maintenable.

Cross-linking stratégique entre les 7 silos SEO du site Clickzou

Cross-linking entre silos

Les silos ne sont pas des silos étanches. Nous avons mis en place un système de cross-linking stratégique via le composant RelatedGuides, utilisé en bas des pages service. Chaque page service affiche 6 liens croisés vers d'autres silos, permettant à l'autorité de circuler entre les thématiques.

Par exemple, la page optimisation SEO renvoie vers des articles du silo Création ("pourquoi un site optimisé SEO dès sa création") et du silo Refonte ("comment ne pas perdre son SEO lors d'une refonte"). Ce cross-linking renforce la cohérence globale du site aux yeux de Google.

La stratégie éditoriale : du blog au linkable asset

Fiabilite
Stratégie éditoriale SEO avec calendrier de contenus piliers et satellites

Articles piliers et satellites

Notre stratégie éditoriale ne se résume pas à "publier du contenu". Chaque article a un rôle SEO clairement défini avant sa création : 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 précis :

  • Articles piliers (2 000 à 4 000 mots) : guides complets qui couvrent un sujet en profondeur et concentrent les liens entrants
  • Articles satellites (1 000 à 2 000 mots) : sous-sujets liés à un pilier, qui renforcent l'autorité thématique du silo
  • Études data-driven (3 000 à 5 000 mots) : analyses basées sur des données réelles, conçues pour attirer des backlinks naturels
  • Checklists et templates (1 500 à 2 500 mots) : ressources actionnables à forte valeur perçue
  • Comparatifs (2 000 à 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 secrète pour l'acquisition de backlinks : les linkable assets. Ce sont des contenus conçus spécifiquement pour être cités, partagés et liés par d'autres sites. Études chiffrées, statistiques sectorielles, templates gratuits : ces contenus apportent une valeur unique que les autres sites veulent référencer.

Pour gérer cette production de contenu, nous avons mis en place un système de publication progressive avec trois statuts : draft (brouillon), scheduled (programmé) et published (publié). Chaque article suit un pipeline strict : rédaction, validation, programmation, publication automatique à la date prévue. Nous publions 2 articles par semaine, le mardi et le vendredi, avec un calendrier éditorial planifié sur 3 mois.

La stack technique : Next.js, SSG et performance

Conseils
Développement Next.js avec TypeScript et génération 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 stratégique dicté 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 générées statiquement. C'est la puissance du SSG combiné à la génération programmatique.

  • Static Site Generation (SSG) : chaque page est pré-générée à la compilation. Le serveur sert du HTML statique, ce qui réduit le Time to First Byte à quelques millisecondes
  • App Router : gestion native des layouts, des metadata dynamiques et du streaming. Chaque page génère automatiquement ses balises meta, ses données structurées JSON-LD et son canonical
  • TypeScript : typage strict de tous les articles et composants. Un article mal formé est détecté à la compilation, pas en production
  • Tailwind CSS : styles atomiques purgés automatiquement. Pas de CSS inutilisé en production
  • Framer Motion : animations fluides chargées en lazy loading pour ne pas impacter le TBT (Total Blocking Time)
Audit Lighthouse avec scores de performance Core Web Vitals optimisés

Les optimisations Core Web Vitals

Les Core Web Vitals ne sont pas un détail technique : ils influencent directement le classement Google. Voici les optimisations que nous avons implémentées :

Notre objectif : un score Lighthouse supérieur à 80 en performance, 90 en SEO et 90 en accessibilité 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 sélective, animations lazy-loaded
  • CLS (Cumulative Layout Shift) : dimensions width/height sur toutes les images, layouts stables avec Tailwind, pas de contenu injecté dynamiquement au-dessus de la ligne de flottaison

Les outils SEO intégrés

Expertise
En parallèle du contenu, nous avons développé une section outils SEO gratuits directement intégrée au site. Ces outils ont un double objectif : apporter de la valeur aux visiteurs et générer du trafic récurrent sur des requêtes utilitaires.
Chaque outil est une page à part entière avec ses propres meta tags, ses données structurées et son maillage vers les articles pertinents du silo SEO. C'est une stratégie de contenu utilitaire qui complémente nos articles informationnels et nos pages transactionnelles.

Les erreurs que nous avons évitées pendant la refonte

Performance
Une refonte de cette envergure comporte des risques. Voici les erreurs classiques que nous avons consciemment évitées :
  1. 1Ne pas planifier les redirections : chaque ancienne URL WordPress a été mappée vers sa nouvelle URL Next.js. Aucune page indexée n'a été abandonnée sans redirection 301
  2. 2Lancer sans architecture SEO : nous avons défini les 7 silos, les pages piliers et la stratégie de maillage AVANT d'écrire la première ligne de code
  3. 3Négliger le maillage interne : chaque page a été pensée dans son contexte de silo, avec ses liens entrants et sortants planifiés
  4. 4Sur-optimiser les ancres : nous utilisons des ancres descriptives variées, jamais le même texte d'ancre pour le même lien
  5. 5Publier du contenu placeholder : notre système de publication progressive garantit qu'aucun contenu inachevé n'est visible en production
  6. 6Ignorer les Core Web Vitals : le choix de Next.js SSG a été motivé par la performance, pas par la mode technologique
Si vous envisagez une refonte, notre article sur les erreurs SEO à éviter lors d'une refonte détaille chacun de ces pièges et comment les contourner.

Quand faut-il refondre son site internet ?

Fiabilite
Notre propre expérience illustre un point fondamental : une refonte n'est pas toujours nécessaire, mais quand elle l'est, il ne faut pas la repousser. Les signaux qui nous ont poussé à 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 développement de nouvelles fonctionnalités disproportionné
  • Absence de système 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 évaluer l'état actuel de votre site, notre audit SEO gratuit peut vous donner une première analyse objective.
Conseils
Le contenu seul ne suffit pas. Pour construire l'autorité du site, nous avons mis en place une stratégie de backlinks basée sur trois piliers :
  1. 1Linkable assets : études data-driven, statistiques sectorielles et templates gratuits conçus pour être cités par d'autres sites. Ces contenus attirent des backlinks naturels sans action de prospection
  2. 2Amplification externe : chaque contenu stratégique est repris sous forme synthétique sur des plateformes à forte autorité (Medium, LinkedIn Articles) avec des liens retour vers l'article complet
  3. 3Redistribution interne : le maillage interne transfère l'autorité acquise via les backlinks vers les pages de conversion (création, refonte, SEO, tarifs)
La logique est linéaire : les linkable assets captent l'autorité externe, le maillage la redistribue vers les pages business, et les pages business convertissent les visiteurs en prospects. C'est une machine à leads alimentée par le SEO.

Les résultats attendus et KPIs

Expertise
Cette refonte est un investissement à moyen terme. Les premiers résultats SEO significatifs sont attendus entre 3 et 6 mois après le déploiement. Voici nos KPIs cibles :
  • Trafic organique : objectif de croissance de 300 % sur 12 mois grâce à la couverture longue traîne des pages programmatiques
  • Nombre de mots-clés positionnés : passer de quelques dizaines à plusieurs milliers de mots-clés en top 100 Google
  • Score Lighthouse : maintenir >80 Performance, >90 SEO, >90 Accessibilité
  • Taux de conversion : amélioration de 50 % grâce aux parcours optimisés et aux CTA stratégiquement placés
  • Backlinks : 20+ backlinks naturels par trimestre grâce aux linkable assets
  • Pages indexées : 1 200+ pages indexées dans Google Search Console
Nous publierons les résultats réels dans une mise à jour de cet article, avec des captures d'écran de Google Search Console et Lighthouse. La transparence est au cœur de notre démarche.

Vous voulez savoir combien coûte une refonte de cette envergure ? Consultez nos tarifs de création et refonte de site internet. Nos formules démarrent à 500 EUR HT pour un site vitrine, avec un accompagnement SEO inclus.

Questions fréquentes

Performance
Combien de temps a duré la refonte de Clickzou ?
La refonte complète — de l'audit initial au déploiement — a pris environ 4 mois. La phase d'architecture et de planification a représenté près de 30 % du temps total. C'est un investissement nécessaire : une architecture mal pensée au départ est beaucoup plus coûteuse à corriger après coup.
Pourquoi Next.js plutôt que WordPress ?
WordPress reste un excellent choix pour de nombreux sites. Mais pour un écosystème de 1 250 pages avec génération programmatique, maillage automatisé et scores Lighthouse élevés, Next.js avec SSG offre des avantages structurels que WordPress ne peut pas égaler sans compromis.
Faut-il autant de pages pour bien se positionner ?
Non. La quantité de pages n'est pas un facteur de classement en soi. Ce qui compte, c'est la couverture sémantique et la qualité du contenu. Nos 676 pages programmatiques ciblent chacune une intention de recherche spécifique. Sans cette spécificité, elles n'auraient aucune valeur SEO.
Cette stratégie est-elle applicable à une PME ?
Oui, à une échelle adaptée. Une PME n'a pas besoin de 1 250 pages. Mais les principes restent les mêmes : une architecture en silos, un maillage interne structuré, du contenu qui répond à des intentions de recherche réelles, et des pages business optimisées pour la conversion.
Comment maintenir 1 250 pages à jour ?
Grâce au typage TypeScript et à la structure en fichiers thématiques. Chaque silo est un fichier indépendant. Modifier toutes les pages d'un silo (par exemple, mettre à jour les tarifs sur les 128 pages création-métier) se fait en une seule opération. C'est l'avantage du contenu programmatique sur le contenu rédigé manuellement page par page.

Vous envisagez une refonte de votre site internet ? Nous pouvons appliquer la même méthodologie à votre projet. Demandez un audit gratuit pour évaluer le potentiel SEO de votre site actuel.

Demander un audit SEO gratuit

Ecrit par

Clickzou

PartagerLinkedInX (Twitter)
#refonte site internet#architecture SEO#silos sémantiques#maillage interne#Next.js#contenu programmatique#étude de cas

Prêt à moderniser votre site web ?

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