Création et refonte de sites web
Depuis 2009, Julien Jimenez conçoit, structure et remet d'aplomb des sites web qui doivent gagner leur trafic plutôt que l'acheter. Consultant en référencement naturel, fondateur de l'agence Korleon'Biz et créateur de la plateforme NextLevel.link, il aborde chaque projet par la même question : que doit accomplir cette page, pour qui, et comment le vérifier ?
Cette page rassemble sa méthode de production : les critères d'un site qui performe, les six étapes de conception, l'architecture, la performance réelle, la refonte sans perte de référencement, les technologies et les pièges à éviter avant la mise en ligne.
01
Le mot performance est employé à tort et à travers. Pour un directeur artistique, il veut dire élégant. Pour un développeur, léger. Pour un dirigeant, rentable. Julien Jimenez travaille avec une définition opérationnelle : un site performe quand il transforme une demande existante en résultat mesurable, sans dépendre uniquement du budget publicitaire. Cinq critères permettent de trancher, et ils se vérifient tous avec des données, jamais avec des impressions.
Chaque page existe pour satisfaire une recherche identifiée. Comparer, choisir, comprendre, acheter, contacter : ces intentions n'appellent ni le même format ni la même longueur. Une page qui essaie de servir trois intentions à la fois n'en sert aucune correctement, et Google le constate avant vous.
La référence n'est pas votre ordinateur en fibre, mais un téléphone milieu de gamme sur un réseau moyen. Le premier contenu utile doit apparaître en moins de deux secondes et demie, sans saut de mise en page, sans attendre qu'un script tiers autorise l'affichage du texte.
Un titre par page, une hiérarchie de sous-titres cohérente, des URL stables et parlantes, des données structurées justes, un plan de site à jour. Ce travail invisible décide de la façon dont un moteur comprend votre offre, et de la vitesse à laquelle il indexe vos nouvelles pages.
Un visiteur bien accueilli doit savoir en dix secondes ce qu'on lui propose, à quel prix et quelle est l'étape suivante. Les éléments de preuve, les tarifs, les délais et les coordonnées comptent davantage que la fluidité d'une animation. La conversion se gagne en supprimant des obstacles.
Un site sans mesure est une opinion. Search Console pour les requêtes et l'indexation, un outil d'analyse pour les parcours, un suivi des Core Web Vitals sur données terrain, un tableau de bord partagé avec l'équipe. La maintenance n'est pas une ligne de facture : c'est ce qui empêche un site performant de redevenir ordinaire en dix-huit mois.
02
Un projet de site se pilote comme une production, pas comme une inspiration. L'ordre des étapes n'est pas décoratif : chacune produit un livrable qui conditionne la suivante. Sauter le cadrage revient à dessiner des pages sans savoir ce qu'elles doivent vendre. Sauter la recherche revient à publier des textes que personne ne cherche.
Étape 1
On définit ce que le site doit produire : des demandes de devis, des ventes, des abonnements, des candidatures. On chiffre la cible, on liste les concurrents réels sur les requêtes visées, on inventaire l'existant. Ce document tient en trois pages et sert d'arbitre à toutes les décisions ultérieures.
Livrable : note de cadrage et critères de réussite chiffrés.
Étape 2
On cartographie la demande : volumes, formulations réelles, questions posées, saisonnalité. Chaque groupe de requêtes est rattaché à une intention et à un type de page. C'est cette carte qui dicte l'arborescence, pas l'organigramme de l'entreprise ni les habitudes du secteur.
Livrable : tableau requêtes, intention, page cible, priorité.
Étape 3
On dessine la structure des rubriques, la profondeur des niveaux, les gabarits nécessaires. Les maquettes fonctionnelles restent en gris : elles servent à valider l'ordre des blocs et la place des preuves, avant que la discussion ne glisse vers les couleurs et les polices.
Livrable : arborescence validée et wireframes des gabarits.
Étape 4
Le design s'appuie sur un système : échelle typographique, palette, espacements, états de survol et de focus, composants réutilisables. Cette rigueur évite les pages bricolées six mois après le lancement et garantit que chaque nouvelle rubrique reste cohérente avec le reste.
Livrable : maquettes finales et bibliothèque de composants.
Étape 5
Le code est écrit léger, sémantique, accessible. En parallèle, les textes sont rédigés page par page à partir de la carte des intentions. C'est l'étape la plus sous-estimée : un gabarit se règle en trois jours, une centaine de fiches produits demande plusieurs semaines de travail éditorial sérieux.
Livrable : site intégré en préproduction avec contenus réels.
Étape 6
On teste sur appareils réels, on vérifie les redirections, l'indexation, le suivi analytique, les formulaires et la vitesse. La mise en ligne se fait un mardi matin, jamais un vendredi soir. Les trente jours suivants sont surveillés de près : indexation, positions, erreurs, comportement des visiteurs.
Livrable : recette signée, plan de suivi et tableau de bord.
03
L'architecture d'un site décide de deux choses : la facilité avec laquelle un visiteur trouve ce qu'il cherche, et la façon dont la popularité circule entre les pages. Une bonne arborescence est peu profonde, thématiquement homogène et stable dans le temps. Trois niveaux suffisent presque toujours, y compris sur un catalogue de plusieurs milliers de références.
Exemple d'arborescence sur trois niveaux
Les adresses se choisissent une fois. Courtes, en minuscules, sans date ni identifiant technique, elles décrivent le contenu et pas la campagne du moment. Une URL qui change fait perdre l'historique accumulé, même redirigée proprement.
Les liens entre pages transmettent du sens et de la popularité. Les pages stratégiques reçoivent des liens depuis les contenus les plus visités, avec des ancres descriptives. Les pages de contenu se relient entre elles par thème, jamais au hasard d'un bloc automatique.
Plus une page est profonde, moins elle est explorée et moins elle pèse. Les catégories, les filtres utiles et un fil d'Ariane bien construit ramènent la profondeur à un niveau raisonnable, y compris sur un très gros catalogue.
La cannibalisation est un mal silencieux : deux pages proches se disputent la même recherche et se privent mutuellement de positions. On fusionne, on redirige, on garde la plus complète et on retravaille le maillage autour d'elle.
04
La vitesse ne se juge pas sur un score coloré obtenu en laboratoire, mais sur les données réelles des visiteurs, celles que Google collecte auprès des utilisateurs de Chrome. Trois indicateurs résument l'expérience : le temps d'affichage du contenu principal, la réactivité aux interactions et la stabilité visuelle. Voici les seuils à tenir, et ceux que Julien Jimenez vise sur les projets qu'il accompagne.
Affichage du contenu principal
0
Seuil recommandé : moins de 2,5 s. Objectif de travail : 1,8 s sur mobile.
Réactivité aux interactions
0
Seuil recommandé : moins de 200 ms. Objectif de travail : 120 ms.
Stabilité visuelle de la page
0
Seuil recommandé : moins de 0,1. Objectif de travail : 0,04.
La vitesse n'est pas un chantier de fin de projet. Elle se décide au moment où l'on choisit un gabarit, une image et une bibliothèque.
05
Une refonte ratée coûte plus cher que l'ancien site. Le scénario est toujours le même : nouveau design salué en interne, chute de trafic de quarante pour cent le mois suivant, six mois pour revenir au niveau de départ. Julien Jimenez a mené des migrations sans perte de visibilité en appliquant sept précautions, toutes prises avant la mise en ligne, jamais après.
Export complet des URL, des positions, du trafic par page et des liens entrants. Sans cette photographie prise avant travaux, aucune comparaison honnête n'est possible ensuite.
Vingt pour cent des pages produisent en général quatre-vingts pour cent du trafic. Ces pages là se traitent avec des pincettes : on garde leur adresse, leur titre et la substance de leur contenu.
Chaque ancienne URL pointe vers son équivalent le plus proche, en redirection permanente, sans passer par une page intermédiaire. Rediriger tout vers l'accueil est la faute la plus répandue.
Un design épuré tente souvent de couper les textes de moitié. Sur les pages qui se positionnent, cette coupe supprime précisément les passages qui répondaient aux recherches.
La préproduction reste bloquée aux moteurs, et surtout on vérifie que la protection saute au moment du basculement. Un site en ligne resté interdit d'indexation disparaît en quelques jours.
On évite les périodes de forte activité et les changements simultanés de nom de domaine, de technologie et de contenus. Un facteur à la fois permet de comprendre ce qui produit quel effet.
Indexation, erreurs serveur, redirections en chaîne, positions, Core Web Vitals. Les anomalies apparaissent dans les dix premiers jours et se corrigent d'autant mieux qu'on les voit tôt.
Le plan se construit dans un tableau, une ligne par URL, validé avant le développement. Il devient ensuite la référence de la recette.
| Ancienne adresse | Nouvelle adresse | Code | Commentaire |
|---|---|---|---|
| /nos-services.html | /services/ | 301 | Page pivot, contenu conservé et enrichi |
| /services/audit-seo-2019 | /services/audit-seo/ | 301 | Suppression de la date dans l'URL |
| /blog/?p=482 | /ressources/maillage-interne/ | 301 | Passage d'un identifiant à une URL parlante |
| /produit-obsolete | /categorie-parente/ | 301 | Produit retiré, redirection vers la catégorie |
| /panier | Aucune | 410 | Page technique volontairement supprimée |
06
Il n'existe pas de meilleure plateforme dans l'absolu. Il existe une plateforme adaptée à votre volume de pages, à la compétence de votre équipe et à la façon dont vous produirez du contenu dans trois ans. Julien Jimenez travaille au quotidien avec l'ensemble de ces environnements et choisit toujours celui que le client saura faire vivre sans lui.
Le socle le plus polyvalent pour un site vitrine ou éditorial. Puissant à condition de limiter les extensions et de partir d'un thème sobre plutôt que d'un thème à tout faire.
Éditorial, vitrine, blog
Mise en ligne rapide, paiement et logistique intégrés, socle technique solide. Les limites apparaissent sur la structure des URL et la finesse du maillage entre catégories.
E-commerce clé en main
Le prolongement marchand de WordPress. Idéal quand le contenu porte les ventes et que le catalogue reste raisonnable. Exige une vraie vigilance sur la performance.
Commerce et contenu
Solution française mature pour des catalogues profonds, avec une gestion fine des déclinaisons, des facettes et des règles commerciales. Demande une équipe technique.
Catalogue étendu
Pour les organisations qui gèrent plusieurs boutiques, plusieurs langues et des règles de prix complexes. Le coût de possession se justifie au-delà d'un certain volume.
Commerce d'envergure
Contrôle visuel très fin et code propre en sortie. Excellent pour des sites de marque et des pages d'atterrissage, moins pertinent pour des architectures très profondes.
Design et landing pages
Le choix du sur mesure, avec rendu côté serveur pour rester parfaitement indexable. Réservé aux projets où l'interface et la performance justifient un développement dédié.
Sur mesure et performance
Pages générées à l'avance et servies telles quelles. Rapidité maximale, surface d'attaque minimale, hébergement peu coûteux. Parfait pour un site vitrine durable.
Vitrine rapide et sûre
07
Ces erreurs reviennent dans la majorité des audits réalisés, tous secteurs confondus. Aucune n'est difficile à corriger. Elles coûtent cher simplement parce que personne ne les regarde tant que le trafic ne s'effondre pas.
Correction Remplacer par une promesse claire, un bénéfice concret et un bouton d'action unique. Les visiteurs lisent la première ligne, rarement la troisième diapositive.
Correction Écrire un titre unique par page, de cinquante à soixante caractères, contenant la formulation réellement recherchée par les internautes.
Correction Redimensionner à la taille d'affichage, convertir en format moderne, servir plusieurs largeurs et fixer les dimensions dans le code pour éviter les décalages.
Correction Décider quelles combinaisons de filtres méritent d'être indexées, bloquer les autres et garder des liens propres vers les pages de valeur.
Correction Servir le texte essentiel dans le code source, ou basculer sur un rendu côté serveur. Ce qui n'est pas dans la source risque de ne jamais être vu.
Correction Écouter le service commercial, lister les vingt questions récurrentes et leur consacrer de vraies pages, reliées à l'offre par des liens explicites.
Correction Tester chaque événement important, documenter le plan de marquage et contrôler la cohérence entre les outils au moins une fois par trimestre.
Correction Prévoir un rendez-vous mensuel court : correctifs, indexation, nouvelles pages, vérification de la vitesse. Une heure par mois évite une refonte de plus.
08
Douze vérifications à passer en revue la veille du lancement. Cochez au fur et à mesure : le compteur suit votre progression. Rien ici n'est théorique, chaque point correspond à un incident déjà constaté sur un site en production.
0 / 12 points validés
Commencez par le premier point.
09
Les huit questions qui reviennent systématiquement lors des premiers échanges, avec des réponses directes et sans langue de bois.
Pour un site vitrine structuré, comptez six à dix semaines entre le cadrage et la mise en ligne. Un site e-commerce ou un média demande trois à cinq mois. Le facteur limitant n'est presque jamais l'intégration : c'est la production des contenus et les allers-retours de validation. Un planning réaliste réserve la moitié du temps à l'écriture.
Si la structure des URL est saine, que le contenu répond aux intentions et que le socle technique tient, une amélioration continue coûte moins cher et rapporte plus vite. La refonte complète se justifie quand l'arborescence est illisible, que le code empêche d'atteindre les Core Web Vitals ou que le positionnement de la marque a changé.
Parce qu'on change tout en même temps : URL, contenus, maillage interne, technologie. Google doit alors réévaluer chaque page sans repère. Une refonte préparée conserve les intitulés qui fonctionnent, redirige chaque ancienne URL vers son équivalent le plus proche et garde le volume de texte des pages qui généraient du trafic.
WordPress reste le meilleur compromis pour un site éditorial ou vitrine. Shopify convient aux e-commerces qui veulent aller vite. PrestaShop et WooCommerce donnent plus de liberté sur le catalogue. Webflow séduit les équipes design. Next.js s'impose quand la performance et l'interface justifient un développement sur mesure.
La vitesse n'est pas le premier critère de classement, mais elle agit partout ailleurs : un site lent est moins bien exploré, il perd des visiteurs avant l'affichage et il convertit moins. Passer un LCP de quatre secondes à moins de deux secondes et demie produit presque toujours un gain de revenu mesurable, même à trafic constant.
Mieux vaut dix pages solides que soixante pages vides. Au lancement, couvrez l'offre, les preuves, les questions du marché et les pages qui répondent à une recherche précise. La profondeur se construit ensuite, au rythme d'une ou deux pages par mois, chacune reliée au reste par un maillage interne réfléchi.
Trois signaux suffisent à lancer l'alerte : un rapport d'indexation qui montre plus de pages exclues qu'incluses, un score de Core Web Vitals au rouge sur mobile dans les données terrain, et un crawl qui remonte des chaînes de redirections ou des titres dupliqués. Un audit complet confirme ensuite l'ampleur réelle.
En quatre temps : diagnostic, priorisation, déploiement, mesure. Il intervient en direct, sans intermédiaire, aux côtés de l'équipe technique et éditoriale. Chaque décision est documentée, chaque livrable est transmis, et l'objectif reste l'autonomie du client plutôt que sa dépendance à un prestataire.
10
Création, refonte, migration, remise à niveau technique : Julien Jimenez répond en direct, sans intermédiaire et sans formulaire. Décrivez en quelques lignes votre situation actuelle, ce que vous voulez obtenir et l'échéance visée. Vous recevrez un avis honnête, y compris s'il estime que le chantier ne vaut pas l'investissement.