Refonte de site internet : les 8 étapes à suivre

 Les 8 étapes à suivre pour la refonte de votre site internet 

Qu’est-ce qu’une refonte de site internet ?

Il arrive parfois qu’un site web ait besoin de changer : le design ou les technologies impliquées commencent à dater ou l’entreprise à qui appartient ce site évolue elle aussi. Lorsque les attentes changent, une refonte du site internet peut être envisagée : le site va être modifié sur son aspect visuel, fonctionnel ou dans sa structure interne afin de répondre aux nouveaux besoins. 

Les différents types de refonte de site web

 

Les refontes visuelles : le focus sur le design

Certaines refontes peuvent être simplement visuelles : le parcours de navigation reste inchangé mais les couleurs, les images, les typographies et plus globalement tous les éléments visuels sont susceptibles d’être modifiés : le site fait peau neuve. On observe ce type de refonte lorsqu’une entreprise change d’identité visuelle ou de charte graphique principalement. 

Les refontes structurelles pour se concentrer sur la navigation

Dans un souci d’optimisation du parcours de navigation, il arrive que des sites aient besoin d’être transformés de fond en comble. Le but est souvent de diminuer le nombre de pages qu’un internaute a besoin de consulter pour conclure un achat ou de l’orienter plus facilement vers des pages stratégiques du site. Cela passe souvent par la restructuration ou la simplification de l’arborescence de votre site. La navigation on-site est ainsi fluidifiée et rendue plus simple pour l’utilisateur.

La migration HTTPS

Un cas particulier de refonte de site internet est la migration du site HTTP vers le site HTTPS. Depuis plusieurs années maintenant, Google recommande en effet que les sites web respectent le protocole HTTPS pour plus de sécurité. Pour favoriser cela, le moteur de recherche a tendance à mieux positionner les sites HTTPS dans ses résultats de recherche. 

Ainsi, si votre site est encore en HTTP, effectuer une migration peut s’avérer profitable pour votre référencement naturel. 

Au-delà du référencement pur, certains navigateurs, comme Chrome ou Firefox, indiquent visuellement que les sites internet sont sûrs lorsqu’ils sont en HTTPS à l’aide d’un cadenas vert visible à côté de l’URL de la page. Cet élément peut être rassurant pour l’internaute et augmenter l’engagement général sur votre site.

Un changement de plateforme ou de technologie 

Il arrive que à la suite d’un changement de technologie, de plateforme d’hébergement ou de CMS, un site internet doive subir une refonte ou, a minima, une redirection complète. Dans ces cas-là, il est tout aussi important de bien réaliser chacune des étapes de la refonte pour que tout se passe au mieux. 

Ce genre de refonte est aussi l’occasion pour vous d’améliorer votre site : autant en profiter !

Comment faire la refonte d’un site internet ?

Afin que votre refonte de site se passe au mieux, nous vous conseillons de définir au préalable un cahier des charges : comme dans la réalisation de tout projet, il vous permettra de vous guider dans l’avancée de votre refonte et de garder en tête les objectifs liés à chaque étape. 

Idéalement, ce projet se mènera dans sa globalité, en cascade (ou waterfall) : chaque étape entraîne la suivante, sans possibilité de remonter plus en amont. De là, l’importance de bien définir son planning et son cahier des charges pour que tout se passe au mieux. 

1. Effectuer un audit de son site

La première étape sera d’effectuer un audit de votre site. Quels en sont ses points forts et ses faiblesses ?

Photographiez les performances du site actuel : captez-vous du trafic naturel ? Si oui, grâce à quelles pages ? Sur quels mots-clés votre site se positionne-t-il ? 

Le trafic que vous captez, tous leviers confondus, est-il engagé ? Quelles sont les pages avec le plus fort et le plus bas taux de conversion, de rebond, de temps passé ? 

Identifiez les raisons pour lesquelles vos clients quittent votre site : le site répond-il à leurs attentes ? Les temps de chargement sont-ils trop longs ? Centrez cet audit sur les performances organiques de votre site web, les performances SEO (Search Engine Optimization) : le levier organique est en effet le levier d’acquisition majeur lorsqu’il est bien travaillé. Une refonte de site internet est le moment idéal pour se pencher sur la question de votre référencement naturel. 

2. Définir les objectifs du nouveau site internet

En démarrant votre projet de refonte, vous avez déjà certains objectifs à l’esprit : le rendre plus efficace, plus visible… Il s’agit ici de macro-objectifs. Une fois votre audit réalisé, vous prendrez conscience plus facilement de vos micro-objectifs : ces petites étapes à réaliser vous aideront à remplir vos macro-objectifs. 

Vous souhaitez lancer une refonte pour augmenter votre visibilité sur les moteurs de recherche ? Regardez votre audit SEO : ciblez-vous des mots-clés ? Sont-ils pertinents ? Votre site est-il techniquement optimisé ? Grâce aux différents points que vous aurez pu relever, vous serez en mesure de définir ces micro-objectifs. 

ALT : Réalisez les maquettes de vos pages internet en accord avec vos objectifs. 

3. Réaliser les maquettes des pages

Dans le cas d’une refonte visuelle ou de navigation (hors migration HTTPS), il convient évidemment de réaliser des maquettes de vos nouvelles pages. Comment allez-vous disposer les éléments ? Lesquels allez-vous garder, retirer, ajouter ou modifier ? C’est là qu’intervient la charte graphique que vous aurez élaborée : elle doit prendre en compte non seulement les règles de design que vous souhaitez appliquer à votre marque pour transmettre une certaine image auprès de vos clients, mais aussi toutes les réflexions liées à l’expérience de l’utilisateur. D’un point de vue business, cela demande de répondre à plusieurs questions : comment l’utilisateur navigue-t-il sur mon site ? Quel est le parcours de conversion idéal ? Ces réflexions d’ordre UX et Business doivent faire partie intégrante de la réflexion. 

Ne vous basez pas, pour réaliser ces maquettes, que sur votre ressenti. Demandez des avis externes, pour récolter un maximum d’insights. Interrogez des gens, faites appel à des panels d’utilisateurs qui connaissent votre site ainsi que d’autres qui ne l’ont jamais parcouru. 

L’étape de la réalisation des maquettes est primordiale : c’est à ce moment-là que votre site prend forme. Gardez à l’esprit vos objectifs tout au long de cette étape : chaque élément de ces maquettes doit être justifiable au vu de la charte graphique et aider à remplir l’un ou l’autre des objectifs de votre refonte. 

4. Développer et intégrer vos pages web en préproduction

Une fois les maquettes validées, il s’agit de développer le nouveau site.  Que vous fassiez appel à vos équipes en interne, à des freelances ou à une agence de développement, cette étape est cruciale. Le code de vos pages doit être propre, c’est-à-dire optimisé au maximum pour être compréhensible par les moteurs de recherche et éviter le moindre bug ou dysfonctionnement. 

Nous vous conseillons de mettre vos pages en ligne sur un autre domaine ou sous-domaine, qui ne sera pas indexable, afin de vérifier que tout fonctionne bien. Cette étape de préprod est nécessaire à toute refonte de site.

5. Recetter votre nouveau site web

Avant de mettre votre site en ligne, effectuez un nouvel audit, traquez les bugs et vérifiez que tous vos objectifs soient atteignables. 

6. Optimiser votre stratégie SEO

Sur chaque nouvelle page créée, optimisez au maximum votre référencement. Pensez à bien remplir les différents éléments SEO on-page : title, description, structure Hn, contenus textuels, images… Visez les mots-clés stratégiques pour votre site internet pour vous positionner dessus. Pour ce faire, vous pouvez construire une analyse sémantique : une liste de mots-clés que votre site doit toucher sur les moteurs de recherche. 

7. Réaliser et mettre en place un plan de redirection de vos URLs

Avant la publication de votre nouveau site web, réalisez un plan de redirection. Il s’agit d’un fichier divisé en deux colonnes :

• Sur la colonne de gauche, indiquez toute les URLs de l’ancien site
• Sur la colonne de droite, inscrivez les URLs du nouveau site qui sont amenées à changer.

Les URLs se faisant face doivent correspondre. 

Une fois ce travail réalisé, vous pouvez mettre en ligne votre nouveau site, et effectuer les redirections adéquates, en utilisant votre plan de redirection. Rappel : vos redirections étant définitives, utilisez des redirections 301 et non 302. 

Cette étape est cruciale d’un point de vue référencement : oublier d’anciennes pages ou rater des redirections peut abîmer le référencement de tout votre site web. 

8. Effectuer un suivi de vos KPI après la mise en production

Félicitations, votre tout nouveau site web est en ligne. Votre travail, cependant, ne s’arrête pas là : maintenant que votre site est en ligne, vérifiez régulièrement l’évolution de celui-ci. Pour cela, définissez au préalable un ensemble de KPI, Key Performance Indicators, que vous allez suivre régulièrement. Ils permettent de vérifier que le site fonctionne bien et remplit les objectifs préalablement définis. 

Si votre objectif était d’accroître votre trafic organique, par exemple, vous voudrez regarder le nombre de sessions et de visiteurs reçus chaque semaine ou chaque mois ainsi que leur engagement.. Vous suivrez aussi les positionnements de vos pages sur les requêtes stratégiques, tirées de votre analyse sémantique. Cette définition et ce suivi des KPI font partie de l’analyse web, pour lequel notre agence Effilab peut vous accompagner grâce à notre offre d’Accompagnement Web Analytics. 

Le point crucial d’un projet de refonte de site internet : le référencement naturel

Comme abordé rapidement, le SEO, ou référencement naturel, est l’un des enjeux cruciaux de votre site internet : ne pas capter de trafic organique c’est potentiellement passer à côté d’une source de trafic majeure. Toute refonte de site internet réussie se doit d’être aussi une refonte SEO. 

Au cœur de votre refonte SEO : les trois piliers du référencement naturel

Une refonte de site web SEO se base sur les trois piliers historiques du référencement naturel : elle prend donc en compte la technique, le contenu et le netlinking de votre site. 

Le contenu de votre site web comprend tous les éléments HTML présents sur votre page qui auront un impact sur le référencement naturel : les méta-tags, incluant title et meta description, les balises Hn, qui sont les niveaux de titre sur la page, le contenu textuel, les attributs ALT des images et tous les autres éléments susceptibles d’être pris en compte par les moteurs de recherche. 

La technique a trait au fonctionnement même de votre page. Est-elle lisible, compréhensible et indexable par les moteurs de recherche ? Tout fonctionne-t-il correctement ? Les pages chargent-elles assez rapidement ? 

Le netlinking est l’aspect du SEO qui traite des liens. Il faudra vérifier que les pages de votre site soient bien reliées entre elles et qu’elles soient accessibles, aussi bien par les utilisateurs que par les robots d’indexation. Il est également important de s’assurer que votre site reçoit des liens de qualité provenant de sites tiers : ce facteur de référencement peut avoir un impact majeur sur votre positionnement sur les pages de résultats. 

Pensez Mobile !

Depuis plusieurs années maintenant, Google accorde de plus en plus d’importance au mobile : lors de votre refonte SEO, assurez-vous que vos pages soient adaptées à ce trafic particulier. Il faut que votre site soit responsive, et que le contenu présenté sur Desktop (sur ordinateur) et sur Mobile soit le même. 

Attention aux éléments lourds (ressources JavaScript et CSS, images, etc.) qui ralentissent le chargement des pages.

L’importance du tracking

Lors de votre refonte de site web, assurez-vous que chaque élément présent sur votre site est bien tracké et que vous avez accès à des données complètes et fiables : elles vous aideront à mesurer les performances de votre refonte, que ce soit en termes de SEO ou en termes de business pur, et à prendre des décisions stratégiques. 

Un exemple de refonte opérationnelle 

Effilab a accompagné l’un de ses clients sur la mise en place d’une refonte complète de son site internet : le design a été modifié ainsi que la navigation. Les objectifs :

• Donner à son site un côté plus moderne
• Améliorer son positionnement naturel sur les moteurs de recherche
• Faciliter la navigation pour augmenter in fine les conversions

Cette opération a été menée sur le SEO, le SEA et la Web Analyse : nous avons travaillé avec eux, dès le début du projet, en leur prodiguant des conseils stratégiques.

Le résultat est net :

• +26% d’utilisateurs mensuels entre mars, mois précédent la refonte, et juin
• 36% de revenus supplémentaires sur la même période et ce, tous leviers confondus
• Gain de 30% en trafic organique et 24% en revenus 

Un exemple de migration HTTPS

Effilab a accompagné d’autres clients dans des projet de migration HTTPS. Encore une fois, les résultats sont visibles : en deux mois, l’un d’entre eux a généré 29% de trafic organique supplémentaire. Encore une fois, la migration d’une site HTTP vers un site HTTPS est une manœuvre simple et rapide à mettre en place, qui peut avoir des effets très positifs : Google favorise en effet les sites en HTTPS dans ses résultats de recherche. 

 

On le voit donc, la refonte d’un site web n’est pas une mince affaire : il s’agit d’un projet long à ne pas prendre à la légère mais il peut s’avérer payant s’il est bien mené. Pour vous accompagner dans votre projet de refonte de site internet, n’hésitez pas à faire appel à notre agence SEO, qui se fera un plaisir de vous accompagner dans les différentes étapes : de la réflexion stratégique en amont à la mise en place opérationnelle de votre refonte.  

Si vous souhaitez optimiser votre site afin qu’il soit mieux référencé sur Google, n’hésitez pas à contacter nos équipes à hello@effilab.com !