La Check-Liste des éléments à vérifier avant & après une refonte de Site Web

Cette année j’ai procédé à pas moins de 3 refontes de site sur des sites allant de 120 à 1300 pages.

Au cours de ces expériences, nombreuses ont été les petites (ou grosses) erreurs commises qui ont (ou auraient pu) impacter le référencement de ces sites…

Disparition de méta-données, apparition de balisages non voulus, incompatibilité de plugins, suppression de tags do-follow, explosion de format mobile, disparition de pixels de suivi, dégommage de performance d’encart publicitaire… la liste est longue !

Le but de cet article est de te fournir une liste que j’espère plus que complète d’éléments à vérifier avant et après avoir procédé à la refonte du design de ton site.

Cette liste est particulièrement adaptée à un site de contenu / site affilié. Il manque sans aucun doute des éléments pour un site e-commerce ou dropshipping, mais n’ayant jamais fait de refonte sur ce type de site, je vais en rester avec les choses que je connais.

Donc si tu refonds un site drop / e-commerce, penses à compléter cette liste avec quelques recherches supplémentaires !

40 points de contrôle pour ta prochaine refonte de site

En bas de cet article tu peux accéder à la version hébergée sur Drive. Tu peux l’enregistrer de ton côté pour pouvoir l’utiliser telle quelle dans le futur.

Avant la refonte

1 modèle par pageAs-tu préparé un modèle par page, en n’oubliant pas les pages catégorie, auteurs, contact, à propos, etc.. ?
Erreurs 4XX et 500XXCrawl et export de la liste des Erreurs 4XX et 5XX.
Redirections 3XXExport de la liste des redirections 3XX en cours et à suivre post refonte.
Liste d’exclusion des liens No FollowExport de la liste des URL exclues du tag No-Follow (notamment si utilisation du plugin WP External Links).
Test de la vitesse de chargementEffectue un speed test sur tes money pages principales pour disposer d’une base de comparaison post refonte.
Sauvegarde complètePrepare une sauvegarde complète de ton site pré-refonte, on ne sait jamais…
Version ProdVeille à ce que toutes les itérations du nouveau design soient effectuées sur une version PROD et non en direct sur le site LIVE.

Immédiatement après la refonte

Erreurs 4XXVérifie l’apparition potentielle de nouvelles erreurs 4XX après le passage live.
Redirections 3XXVérifie que les anciennes redirections 3XX sont toujours en place et créé de nouvelles pour les URL ayant pu être modifiée au cours de la refonte.
Structure des permaliensVérifie que la structure des permaliens soit la même que pré-refonte ou mets en place les redirections nécessaires.
Meta Titres & descriptionsVérifie que toutes les meta données (titres, descriptions) ont bien été ré-uploadées sur tes contenus, surtout si tu certaines extensions ont été modifiées ou désactivées lors de la refonte. Un plugin comme Yoast SEO te permets de facilement sauvegarder et ré-importer ces éléments.
Format AMPSi tu utilises un format AMP classique, une refonte graphique n’affectera pas l’AMP, mais l’AMP affectera le nouveau design. Certains plugins comme AMP for WP permettent de recréé le design Desktop au format AMP avec un peu de développement.
Format Mobile / ResponsiveSi tu n’utilises pas le format AMP, vérifie que le nouveau design soit compatible sur les différentes tailles d’écran mobile.
Compatibilité multi NavigateursVérifie la compatibilité de ton nouveau design sur les princpaux navigateurs.
Affichage des iFramesVérifie la compatibilité et le rendu des affichages des iFrames, surtout niveau taille. Un nouveau design peut impacter la taille attribuée à l’affichage d’iFrames.
Emplacements PublicitairesNouveau design = potentiels nouveaux emplacements pour les publicités. Vérifie que celles-ci s’affichent proprement et pense à tracker leurs performances qui peuvent varier compte tenu des nouveaux emplacements.
Compatibilité des PluginsVérifie que le nouveau design soit compatible avec les extensions installées (surtout en cas de Thème maison). Supprime celles qui ne sont plus utilisées.
ImagesVerifie l’affichage et la qualité des images dans leur nouvel environnement. Si nécessaire, pense à les reformater.
ThumbnailsUn nouveau design peut impacter la façon dont les thumnails s’affichent. Il est possible que tu aies besoin de les reformater.
TraductionsUn nouveau design peut entraîner l’apparition de nouveaux contenus. Penses à traduire l’intégralité des nouveaux textes, surtout si ton site n’est pas en Anglais à la base.
Pages balises (H1-H6)Vérifie l’intégralité de ton site, ou tout au moins les pages principales pour valider que la structure des balises n’aient pas été compromise. Un changement de menu, de widget ou d’affichage du contenu peut rapidement entraîner l’apparition de balises non voulues au sein de tes pages.
Affichage des Pop Up / FormulairesVérifie la compatibilité d’affichage et des pop ups ou autres formulaires avec le nouveau design.
Police d’écritureVérifie que la nouvelle police d’écriture soit compatible avec tous les supports.
Nettoyage du code usuetPense à nettoyer ton site en supprimant tous les morceaux de codes possiblement rendus désuets par le nouveau design (surtout en ca de thème maison).
ShorcodesVérifie que tous les shortcodes utilisés sur l’ancienne version aient été supprimés ou rendus compatibles avec le nouveau design.
Vérification des liens internesVérifie que tes liens internes aient été proprement maintenus, surtout vrai en cas de refonte sur un nouveau domaine.
FaviconPense à modifier ton Favicon si le logo a également subi une refonte.
Couleur des liens internesVérifie que la couleur des liens internes (souvent réglées par défaut) soient paramétrées selon ton nouveau code couleur.
SitemapVérifie que le sitemap fonctionne toujours correctement.
Données structuréesUtilise Schema.org pour vérifier que tes nouvelles / anciennes données structurées soient bien en place.
Icônes & Liens réseaux sociauxVérifie si tes icônes réseaux sociaux ont bien été paramétrées avec les liens vers ceux-ci.
Copyrights & Liens FooterVérifie que le contenu de copyright et les informations légales de ton footer aient été rajoutées proprement.
Pages Légales & RGPDPense à mettre à jour ta politique de confidentialité, tes cookies et ta page RGPD pour les rendre compatibles surtout en cas d’ajout d’extensions ou de changement de façon de collecter les données liée à la refonte.
Test vitesse de chargementEffectue un test de vitesse de chargement pour le comparer à celui effectué pré-refonte afin de valider que le nouveau design soit une amélioration…
Liens affiliésVérifie que tous tes liens affiliés n’aient pas été impactés par le nouveau design (de nofollow à dofollow, suppression de tracking, etc…).
Trackers de trafic, conversion, etc…Vérifie que tous tes outils / codes de tracking aient été remis en place : analytics, tag manager, pixel facebook, pixel de retargetting, etc…
Balises AltVérifie que toutes les balises Alt aient bien été conservées également.

Quelques jours après la refonte

Suivi des statistiques (trafic et revenus)Observe l’impact du nouveau design sur ton trafic et tes revenus. Une refonte peut impacter fortement la façon ton ton site est crawlé par Google et donc ses rankings.
Analyse du comportement des visiteursObserve le comportement « nouveau » des utilisateurs sur ton site afin d’analyser si le nouveau design contribue ou non aux objectifs fixés en terme de parcours, de click sur tes appels à l’action, etc…. Observe le « nouveau » flow des utilisateurs sur Google Analytics et compare-le à l’ancien pour noter les différences possibles et ajuster si besoin.

Conclusion + Version Téléchargeable

Bien entendu, il est très probable que lors de ma prochaine refonte, je découvre encore d’autres points de contrôles intéressants. Et si c’est le cas, je mettrai à jour cette liste + le document Google Drive afin que tu bénéficies de mes apprentissages.

Tu peux d’ailleurs AUSSI contribuer à l’enrichissement de cette liste de points de contrôle OU d’outils permettant de les effectuer en commentant ou en m’envoyant un email avec tes propres critères, je serai ravi d’enrichir ce document pour que cela serve à plus demonde !

Pour conclure, tu peux accéder / téléchargée la version hébergée sur Google Drive ici.

Et si tu connais quelqu’un qui prévoit de procéder à une refonte graphique de son site internet … tu sais désormais quel article lui conseiller de lire avant de se lancer 😉 !

Sais-tu combien pourrait valoir ton site à la vente ?