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 page | As-tu préparé un modèle par page, en n’oubliant pas les pages catégorie, auteurs, contact, à propos, etc.. ? |
| Erreurs 4XX et 500XX | Crawl et export de la liste des Erreurs 4XX et 5XX. |
| Redirections 3XX | Export de la liste des redirections 3XX en cours et à suivre post refonte. |
| Liste d’exclusion des liens No Follow | Export de la liste des URL exclues du tag No-Follow (notamment si utilisation du plugin WP External Links). |
| Test de la vitesse de chargement | Effectue un speed test sur tes money pages principales pour disposer d’une base de comparaison post refonte. |
| Sauvegarde complète | Prepare une sauvegarde complète de ton site pré-refonte, on ne sait jamais… |
| Version Prod | Veille à 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 4XX | Vérifie l’apparition potentielle de nouvelles erreurs 4XX après le passage live. |
| Redirections 3XX | Vé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 permaliens | Vérifie que la structure des permaliens soit la même que pré-refonte ou mets en place les redirections nécessaires. |
| Meta Titres & descriptions | Vé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 AMP | Si 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 / Responsive | Si 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 Navigateurs | Vérifie la compatibilité de ton nouveau design sur les princpaux navigateurs. |
| Affichage des iFrames | Vé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 Publicitaires | Nouveau 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 Plugins | Vé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. |
| Images | Verifie l’affichage et la qualité des images dans leur nouvel environnement. Si nécessaire, pense à les reformater. |
| Thumbnails | Un nouveau design peut impacter la façon dont les thumnails s’affichent. Il est possible que tu aies besoin de les reformater. |
| Traductions | Un 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 / Formulaires | Vérifie la compatibilité d’affichage et des pop ups ou autres formulaires avec le nouveau design. |
| Police d’écriture | Vérifie que la nouvelle police d’écriture soit compatible avec tous les supports. |
| Nettoyage du code usuet | Pense à 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). |
| Shorcodes | Vé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 internes | Vérifie que tes liens internes aient été proprement maintenus, surtout vrai en cas de refonte sur un nouveau domaine. |
| Favicon | Pense à modifier ton Favicon si le logo a également subi une refonte. |
| Couleur des liens internes | Vérifie que la couleur des liens internes (souvent réglées par défaut) soient paramétrées selon ton nouveau code couleur. |
| Sitemap | Vérifie que le sitemap fonctionne toujours correctement. |
| Données structurées | Utilise Schema.org pour vérifier que tes nouvelles / anciennes données structurées soient bien en place. |
| Icônes & Liens réseaux sociaux | Vérifie si tes icônes réseaux sociaux ont bien été paramétrées avec les liens vers ceux-ci. |
| Copyrights & Liens Footer | Vérifie que le contenu de copyright et les informations légales de ton footer aient été rajoutées proprement. |
| Pages Légales & RGPD | Pense à 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 chargement | Effectue 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és | Vé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 Alt | Vé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 visiteurs | Observe 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 😉 !