Comment repenser votre site WordPress (et garder votre référencement)

Les refontes du site Web peuvent être à la fois passionnantes et difficiles pour les entreprises. Il n'y a pas une petite quantité d'espoir pour la refonte, mais c'est une entreprise monumentale. Une refonte peut résoudre vos problèmes existants en vous donnant une chance de dépouiller un site et de le recommencer.

Prenez-le à quelqu'un qui a fait beaucoup de reconstructions WordPress - cela en vaut la peine mais qui nécessite certainement un peu de travail.

Pourquoi repenser votre site Web?

Une refonte est nécessaire lorsque votre site se sent coincé. Cela se présente sous de nombreuses formes différentes, mais en voici quelques-unes qui justifient un grand changement:

Si vous hochiez la tête oui à l'un de ces éléments, une refonte pourrait être dans votre meilleur intérêt.

Étapes pour repenser un site WordPress

Il y a un processus infaillible pour toute refonte du site Web. Mais, sans surprise, nous vous recommandons de commencer par un plan.

1. Planifiez vos besoins de refonte

L'établissement d'objectifs est une partie importante d'une refonte d'un site Web. C'est tout simplement trop grand projet pour flotter sans but. Pensez à ce que vous voulez réaliser de manière réaliste.

Les objectifs courants pour une refonte de site Web comprennent souvent des choses comme:

• Better Core Web Vitals Scores (les sites plus rapides sont meilleurs pour tout le monde)
• Amélioration des taux de conversion (qu'il s'agisse de soumissions de formulaires, d'achats de produits ou de toute autre action clé sur votre site)
• Amélioration de l'engagement des utilisateurs, mesurée par des choses comme le temps de séjour et les taux de rebond
• Création d'un système de conception évolutif qui simplifie la création de contenu future
• L'ajout de nouvelles fonctionnalités pour améliorer l'expérience utilisateur (comme les avis des clients, le paiement plus rapide, une meilleure façon d'afficher la vidéo ou une navigation plus facile)

Certains de ces objectifs, comme vos principaux scores Web Vitals ou taux de conversion, sont facilement mesurables en suivant les mesures. D'autres, comme créer un meilleur système de conception, pourraient être davantage sur la réalisation d'un certain sentiment ou d'un certain niveau d'efficacité. L'important est de vous assurer que vos objectifs sont bien définis et écrits avant de commencer.

2. Créez un site de mise en scène

Ne travaillez jamais sur un site en direct. Configurez plutôt un site de mise en scène. Utilisez vos outils d'hébergement pour cloner votre site WordPress. Si vous ne faites pas cela, vous risquez de briser votre site Web tandis que les visiteurs essaient toujours d'y accéder. De plus, un site de mise en scène supprime la pression en gardant votre site Web actuel. Je ne recommande pas non plus d'utiliser une page en cours de construction sur un site en direct, sauf si le site d'origine est un net négatif. Attendez simplement que le site redessiné soit prêt.

Siteground propose l'un des moyens les plus simples de créer un site de mise en scène à partir de votre site Web existant.

Un site de mise en scène est un clone de votre site Web qui «vit» sur une URL temporaire. Il est complètement séparé de votre site en direct, il n'y a donc pas d'interférence entre les deux.

Sur votre site de mise en scène, vous voudrez le désindexer temporairement afin que Google ne le remarque pas avant de le pousser comme site en direct. Pour ce faire, accédez à «Paramètres> Reading », puis cochez la case qui dit: « Découragez les moteurs de recherche en indexant ce site ». Vous confonderez Google si vous le laissez indexer votre site de mise en scène en plus de votre site en direct.

3. Préserver le référencement et les détails techniques

Une refonte peut affecter votre référencement. Les moteurs de recherche créent leurs index en fonction de la structure de votre site existante. Le changement trop provoquera des pages de Google à supprimer son index et à recommencera le processus. C'est pourquoi je recommande de procéder à un audit complet de votre site existant. Utilisez Google Search Console pour identifier les pages hautement performantes, les erreurs de cale et les classements de mots clés. L'exportation de ces données vous aidera à établir des repères pour comparer votre site redessiné et vous empêcher de modifier trop les principes fondamentaux de votre site Web.

Assurez-vous de faire chacun de ceux-ci pour chaque refonte:

1. Conserver les URL existantes. Gardez une trace de chaque page et publiez sur votre site Web, y compris les pages construites par CMS (pensez pour les taxonomies et les pages de magasin). J'aime avoir une feuille de calcul de tout cela. Vous pouvez consulter vos sitemaps pour 95% des pages de votre site.
2. Configurer 301 Redirection pour toutes les pages avec un changement d'URL (très important - certains plugins le feront automatiquement).
3. En ce qui concerne les 301, gardez vos redirections précédentes intactes. Vous voudrez peut-être également nettoyer tous les 301 nécessaires (404 ne sont pas mauvais, mais utilisez un 301 si une page se déplace).
4. Migrez vos balises de titre et vos descriptions de méta. Vous pouvez les changer, mais vous ne voulez certainement pas les perdre si vous ne le faites pas.
5. Gardez tout schéma supplémentaire utilisé sur vos pages (plus que ce qui est créé par défaut à partir de votre plugin SEO). C'est une douleur de recréer un schéma lorsque vous avez simplement oublié de le sauver (utilisez également la feuille de calcul pour cela).
6. Gardez votre structure de tête intacte car les moteurs de recherche l'utilisent pour le contexte. Vous êtes autorisé à apporter des modifications au contenu, mais sachez qu'ils pourraient affecter votre référencement précédent.

Le référencement est souvent une réflexion après coup avec des refonte. Bien que le référencement puisse être l'une des dernières choses pour lesquelles vous optimisez un nouveau site Web (dans des limites raisonnables), ce devrait être l'une des premières choses auxquelles vous pensez à une refonte . Si votre site Web existant obtient le trafic actuel, vous ne voulez pas revenir en arrière (ou plusieurs).

4. Utilisez Divi pour votre refonte WordPress

Bien que le changement d'un thème puisse changer considérablement un site Web, la bonne nouvelle est que tous vos médias et CPTS restent intacts. Vos images et vidéos téléchargées auront le même chemin URL qu'avec tous les types de messages personnalisés que vous avez construits (bien que les boucles de requête et les éléments sur la page devront être reconstruits, et votre pagination pourrait changer). Cela devrait vous donner plus de confiance avec une refonte car vous ne partez pas de zéro.

Maintenant, vous avez des centaines d'options lorsque vous choisissez un thème pour une refonte WordPress. Cependant, il n'y a pas de mieux pour concevoir réellement un site Web que Divi. Je n'ai pas vu de générateur de pages pour WordPress donner aux utilisateurs autant d'options de conception (qu'ils soient ou non un débutant ou une personne très compétente dans CSS).

Divi est une machine de conception, et si vous vous engagez vraiment dans une refonte , je vous suggère de ne pas choisir un outil qui vous pousse dans un autre goulot d'étranglement de conception . D'abord et avant tout, Divi est un outil de conception. Cela signifie qu'il a chaque fonctionnalité et fonction dont vous avez besoin pour reconstruire votre nouveau site Web.

Si vous avez besoin d'un peu plus d'aide, Divi a des sites de démarrage conçus par notre équipe de concepteurs de sites Web professionnels. Vous pouvez également utiliser notre constructeur de sites Web AI éprouvé pour quelque chose de plus personnalisé. La meilleure partie des deux options est que chaque conception est conforme à Divi, ce qui signifie que tout est modifiable au sein de l'éditeur de Divi.

Avec un budget serré? Divi est en fait parmi les outils de conception Web les plus abordables du marché. Vous obtenez un outil de conception à part entière, un stockage cloud, un assistant AI, un support VIP (et plus que je suis prêt à placer dans cette phrase) pour 7,42 $ par mois.

Obtenez Divi pour votre refonte

5. Concevez vos pages et modèles

Commencez par configurer vos couleurs et polices globales . Vous pouvez établir votre palette de couleurs principale et vos accords de polices directement dans les options de thème Divi ou le personnalisateur de thème WordPress.

Ensuite, commencez à travailler avec le système prédéfini de Divi. Les préréglages créent des styles de conception réutilisables pour tous les éléments de votre site Web commun. Pensez à des choses comme les boutons, les titres, les différents styles de texte, les champs de formulaire, etc. Les préréglages sont cruciaux pour assurer la cohérence de la conception sur tout votre site. Je commence par une page avec des éléments que je sais que je vais utiliser sur tout le site - les autres aiment commencer par leur page d'accueil pour cela.

Ensuite, travaillez sur vos modèles d'en-tête et de pied de page à l'aide de Divi's Theme Builder. Créez des modèles mondiaux d'en-tête et de pied de page qui seront appliqués sur l'ensemble de votre site Web (ou vers des sections spécifiques, si nécessaire). Créez également tous les modèles de page dynamiques nécessaires. Les modèles de pages dynamiques sont utilisés pour le contenu qui est appliqué automatiquement à un modèle (comme vos articles de blog, vos pages d'archives de catégorie et les pages de produits).

Après cela, je trouve mieux de terminer en concevant des pages statiques de base. Commencez par vos pages statiques les plus critiques, comme votre page d'accueil, sur la page, la page de contact, la page des services, etc. Lorsque vous concevez ces pages, appliquez vos styles et préréglages mondiaux pour maintenir la cohérence visuelle. Concentrez-vous sur la création de dispositions claires avec des actions d'appel efficaces sur chaque page.

6. Optimisez votre site pour les performances

Je ne dirai pas ce point car vous pouvez lire en profondeur l'amélioration de votre score de vitesse de la page Google et les plugins que vous devez utiliser pour l'optimisation de la vitesse. Mais voici des choses que j'aurais sur l'une de mes propres refontes terminées:

Diviser

Une version antérieure de divi 5 alpha qui a réduit le temps de chargement de la page d'un facteur de quatre

Nous avons déjà couvert comment Divi est un thème fantastique qui ne limite aucune limite à la liberté et au contrôle de conception. Mais c'est aussi parmi les thèmes WordPress les plus rapides et les plus performants sur le marché. Si vous installez Divi pour la première fois lors de cette refonte, je vous recommande fortement de regarder dans Divi 5 - une version entièrement reconstruite de notre constructeur de sites Web qui est beaucoup, beaucoup plus rapide et qui a déjà plus de nouvelles fonctionnalités que l'ancienne version de Divi . Si vous repensez une boutique WooCommerce, alors l'ancienne version est votre meilleur pari en ce moment, mais dans la plupart des autres cas, Divi 5 sera ce que vous voulez utiliser.

Obtenez Divi pour votre refonte

Cloudflare CDN

CloudFlare est un réseau de livraison de contenu (CDN) qui stocke et sert les actifs statiques de votre site Web sur les serveurs dans le monde, réduisant les données de distance à vos utilisateurs (ce qui le rend plus rapide). J'ai souvent utilisé la version gratuite pour les petits sites Web. Cependant, le prochain outil est ce que j'utiliserais pour un site Web sur lequel je dépendais pour le revenu de mon entreprise.

Obtenez CloudFlare

Nitropack

Nitropack est une plate-forme tout-en-un pour rendre les sites Web très, très rapidement. Il propose des sites Web WordPress intelligents, une livraison de ressources optimisée via son propre CDN et une optimisation d'image impressionnante. Il gère également le chargement paresseux et la conversion d'images en webp. Avec WordPress, vous corrigez souvent une chaîne de plugins et d'outils tiers, mais Nitropack est vraiment un guichet unique. Offrez-vous cette incroyable suite d'outils intégrés - vous me remercierez plus tard.

Obtenez Nitropack

7. Suivez une liste de contrôle pré-lancement

Une liste de contrôle de pré-lancement est là pour ne pas manquer accidentellement quelque chose. Il y a littéralement des centaines de choses que vous pouvez vérifier, mais voici six grandes catégories de choses à vérifier:

• Relisez tout le contenu : vérifiez les fautes de frappe, les erreurs grammaticales et tout ce qui nécessite un œil étroit pour attraper (j'aime utiliser l'IA ici pour attraper certaines choses).
• Revue d'images et de médias : assurez-vous que toutes les images et vidéos sont affichées correctement et optimisées.
• Test mobile : testez chaque page sur les appareils et tablettes mobiles pour garantir que la conception réactive fonctionne comme prévu. Nous vivons bien au 21e siècle, alors assurez-vous de tester également des écrans ultra-large.
• Test de croisement : testez votre site sur différents navigateurs (Chrome, Firefox, Safari, Edge) pour assurer la compatibilité.
• Effectuez une crampe de site : si vous le pouvez, utilisez la version gratuite de ScreamingFrog pour ramper votre site et voyez si des erreurs évidentes doivent être adressées avant le lancement.
• Installer l'analyse : juste avant un lancement, c'est le moment idéal pour configurer l'analyse. Assurez-vous de définir des événements de conversion afin que vous puissiez vraiment voir comment se déroule votre site redessiné.

8. Allez vivre

Le moment de la vérité est arrivé! Une fois que vous avez rigoureusement testé votre site Web redessiné sur votre environnement de mise en scène et que vous avez confiance en sa stabilité et à ses performances, il est temps de mettre en ligne. À ce stade, vous avez bien construit quelque chose qui fonctionne bien, satisfait vos utilisateurs finaux et que vous atteignez vos objectifs commerciaux.

Si vous utilisez Siteground, vous pouvez rendre votre site de mise en scène en direct à l'aide de leurs outils de site. Tout comme Siteground a créé votre environnement de mise en scène en un seul clic, il échangera le site de mise en scène vers l'environnement en direct.

Il faut juste quelques instants pour que cela se produise. J'adore la façon dont il gère la modification de l'URL de mise en scène sur l'ensemble du site vers votre domaine personnalisé. C'était une telle douleur, mais maintenant c'est vraiment sans effort.

WordPress Redisign est bien fait

Nous entendons souvent les utilisateurs dire qu'ils souhaitaient être passés à Divi des années à l'avance, en particulier ceux qui veulent un plus grand contrôle de conception que ce que propose un thème WordPress typique. Divi fait une refonte WordPress un plaisir. Son constructeur de glisser-déposer , ses paramètres de conception globale et ses options de style avancées vous permettent de repenser votre site Web pour refléter votre marque et vos objectifs. Ne coupez pas les coins et obtenez un thème WordPress que vous finirez par remplacer dans quelques années.

Essayez Divi

Une fois que vous avez le bon thème, concentrez-vous sur l'ajout de nouvelles fonctionnalités à votre site Web, à maintenir (et à améliorer) son référencement et à construire avec vitesse et réactivité dès le début.

Faites aller

Les refonte sont beaucoup de travail, mais la façon dont nous le faisons en utilisant ces outils les rend beaucoup plus faciles. Nous recommandons l'un de ces outils ci-dessous pour l'hébergement, la conception et l'optimisation de votre site.