Comment refondre un site WordPress : la checklist ultime

Aaah, la refonte d'un site WordPress…

Quand on réfléchit aux différents enjeux que cette mission implique, on a généralement tendance à stresser un peu.

Qui ne rêve pas, en ce moment clé, de faire un simple Commande + Option + Échap ou Ctlr + Alt + Suppr sur son serveur, et recommencer facilement ?

Malheureusement, la refonte de votre site Web est toujours un peu plus complexe que cela . Et un oubli, une erreur, une gaffe, arrive si vite…

WPMarmite a souhaité partager avec vous ses bonnes pratiques pour aborder sereinement ce gros projet.

Es-tu prêt? Dans cet article, je détaille tous les éléments auxquels vous devez penser pour refondre votre site WordPress , de la stratégie en amont à la mise en ligne.

Vos meilleurs projets WordPress ont besoin du meilleur hébergeur !

WPMarmite recommande Bluehost : excellentes performances, excellent support. Tout ce dont vous avez besoin pour un bon départ.

Essayez Bluehost

Pour apprendre à créer un site WordPress à partir de rien, consultez notre guide complet .

Les 4 étapes avant la refonte de votre site WordPress

Avant même de mettre la main sur WordPress pour refondre votre site Web, vous devrez travailler sur divers éléments structurels.

C'est vrai : vous ne pensiez pas vous lancer sans savoir dans quoi vous vous embarquiez ?

1. Fixez les objectifs de votre refonte

Comme tout projet, pour refondre un site WordPress, il faut avoir des objectifs, qu'il faut définir précisément (que l'on soit indépendant, agence web ou webmaster non professionnel).
Ce sont ces objectifs clairs et concis qui guideront vos prochaines étapes .

Cela revient à se poser la question suivante : pourquoi souhaitez-vous refondre votre site internet ? Il peut y avoir plusieurs raisons à cela :

• Changez le design de votre site , en sélectionnant un nouveau thème, ou en optant pour un constructeur de page.
• Mettre à jour l'administration de votre site . Cela peut être le cas si vos plugins ou votre version du CMS WordPress n'ont jamais été mis à jour, s'il y a des conflits entre différents plugins, ou si votre thème a été modifié de manière erratique. Autant de soucis qui peuvent affecter les performances de votre site internet, et sa gestion au quotidien.
• Optimisez votre référencement . Un objectif à se poser, notamment si votre trafic a chuté ou ne décolle pas, si votre expérience utilisateur est actuellement bancale ou si votre code HTML n'est pas optimisé pour les robots de Google.
• Ajoutez de nouvelles fonctionnalités à votre site que votre conception actuelle ne peut pas intégrer. Vous pouvez également le rendre plus intuitif et plus facile à utiliser pour vos visiteurs.
• Améliorez la structure technique de votre site web (ou ecommerce) pour renforcer sa sécurité, améliorer sa vitesse de chargement et modifier son arborescence.
• Migrez votre site vers un autre serveur d'hébergement Web .
• Faites plus de ventes , surtout si vous avez une boutique WooCommerce.
• Mettez votre site à jour avec la concurrence , qui propose des sites Web plus à jour. Vous en profiterez pour améliorer votre image de marque et votre notoriété.

Notez, dans un document bien structuré, ces différents objectifs. Vous verrez qu'ils constitueront des éléments structurants, pour organiser la refonte de votre site internet.

2. Structurez votre projet de refonte

Maintenant que vous avez une idée précise de la finalité de votre refonte, parlons des différentes étapes qui déterminent les grandes lignes de votre projet.

Créez vos wireframes

Le terme wireframes vous dit quelque chose ?

Un rapide retour sur le sujet s'impose, car cette étape est cruciale.

Les wireframes sont des maquettes structurelles qui vous aident à organiser les différents éléments de vos pages Web sur un seul document.

L'idée est vraiment de poser le cadre des différentes pages de votre site, d'avoir une idée précise de l'expérience utilisateur que vous allez créer.

Je vous ai donné un exemple dans cet article, et le voici à nouveau pour illustrer mon propos :

Si la méthode millenium papier + crayon peut suffire pour une refonte légère, je vous recommande tout de même d'utiliser un outil numérique pour concevoir vos wireframes .

Cela vous permettra non seulement de les modifier facilement si besoin, mais également de partager ces wireframes avec votre équipe (ou avec votre cousin qui travaille dans le webmarketing).

Je ne peux que recommander plusieurs outils pour ce faire :

• Balsamiq Wireframes : C'est un logiciel payant, mais la version d'essai gratuite de 30 jours vous donne tout le temps nécessaire pour concevoir des wireframes bien conçus.
• MockFlow : Il s'agit d'un outil en ligne freemium pratique. Sa version gratuite vous permet de créer jusqu'à 3 pages, pour commencer.
• Sketch : Une plateforme de conception web collaborative très puissante, à condition de savoir l'utiliser correctement. Il propose une version d'essai gratuite de 30 jours, puis une offre payante à partir de 9 $/mois.
• Canva : Ce n'est pas un outil dédié au wireframing, mais il permet de s'en approcher grâce à ses nombreuses fonctionnalités. Et, surtout, il a une version gratuite avec beaucoup de fonctionnalités.

Et à ce stade, vous avez une idée plus claire de ce à quoi vous attendre pour reconcevoir votre site WordPress.

Conception de vos maquettes

Là où les wireframes vous donneront une vision de la structure de vos pages repensées, les mockups intégreront le design lui-même.

Réalisée via un logiciel de mise en page (comme InDesign), la mise en page de vos pages web peut nécessiter une certaine technicité, et est une étape assez chronophage.

La question est donc : avez-vous vraiment besoin de créer des maquettes graphiques pour votre refonte ? La réponse est simple :

• Oui, si vous souhaitez créer votre propre thème . Dans ce cas, vous devrez concevoir votre site Web repensé à partir de zéro, et ainsi pouvoir visualiser facilement tous les éléments graphiques.
• Non, si vous souhaitez simplement utiliser un thème existant et le reconcevoir. Une solution plus simple. Mais dans ce cas, veillez à bien choisir votre nouveau thème en fonction de vos objectifs.
  Pour vous aider, WPMarmite a la ressource dont vous avez besoin : une liste des meilleurs thèmes gratuits. Profitez!
  

Rejoignez les abonnés WPMarmite

Obtenez les derniers messages WPMarmite (ainsi que des ressources exclusives).

ABONNEZ-VOUS MAINTENANT

Pensez à votre nouvelle arborescence

Oui, je vous rassure, on parle toujours de refonte de site internet, pas d'horticulture !

Concevoir votre arborescence, c'est imaginer les liens qui existeront entre les différentes pages, et réfléchir à toutes les manières dont un visiteur pourra s'orienter sur le site.

Bref, en créant votre arborescence, vous réfléchissez aux différents parcours de navigation de vos utilisateurs.

Alors comment faire ?

Concevez une arborescence et n'oubliez pas d'inclure :

• Votre menu de navigation principal, ainsi que vos éventuels menus secondaires.
• Votre pied de page et les liens qu'il peut contenir.
• Vos éventuelles sidebars, notamment sur votre blog.
• Les différentes catégories de votre blog etc.

Avec un tel schéma, impossible d'oublier de créer un maillage bien ficelé entre vos différentes pages , ce qui assurera une expérience utilisateur fluide.

Tout comme les wireframes, vous pouvez créer ce diagramme sur une feuille de papier, ou utiliser un outil en ligne comme GlooMaps ou Octopus.

Conception de votre cahier des charges

Eh bien, à ce stade, vous êtes bien fourni en éléments structurants. Il est maintenant temps de rassembler tout cela dans un document clé : un cahier des charges.

Le cahier des charges de la refonte de votre site internet est un document très complet, qui vous permet de cibler les différentes attentes que vous avez pour la refonte de votre site internet.

Vous trouverez sur le web de nombreux modèles de cahiers des charges. Cependant, le vôtre doit impérativement contenir :

• Une description de votre projet web et de votre entreprise , ainsi que le rôle que joue votre site web dans ce projet.
• Le public cible de votre nouveau site internet , décrit avec précision si possible.
• Les objectifs de votre refonte , illustrés autant que possible par des chiffres. Si l'un de vos objectifs est, par exemple, d'augmenter votre trafic, pensez à préciser le trafic de votre site actuel.
• Les éléments à récupérer de votre site actuel : le contenu de vos pages, les éventuelles images, etc.
• Les chemins graphiques que vous souhaitez suivre . Pour cela, intégrez vos wireframes et maquettes à votre cahier des charges, ainsi qu'à votre charte graphique (qui définit votre identité visuelle).
• Les nouveaux éléments fonctionnels de votre site web repensé, comme l'ajout d'une boutique ecommerce, d'un blog, d'un module d'opt-in, d'une nouvelle administration (back-office), etc.
• Les grandes étapes de votre projet de refonte : quand souhaitez-vous avoir un aperçu de votre site internet ? Quand voulez-vous qu'il soit mis en ligne ?

C'est beaucoup plus clair maintenant, n'est-ce pas ?

3. Pensez aux ressources à votre disposition

Il est maintenant temps de passer aux choses sérieuses.

Votre défi, si vous l'acceptez, est maintenant de lister les ressources dont vous disposez en matière de :

• Budget : combien souhaitez-vous investir dans votre refonte ?
• Temps : de combien de temps disposez-vous pour refaire votre site WordPress ?
• Compétences : avez-vous la capacité d'atteindre tous vos objectifs vous-même ?
• Outils : plugins, thèmes, constructeurs de pages… Ces types d'outils peuvent-ils vous aider à atteindre vos objectifs, même si vous avez des compétences techniques web limitées ?

Cette liste vous permettra de savoir si vous devrez faire appel à un prestataire externe , ou si vous pensez pouvoir travailler de manière autonome, avec les membres de votre équipe ou par vos propres moyens.

Trouvez les meilleurs experts WordPress

Codeable se consacre à vous mettre en contact avec des experts qui peuvent vous aider dans tous les domaines, de la conception ou de l'installation de thèmes WordPress au développement de plugins personnalisés.

Essayez Codable

4. Créer un plan de redirection

"Ok, on y va, ça y est !"

Facile! Il reste une dernière étape trop souvent négligée lors de la refonte de votre site internet : la création de votre plan de redirection .

Laisse-moi expliquer.

Souvent, lors de la refonte d'un site Web, il y aura des changements d'URL. Ce sera notamment le cas si vous créez de nouvelles pages.

Mais que se passe-t-il si vous mettez en ligne votre nouveau site internet sans penser à faire vos redirections ? Des erreurs 404 à gogo, qui impacteront votre référencement et la navigation de vos visiteurs.

Pour concevoir votre plan de redirection, rien de plus simple. Ouvrez Excel ou Google Sheets et créez un tableau comme suit :

Une fois votre site web en ligne, vous pouvez mettre en place le plugin Redirection, et importer directement cette table.

Astucieux, n'est-ce pas ?

D'accord : respirez profondément et parlons de la refonte elle-même.

Accélérez votre site Web avec WP Rocket

Transformez votre site en fusée avec le plugin de mise en cache le plus puissant reconnu par les experts WordPress.

Essayez WP Rocket

Les 3 étapes pour lancer votre refonte

Alors comment s'y prendre, maintenant que votre projet est bien structuré et organisé ? Ces 3 étapes essentielles vous guideront.

1. Choisissez de travailler localement ou directement sur votre site actuel

Avant d'aborder l'aspect technique, commencez par choisir de travailler :

• Soit directement sur votre site actuel , et intégrez les modifications « en direct ».
• Ou sur des serveurs de développement et de pré-production , pour tester votre nouveau site avant de le proposer à votre audience.

Que signifient ces deux options ?

Travailler en ligne directement sur votre site est barbare.

Dans ce cas, tous vos visiteurs voient les changements en direct, et agissent comme des « cobayes » de vos nouvelles fonctionnalités… avec tous les bugs que cela peut induire.

Notez également que si une erreur survient lors des modifications, cela impactera le site jusqu'à ce que vous ayez détecté et résolu le problème. Site indisponible, fonctionnalité ne fonctionne pas…

Pour éviter tous ces problèmes, vous pouvez refaire votre site Web localement.

Les avantages de travailler localement sont nombreux :

• Effectuez vos modifications en toute sécurité.
• Testez vos plugins sans risque.
• Ayez un aperçu du rendu final avant de vous connecter.

C'est aussi la solution idéale si vous souhaitez conserver l'administration de WP telle que vous l'avez actuellement configurée. En d'autres termes, vous pourrez modifier un site WordPress sans supprimer celui existant.

Cependant, si vous souhaitez repartir de zéro, dans une toute nouvelle administration, regardez comment vous devez procéder pour installer WordPress en local.

Le conseil de WPMarmite : « Bien sûr, vous pouvez récupérer des éléments de votre ancien site web, grâce à un plugin comme UpdraftPlus ou Duplicator. Ces plugins vous permettent de réimporter sur votre admin ce que vous voulez : votre contenu, vos thèmes, vos plugins, vos médias, etc.

2. Acquérir les outils dont vous avez besoin pour la refonte

Il est maintenant temps pour vous de lister et d'obtenir tout ce dont vous aurez besoin pour prendre en charge la refonte de votre site WordPress.

Rappel : vous les avez listés dans votre cahier des charges.

Cela peut inclure :

• Un nouveau thème , si l'un des nombreux disponibles sur l'annuaire officiel a retenu votre attention (comme le très populaire Astra).
• Un constructeur de pages , comme Elementor ou Beaver Builder, si vous voulez éviter de mettre les mains dans le code.
• De nouveaux plugins , pour intégrer des fonctionnalités étonnantes.

Vous ne savez pas quels plugins utiliser ? Peut-être trouverez-vous ce que vous cherchez dans notre liste des incontournables.

Votre boîte à outils est-elle prête ? Mettons tout en place et passons à la dernière étape cruciale de votre refonte : le contenu.

3. Préparez le contenu de votre nouveau site web

Tout d'abord, un point crucial à ne pas oublier.

Lors d'une refonte de site internet, il y a forcément des contenus du site précédent qui peuvent être récupérés.

Images, textes, configuration des plugins : pensez-y !

Faites donc une sauvegarde de votre site Web WordPress actuel et gardez secret ce que vous voulez mettre dans votre refonte.

Cependant, j'imagine que, si vous faites une refonte, c'est aussi pour modifier le contenu de votre site internet, pour le rendre plus pertinent, plus attractif pour vos cibles… et pour les moteurs de recherche, bien sûr !

Pensez donc à votre stratégie SEO , si importante pour bien positionner votre nouveau (génial) site internet.

S'il est complexe de résumer les étapes à suivre, je peux cependant vous en donner les grandes lignes ici :

• D'une part, définissez les mots-clés sur lesquels vous souhaitez vous positionner . Ce sont les expressions que vos cibles saisissent spontanément sur Google, pour trouver l'information qu'elles recherchent.
• En revanche, déterminez où vous devez les intégrer, sur chaque page . Vos balises de titre (hn) , ou le texte alternatif des images, doit par exemple être optimisé pour le référencement : Google en est friand, c'est là qu'il va d'abord essayer de comprendre votre site !
• Une fois ces nouveaux contenus intégrés au site web repensé, vous pourrez vérifier que tout est bien en place . Pensez notamment aux noms des images, titres et méta descriptions des pages, trop souvent négligés.

Pour vous aider dans le référencement on-page de votre site internet (optimisation du contenu), faites confiance à un plugin SEO dédié.

WPMarmite utilise le plus célèbre d'entre eux, Yoast SEO, mais ce n'est pas le seul à être efficace sur le marché. Découvrez notre comparatif détaillé de ses concurrents dans cet article.

De fil en aiguille, sur votre serveur de développement, en local, et avec tous les outils WordPress nécessaires, vous voyez votre projet avancer… et votre mise en ligne approche.

Les 3 étapes pour un lancement réussi de votre site web

Je peux vous sentir excité à l'idée de dévoiler votre nouveau site Web WordPress au monde.

Prenez le temps de regarder ces 3 étapes, et suivez-les attentivement : vous serez content de l'avoir fait, promis.

1. Choisissez un serveur de production directe ou de pré-production

Le terme « serveur de pré-production » ne vous dit rien ? Ne vous inquiétez pas, faisons une petite pause pour une définition.

Un serveur de pré-production partage le même serveur que celui sur lequel votre site Web sera installé une fois en ligne . Si WPMarmite venait à le refondre, Alex pourrait par exemple choisir de mettre sa pré-production sur preprod.wpmarmite.com : ce serait le même environnement que wpmarmite.com .

Alors, pourquoi utiliseriez-vous ce serveur de préprod ?

• Pour valider votre refonte avec votre client, si vous êtes développeur WordPress.
• Pour tester les bogues avant la mise en ligne du site.
• Pour ajuster votre stratégie de référencement, assurez-vous que tous vos mots-clés sont inclus sur chaque page.

Une fois tout cela validé, alors seulement vous pourrez mettre en ligne, et déployer votre nouveau site web. Si vous êtes confiant, vous pouvez bien sûr choisir de passer directement à la production.

2. Testez votre nouveau site Web pour détecter d'éventuels problèmes

Depuis votre serveur de pré-production (ou en direct, si vous êtes un aventurier WordPress), vous devrez tester votre nouveau site Web.

La clé pour réussir à tester les problèmes est de vous mettre à la place d'un visiteur moyen , de cliquer autour de vous et de noter les problèmes que vous rencontrez…

Vous verrez probablement des problèmes de conception et de structure. Mais n'oubliez pas de vérifier également :

• Des redirections qui n'ont pas été faites, et génèrent des liens morts ou des pages blanches.
• La performance du site web , en le testant sur GTMetrix, Pingdom, ou le test PageSpeed ​​Insights de Google.
• Les points d'opt-in , en vérifiant s'ils fonctionnent bien.
• Formulaires de contact, formulaires de devis…
• Paiement , si vous avez un site e-commerce (incluant les emails de confirmation, accès au site membre…).

Tout est beau, fonctionnel, bien connecté et bien agencé ? Toutes nos félicitations! La dernière étape mettra en valeur le grand sourire que je vois sur vos visages d'ici.

3. Réactiver et reconnecter tous les services tiers

Allez, vous y êtes presque !

Vous pouvez maintenant réactiver tous les services et plugins liés à votre site WordPress . Pensez notamment à :

• Votre plug-in de cache.
• Plugins qui utilisent Google Analytics, comme MonsterInsights.
• Les plugins qui utilisent les réseaux sociaux, tels que Facebook ou Instagram.
• Les différentes clés de licence pour vos plugins et votre thème.

Et parce que la sécurité est l'affaire de tous (et surtout la vôtre), pensez à réactiver tous les éléments qui sécurisent votre site web .

Prêt à partir? Ensuite, commencez à indexer votre nouveau site Web dans Google Search Console. Cette manipulation oblige les robots de Google à visiter votre nouveau bébé, et donc à l'indexer plus rapidement dans sa nouvelle version.

Tadam ! Repensé, plus performant, plus percutant, mieux structuré, votre nouveau site internet est prêt à recevoir le trafic qu'il mérite. C'était un travail difficile, mais ça en valait la peine, n'est-ce pas ?

Et vous, avez-vous récemment procédé à une refonte d'un site WordPress ?

Quels sont les problèmes que vous avez rencontrés, ou la fierté que vous en tirez ?

Dites-nous tout dans les commentaires : l'équipe WPMarmite les lit tous attentivement.