Refonte site responsive : ce qu’il faut savoir avant de se lancer
Ouvrez votre site sur votre téléphone. Le texte se lit-il sans zoomer ? Les boutons se touchent-ils du pouce du premier coup ?
Certains sites échouent à ce test. Ils ont été construits pour l'écran d'ordinateur. Votre visiteur, lui, vous découvre sur un smartphone de six pouces, dans le train, dans une salle d'attente ou entre deux rendez-vous. Et il juge votre sérieux en quelques secondes.
C'est le rôle d'une refonte de site responsive : reconstruire la mise en page de vos pages pour qu'elles restent lisibles partout, du téléphone à l'écran d'ordinateur.
Dans les lignes qui suivent, vous allez découvrir quand une refonte de site internet s'impose, comment garder vos positions sur Google, comment cadrer le projet, et ce qu'il coûte.
Refonte de site responsive : un site qui s'adapte à tous les écrans
Un site responsive change de mise en page selon l'écran qui l'affiche. Concrètement, les colonnes se placent les unes sous les autres, le menu se replie derrière une icône, les images se redimensionnent.
Un site à largeur fixe, lui, a été construit pour l'ordinateur uniquement. Sur téléphone, le résultat est tout autre : texte minuscule, boutons trop serrés pour le doigt, menu qui déborde, formulaire impossible à remplir. L'internaute zoome, fait glisser la page de gauche à droite, puis abandonne.
En France, 45 % des consultations de sites web viennent d'un téléphone, auxquelles s'ajoutent 2 % depuis une tablette (source : StatCounter).
Un site illisible sur téléphone écarte donc une bonne partie de votre audience avant même qu'elle ait lu une ligne. La refonte responsive règle ce point : votre contenu reste le même, sa mise en page est reconstruite pour chaque format.
Quand faut-il envisager une refonte de son site internet ?
Difficile de savoir à quel moment un site a fait son temps. Voici les signaux qui reviennent le plus souvent :
- votre site ne vous apporte plus aucun prospect ou client,
- vos positions dans Google baissent,
- votre design a vieilli,
- vos pages décrivent des prestations que vous avez abandonnées,
- vos pages mettent du temps à s'afficher.
Deux outils gratuits vous aident à y voir clair.
Google Search Console : suivez l'évolution de vos positions
La Google Search Console couvre beaucoup de sujets, notamment l’indexation de vos pages. Elle affiche aussi vos clics et vos positions dans Google.
Dans le menu de gauche, cliquez sur « Performances ». En haut du graphique, ouvrez le filtre « Date » et choisissez « 16 derniers mois » : c'est la période la plus longue que l'outil conserve. Cochez ensuite « nombre total de clics », puis choisissez « tous les mois ».
Si la courbe descend régulièrement sur toute la période, votre site perd du terrain.
Google PageSpeed Insights : mesurez le temps de chargement
Rendez-vous sur PageSpeed Insights, collez l'adresse de votre page dans le champ, puis cliquez sur « Analyser ».
L'outil attribue une note sur 100, avec deux onglets : « Mobile » et « Ordinateur ».
En dessous, les sections « Insights » et « Diagnostic » listent ce qui ralentit l'affichage.
Refonte ou simple correction ?
Un signe isolé appelle souvent une intervention ciblée, bien plus légère qu'une refonte. Vous modifiez un design qui a vieilli, vous réécrivez une page, vous retirez les prestations que vous ne vendez plus.
La refonte devient pertinente quand les problèmes s'accumulent, ou quand votre site freine votre activité au lieu de la servir.
Gratuit : session stratégique profitez d’une prestation
Réservez votre session stratégique et bénéficiez d'une prestation gratuite et sans engagement.
Refonte de site : ne perdez pas vos positions dans Google
Le référencement de votre site s'est construit sur des mois, parfois des années. Une refonte mal préparée peut effacer ce travail en quelques jours.
Rediriger vos anciennes URL
Lors d'une refonte, les URL de vos pages changent souvent.
Par exemple, l'organisation du site peut changer. Une page de service à l'adresse mon-site.fr/depannage-plomberie devient mon-site.fr/prestations/depannage-plomberie.
Une page qui change d'adresse devient une nouvelle page aux yeux de Google : elle perd la position que l'ancienne avait gagnée.
Google n'est pas le seul concerné. L’internaute qui clique sur l’ancienne URL tombe sur une page « introuvable ».
La redirection 301 évite ça. Elle envoie l'ancienne URL vers la nouvelle. Votre nouvelle page hérite de l'autorité acquise auprès de Google.
Bon à savoir : comptez tout de même quelques semaines de flottement, le temps que Google explore le nouveau site et réévalue chaque page.
Repérer les pages introuvables
Screaming Frog est un robot d'exploration : il parcourt toutes les pages de votre site, comme le fait Google. C'est un logiciel à télécharger sur votre ordinateur, gratuit jusqu'à 500 adresses par exploration.
Une fois installé, ouvrez-le, collez l'adresse de votre site dans le champ en haut, puis cliquez sur « Commencer ».
Une fois l'exploration terminée, ouvrez l'onglet « Codes de réponse », puis sélectionnez le filtre « Erreur du client (4xx) ». Vous obtenez la liste des adresses introuvables.
Du cahier des charges au devis de refonte de site internet
Deux documents encadrent le projet : le cahier des charges que vous rédigez et le devis que le prestataire vous renvoie.
Ce que contient votre cahier des charges
Le cahier des charges est le document qui décrit ce que vous attendez de votre nouveau site. Vous le transmettez au prestataire avant qu'il établisse son devis.
Son intérêt est double : vous comparez les devis de différents prestataires sur une base identique, et vous évitez les mauvaises surprises en cours de projet.
Deux familles de rubriques à couvrir.
L'état des lieux de votre site actuel :
- Votre activité : ce que vous vendez, et à qui.
- Votre site aujourd'hui : CMS (WordPress, Joomla, Drupal…), hébergement.
- Ses forces et ses faiblesses.
- Ce que vous voulez garder, supprimer ou transformer : pages, contenus, fonctionnalités.
Ce que le site doit devenir :
- Vos objectifs.
- La nouvelle arborescence : les pages à créer, à modifier, à supprimer.
- Les fonctionnalités à ajouter.
- La charte graphique : votre logo, vos couleurs, vos polices, etc.
- Le référencement et la maintenance.
- Le budget et les délais.
Pour aller plus loin, France Num propose un guide détaillé sur ce sujet.
Ce que doit contenir le devis
Un bon devis chiffre chaque prestation à part, avec son prix en face. Vous y retrouvez par exemple la conception graphique, la rédaction des contenus ou encore la formation à la prise en main.
Il peut aussi indiquer ce qui reste à votre charge comme l'hébergement, le nom de domaine ou les licences d'extensions.
Prix d'une refonte de site internet
Les prix constatés vont de 1 000 à 50 000 €. Un écart pareil reste trop large pour vous situer.
Le mot « refonte » recouvre plusieurs réalités. D'un côté, un rafraîchissement graphique. De l'autre, une reprise complète du site.
Voyons ce qui fait varier la facture :
- Le prestataire : un freelance facture 350 à 600 € par jour, une agence 500 à 800 € (source : Pandiweb).
- Le type de site : vitrine ou boutique en ligne.
- Le nombre de pages.
- Le design : niveau de personnalisation.
- Les contenus à reprendre.
- Les fonctionnalités.
- Le référencement.
Pour conclure sur la refonte de site responsive
Une refonte responsive redonne à votre site une mise en page lisible sur téléphone comme sur ordinateur.
Avant de vous lancer dans votre refonte, faites un premier test : passez l'adresse de votre page d'accueil dans Google PageSpeed Insights et regardez la note mobile. Quelques minutes suffisent, et vous saurez déjà où vous en êtes.
Si vous préférez faire le point de vive voix, réservez un appel découverte de 30 minutes : on regarde votre site ensemble et je vous dis ce qui relève d'une simple correction ou d'une refonte complète.