Refonte de site web â guide complet pour TPE/PME
La refonte de site web (parfois appelĂ©e refonte de site internet ou refaire un site) reprĂ©sente une opportunitĂ© stratĂ©gique de transformer votre prĂ©sence en ligne, dâamĂ©liorer votre rĂ©fĂ©rencement naturel, et de renforcer votre image de marque auprĂšs des utilisateurs. Pour quâun projet de refonte ne devienne pas un gouffre en temps, en budget et en Ă©nergie, il doit sâappuyer sur un cahier des charges dĂ©taillĂ©, clairement orientĂ© vers vos objectifs business.
En tant que fondateur de Mirtillo, jâaccompagne au quotidien des dirigeants et des responsables marketing dans lâexĂ©cution de leurs stratĂ©gies digitales : audit SEO, crĂ©ation de contenu, design UX/UI et pilotage de lâexpĂ©rience utilisateur. Ce guide complet rĂ©pond Ă toutes les questions essentielles et intĂšgre les motsâclĂ©s indispensables pour optimiser votre visibilitĂ© dans les moteurs de recherche.

Sommaire
1. Quand fautâil refondre son site web ?
Les moments clés
Lancement dâune nouvelle offre ou repositionnement stratĂ©gique de lâentreprise.
Technologie obsolÚte : CMS dépassé, modules non maintenus, failles de sécurité.
Temps de chargement trop long (>âŻ3 s) impactant la conversion et le SEO.
Passage au responsive design obligatoire pour capter le trafic mobile.
Ăvolution des intentions de recherche de vos clients ou de votre audience.
Astuce : effectuez une recherche de « core web vitals » dans Google Search Console pour repérer les pages lentes.
2. Signes indiquant quâune refonte est nĂ©cessaire
KPI | Seuil dâalerte | ConsĂ©quence |
---|---|---|
Trafic organique â | â20 % sur 6 mois | Perte de visibilitĂ© |
Taux de rebond â | >âŻ60 % sur pages clĂ©s | Mauvaise UX |
Taux de conversion (lead, vente) â | <âŻ2 % | Manque dâoptimisation |
Erreurs 404 / redirections 302 â | >âŻ1 % du crawl | Dilution du maillage |
Score mobile Google PageSpeed â | <âŻ70/100 | PĂ©nalitĂ© SEO mobile |
Checkâlist rapide
Navigation en 3âŻclics maximum vers toute page essentielle.
Contenus datés ou dupliqués.
Difficulté à mettre en place de nouvelles fonctionnalités (chatbot, paiement).
Manque dâintĂ©gration avec votre CRM ou vos workflows dâinbound marketing.
3. Avantages dâune refonte de site web
Boost SEO : structure Hn optimisée, balisage schema.org, maillage interne renforcé, meilleur classement sur les moteurs de recherche.
Expérience utilisateur améliorée : design moderne, accessibilité RGAA, parcours de conversion fluides.
Augmentation du taux de conversion : +30 % constaté en moyenne aprÚs optimisation UX.
RĂ©duction du coĂ»t dâacquisition client (CAC) grĂące au rĂ©fĂ©rencement et Ă lâautomatisation marketing.
Scalabilité : un site techniquement prĂȘt pour de futures fonctionnalitĂ©s.
4. Objectifs SMART pour votre refonte
Objectif (S) | Indicateur (M) | Cible (A/R) | Deadline (T) |
Leads qualifiés | Nombre de formulaires | +30 % | 6 mois |
Taux de conversion visiteurs | CR global eâcommerce | 2âŻââŻ3,5 % | 9 mois |
Taux de rebond | % sorties premiĂšres pages | 60âŻââŻ40 % | 4 mois |
Temps de chargement | Core Web Vitals (LCP) | <âŻ2,5 s | 3 mois |
5. Guide pasâĂ âpas pour rĂ©diger le cahier des charges
1. Contexte & objectifs business
DĂ©crivez en dĂ©tail : marchĂ©, stratĂ©gie dâinbound, cibles, diffĂ©renciation et KPIs.
2. Public cible & personas
Utilisateurs B2B : décideurs, directions achat.
Utilisateurs finaux : consommateurs, milléniaux, mobiles first.
Intentions de recherche : informational, commercial, transactionnel.
3. Fonctionnalités essentielles
Mustâhave | Niceâtoâhave |
Formulaire de contact multistep | Chat vidéo live |
Paiement sécurisé (CB, PayPal, Apple Pay) | Wallet crypto |
Blog optimisé SEO | Espace membre gamifié |
Intégration CRM (HubSpot) | Marketplace interne |
Recherche interne autoâcomplĂ©tion | Moteur IA de recommandation |
4. Design & expérience utilisateur
Soyons clairsâŻ: la cause N°âŻ1 pour lancer la refonte de votre site internet, câest dâamĂ©liorer lâexpĂ©rience utilisateur. Les tendances filent Ă toute allureâŻ; si vous visez le parfait, offrezâleur une navigation ultraâfluide, des pages qui sâaffichent en un clin dâĆil et un design qui respire.
Cerise sur le gĂąteauâŻ: Google adore ça. Plus votre UX est bĂ©ton, plus votre site grimpe dans les rĂ©sultats. Miser dĂšs maintenant sur la refonte de votre site internet, câest donc attirer, convaincre et convertir sans perdre une minute.
Une refonte d'un site web :
Charte graphique : couleurs, typographies, iconographie.
Grilles 12 colonnes, angles arrondis 8âŻpx, ombres douces.
Parcours mobile > desktop (mobileâfirst).
Tests A/B sur boutons et sections clés.
5. Exigences SEO & contenus
Pages piliers + cluster dâarticles (livre blanc, Ă©tudes de cas).
Optimisation temps de chargement : images WebP, lazyâloading, CDN.
Stratégie de redirection 301 pour migrer les anciennes URLs.
6. Aspects techniques
Une refonte de site, câest aussi prendre en compte les aspects techniques indispensables pour garantir un rĂ©sultat optimal. Il ne sâagit pas seulement de revoir les contenus.
Choix du moteur
WordPressâŻ: rapide Ă dĂ©ployer, vaste Ă©cosystĂšme de thĂšmes et plugins, idĂ©al pour blogs, vitrines et petites boutiques.
DrupalâŻ: le couteau suisse des projets Ă©ditoriaux costaudsâŻ; gestion fine des rĂŽles et contenus, multilingue natif.
ShopifyâŻ: zĂ©ro souci dâinfra, paiement intĂ©grĂ©, parfait pour lâeâcommerce qui veut scaler vite.
SurâmesureâŻ: quand votre business ne rentre plus dans les cases, place au âtailorâmadeâ avec Symfony ou LaravelâŻ; vous gardez la main sur chaque pixel et chaque deuxiĂšme de chargement.
Hébergement scalable
Anticipez les pics de traficâŻ: cloud autoâscalable, CDN pour servir vos assets Ă la vitesse de lâĂ©clair et bases de donnĂ©es rĂ©pliquĂ©es pour la haute disponibilitĂ©s. (Amazon, OVH, Ionos, etc).SĂ©curitĂ© SSL & blindage RGPD
Tout site doit chiffrer le moindre octet qui transite. Un certificat SSL/TLS renouvelé automatiquement + des headers CSP/HSTS = confiance cÎté client et bonus SEO cÎté Google.Sauvegardes automatiques & plan de reprise
Le meilleur backup, câest celui quâon nâa pas eu besoin dây penserâŻ: snapshots quotidiens, stockage hors site et tests rĂ©guliers de restauration. Parce quâun site parfait qui disparaĂźt du jour au lendemain, ça ne fait rire personne. Chez Mirtillo, nous sauvegardons nos fichiers et base de donnĂ©es au quotidien.Monitoring uptime en temps rĂ©el
Ping toutes les trente secondes, alertes Slack/SMS en cas de panne, dashboards qui parlent clairâŻ: plus vous repĂ©rez tĂŽt un couac, moins lâutilisateur (et votre chiffre dâaffaires) en pĂątit.
En combinant ces briques techniques avec un design centrĂ©âutilisateur, vous offrez Ă votre audience une navigation fluide, sĂ©curisĂ©e et toujours en ligneâŻââŻexactement le cocktail que Google adore et que vos prospects attendent. BrefâŻ: la refonte, câest lâoccasion de viser (et dâatteindre) le parfait.
7. Intégrations marketing
LâintĂ©gration marketing, un pilier stratĂ©gique de toute refonte de site web
Lorsquâon parle de refonte de site web, il ne sâagit pas uniquement de design ou de contenu. Un volet essentiel, souvent sous-estimĂ©, rĂ©side dans lâintĂ©gration des outils marketing. Une refonte rĂ©ussie doit inclure une architecture technique pensĂ©e pour optimiser la performance commerciale du site.
Cela passe notamment par la mise en place ou lâoptimisation dâun CRM (Customer Relationship Management) permettant de centraliser et d'exploiter efficacement les donnĂ©es clients. En lien avec ce systĂšme, lâautomatisation des campagnes via des outils comme Sendinblue (ou d'autres plateformes dâemailing) permet de crĂ©er des scĂ©narios marketing personnalisĂ©s, rĂ©actifs et mesurables.
Le tracking publicitaire, grĂące Ă des outils comme Google Analytics 4 (GA4), est Ă©galement fondamental pour comprendre le comportement des visiteurs, suivre les conversions, et ajuster les campagnes publicitaires en temps rĂ©el. Enfin, la mise en place dâun tableau de bord centralisĂ© avec Google Data Studio (ou Looker Studio) permet de piloter lâensemble des KPIs marketing et business, en offrant une visibilitĂ© claire sur les performances du site et des actions menĂ©es.
8. Budget & planning
Anticipez les imprévus, internes ou externes, en prévoyant une marge de 10 à 15 % dans le budget de votre refonte de site internet.
6. FAQ - Questions fréquentes supplémentaires
Estâce quâune refonte est toujours la meilleure solutionâŻ?
Avant dâengager un projet de refonte, vĂ©rifiez si une mise Ă jour ciblĂ©e (optimisation du temps de chargement, ajout de nouvelles fonctionnalitĂ©s, rafraĂźchissement graphique) peut suffire. Si votre CMS est encore maintenu, votre maillage interne solide et vos objectifs business atteints Ă 80âŻ%, une Ă©volution incrĂ©mentale sera plus rapide et moins coĂ»teuse. En revanche, un socle technique obsolĂšte, un design datĂ© et un rĂ©fĂ©rencement naturel en chute libre rendent la refonte incontournable pour amĂ©liorer durablement la performance.
Combien coûte une refonte de site ?
Le prix dâune refonte de site varie selon la complexitĂ©, le volume de contenus, les intĂ©grations et le niveau dâaccompagnement. Les fourchettes ciâdessous incluent conception, design, dĂ©veloppement, migration, SEO et tests :
Type de site | Budget «âŻEssentielâŻÂ» | Budget «âŻPremiumâŻÂ» |
---|---|---|
Site vitrine (â€âŻ20 pages) | 1 000âŻâŹ â 8âŻ000âŻâŹ | 8âŻ000âŻâŹÂ â 15âŻ000âŻâŹ |
Landing page (1 page) | 500 ⏠- 1000⏠| 1000 ⏠- 4000 ⏠|
Eâcommerce (â€âŻ200 produits) | 8âŻ000âŻâŹÂ â 20âŻ000âŻâŹ | 20âŻ000âŻâŹÂ â 50âŻ000âŻâŹ |
Portail / SaaS surâmesure | 15âŻ000âŻâŹÂ â 40âŻ000âŻâŹ | 40âŻ000âŻâŹÂ + |
Astuce budget : prĂ©voyez 10â15âŻ% pour les imprĂ©vus (connecteurs API, Ă©volutions SEO, traductions).
Quelle est la diffĂ©rence entre «âŻrefonteâŻÂ» et «âŻmise Ă jourâŻÂ»Â ?
Mise Ă jour : amĂ©lioration ponctuelle (patch de sĂ©curitĂ©, ajout dâun plugin, retouche graphique).
Refonte : rĂ©vision complĂšte de lâarchitecture, de lâexpĂ©rience utilisateur, du contenu, de la stratĂ©gie SEO et parfois du CMS. Elle implique un nouveau cahier des charges et souvent une migration de base de donnĂ©es.
Quel est le bon timing pour lancer un projet de refonte�
Un projet de refonte devient prioritaire quandâŻ:
votre trafic organique stagne ou rĂ©gresse malgrĂ© vos efforts de contenuâŻ;
le taux de conversion plafonne alors que vos concurrents progressentâŻ;
vos indicateurs techniques (temps de chargement, CoreâŻWebâŻVitals, version PHP/Node) ne sont plus aux standards actuelsâŻ;
votre CMS / framework nâest plus maintenu, ce qui multiplie les failles de sĂ©curitĂ©âŻ;
- votre stack technologique (PHP, NodeJS, etc) n'est pas Ă jour.
vos Ă©quipes marketing se plaignent de la difficultĂ© Ă mettre Ă jour le site, publier des articles ou crĂ©er de nouvelles pages dâatterrissage.
AstuceâŻ: rĂ©alisez un audit croisĂ© (SEO + UX + technique). Si plus de 30âŻ% des recommandations nĂ©cessitent des changements structurels, le projet de refonte sera presque toujours plus rentable quâune sĂ©rie de petites corrections.
Quelles spĂ©cificitĂ©s pour la refonte dâun site vitrineâŻ?
La refonte dâun site vitrine (par opposition Ă un eâcommerce) vise avant tout Ă âŻ:
Renforcer la crédibilité de la marque : design épuré, mise en avant des preuves sociales (témoignages, logos clients).
GĂ©nĂ©rer des leads qualifiĂ©s : formulaires courts, appels Ă lâaction visibles, intĂ©gration CRM.
Optimiser le référencement local : pages géolocalisées, schémas LocalBusiness, avis Google / Trustpilot.
Réduire le temps de chargement : images WebP, hébergement CDN, code allégé.
Faciliter la mise Ă jour par lâĂ©quipe : backoffice simple, modĂšles de pages rĂ©utilisables, tutoriels internes.
Bon Ă savoirâŻ: un site vitrine performant compte rarement plus de trois niveaux de navigationâŻ; concentrezâvous sur la clartĂ© du parcours utilisateur plutĂŽt que sur la multiplication des sousâpages.
Comment choisir le meilleur CMS pour son projet ?
Ăvaluez vos besoins fonctionnels : blog, eâcommerce, espace membre, multilingue.
ConsidĂ©rez la courbe dâapprentissage pour votre Ă©quipe.
VĂ©rifiez lâĂ©cosystĂšme (plugins, communautĂ©, sĂ©curitĂ©).
Comparez le coût total de possession (licence, hébergement, maintenance).
Testez la performance (Core Web Vitals) et la compatibilité SEO.
CMS | Points forts | Limites |
WordPress | Flexible, énorme écosystÚme, prix modéré | Maintenance plugins, sécurité |
Shopify | Eâcommerce clĂ© en main, paiements intĂ©grĂ©s | Abonnement mensuel, moins de contrĂŽle |
Drupal | Robuste, multisite, permissions avancĂ©es | Courbe dâapprentissage, coĂ»t dev |
Webflow | Noâcode, design rapide, hĂ©bergement CDN | FonctionnalitĂ©s eâcommerce limitĂ©es |
Quelles tactiques SEO mettre en place avant / aprÚs la mise en ligne ?
Avant : audit de motsâclĂ©s, mapping URL, rĂ©daction de contenu optimisĂ©, plan de redirections 301.
Pendant : monitoring Search Console, vérification du fichier robots.txt, test temps de chargement.
AprÚs : netlinking, mise à jour du sitemap XML, analyse des classements, optimisation continue (Core Web Vitals).
Comment mesurer le ROI six mois aprĂšs la refonte d'un site internet ?
Comparez les KPIs avant/aprÚs : trafic organique, taux de conversion, panier moyen.
Calculez le coĂ»t dâacquisition client (CAC) sur 6 mois.
Mesurez lâamĂ©lioration du rĂ©fĂ©rencement (nombre de motsâclĂ©s en top 10).
Analysez la durĂ©e des sessions et lâengagement (pages vues, scroll).
Reliez les revenus incrémentaux au budget alloué à la refonte.
Fautâil privilĂ©gier une agence ou une Ă©quipe interneâŻ?
Agence digitale : compĂ©tences 360âŻÂ°, mĂ©thodologie Ă©prouvĂ©e, SLA, mais budget plus Ă©levĂ©.
Ăquipe interne : connaissance produit, rĂ©activitĂ©, maĂźtrise des coĂ»ts rĂ©currents, mais besoin de ressources spĂ©cialisĂ©es (UX, dev, SEO).
Solution hybride : core team interne + experts freelance pour les phases critiques.
Mirtillo vous accompagne avec ses différents partenaires (équipe et freelance spécialisé) dans les différentes phases de votre refonte.
Comment intĂ©grer une stratĂ©gie dâinbound marketing postârefonteâŻ?
Aimant à leads : ebook, livre blanc ou checklist téléchargeable.
Workflow email automatisé dans votre CRM (nurturing).
Blogs optimisĂ©s motsâclĂ©s longue traĂźne.
Callâtoâaction clair sur chaque page.
Pourquoi publier un livre blanc dÚs la mise en ligne�
Un livre blanc est un contenu premium idĂ©al pour capter des leads dĂšs le lancement : il fait autoritĂ©, renforce votre stratĂ©gie de rĂ©fĂ©rencement (motsâclĂ©s longue traĂźne + backlinks) et nourrit vos campagnes dâinbound marketing.
Quelles sont les causes frĂ©quentes dâĂ©chec dâune refonteâŻ?
Manque de cahier des charges.
- Manque d'objectifs dans votre cahier des charges
Sousâestimation du contenu et des ressources.
Ajout continu de fonctionnalités (scope creep).
Absence de tests utilisateurs.
- Absence de tests techniques.
Mauvaise gestion des redirections SEO.
Comment noter la performance dâune page aprĂšs migrationâŻ?
Utilisez un barĂšme 0â100Â :
CritÚre | Poids | Outil recommandé |
Temps de chargement | 30âŻ% | PageSpeed Insights |
Taux de rebond | 20âŻ% | GA4 |
Position moyenne SEO | 20âŻ% | Search Console |
Taux de conversion | 20âŻ% | GA4 / CRM |
AccessibilitĂ© RGAA | 10âŻ% | Wave / Lighthouse |
Additionnez pour une note globale par page.
Quel est le prix dâun site vitrine vs eâcommerceâŻ?
Un site vitrine simple (15âŻpages, blog, formulaire) dĂ©marre Ă 4âŻ000âŻâŹ et peut monter Ă 15âŻ000âŻâŹ selon le design et les intĂ©grations. Un site eâcommerce (catalogue, paiement, logistique) varie de 8âŻ000âŻâŹ Ă 50âŻ000âŻâŹ+, en fonction du nombre de produits, du connecteur ERP, des dĂ©clinaisons, et des besoins B2B (tarifs spĂ©cifiques, comptes clients).
Besoin dâun accompagnement complet ? Contactez Mirtillo pour auditer vos pages, dĂ©finir la meilleure stratĂ©gie et mettre en place une refonte ROIâste !
7. Qui contacter pour votre refonte ?
Solution | Avantages | Inconvénients |
Agence digitale | Ăquipe pluridisciplinaire, processus, SLA | Budget plus Ă©levĂ© |
Freelance | Souplesse, réactivité, tarif compétitif | Bande passante limitée |
Mirtillo (mon offre) | Audit complet, pilotage AâZ, coaching | Places limitĂ©es / sĂ©lection projet |
Mes prestations : audit technique & SEO, rĂ©daction de cahier des charges, gestion de projet, suivi KPIs postâmise en ligne.
8. Tableaux pratiques
Répartition budgétaire recommandée
Poste de dépense | % du budget | Montant indicatif (site vitrine) |
Conception UX/UI | 20 % | 2âŻ000 ⏠|
DĂ©veloppement front/back | 35 % | 3âŻ500 ⏠|
CrĂ©ation de contenu | 15 % | 1âŻ500 ⏠|
SEO & optimisation | 10 % | 1âŻ000 ⏠|
Hébergement & maintenance | 5 % | 500 ⏠/ an |
ImprĂ©vus (buffer) | 15 % | 1âŻ500 ⏠|
Total | 100 % | 10âŻ000 ⏠|
Planning type (12 semaines)
Semaine | Phase | Livrables |
1â2 | Audit & benchmark | Rapport dâaudit, analyse marchĂ© |
3â4 | Cahier des charges | Document validĂ© |
5â6 | Wireframes & maquettes | Figma prototypes |
7â10 | DĂ©v. front & back | Site beta |
11 | Tests & corrections | Rapports bugs, validation SEO |
12 | Mise en ligne | Goâlive & monitoring |
9. Checklist SEO avant la mise en ligne
Vérifier les redirections 301.
GĂ©nĂ©rer le sitemap XML et lâindexer dans Google Search Console.
ContrĂŽler la balise title et la meta description de chaque page.
Auditer les temps de chargement (LCP, CLS, FID).
Mettre en place un plan de maillage interne cohérent.
Tester la version mobile sur plusieurs appareils.
Configurer les indicateurs GA4 et les rapports personnalisés.