Avec WordPress devenant de plus en plus populaire de jour en jour, il est évident que de plus en plus de gens prendront le train en marche. Bien que l'adoption de WordPress soit une excellente décision, cela signifie-t-il que vous devrez dire au revoir à votre site Web HTML ? Faut-il vraiment tout recommencer quand on passe à WordPress ? Et bien non. Vous pouvez facilement migrer votre site Web HTML vers WordPress tout en conservant le contenu, la conception et même les classements SEO. Super.

Avant d'y aller, je voudrais plaider pour une chose : si vous n'avez pas de raison valable (telle que l'ajout d'un blog, etc.) de reformater votre site Web, laissez-le tel quel. Sinon, n'hésitez pas à adopter WordPress et à profiter de toutes les fonctionnalités intéressantes pour lesquelles la plateforme est la plus connue. Cela dit, le message d'aujourd'hui couvrira des sujets sur la migration d'un site Web HTML vers WordPress. Nous examinerons la planification et la migration de votre site vers WordPress.

Déplacer votre site Web vers WordPress : le plan

wordpress-post-programmation

Par expérience, j'ai appris une leçon inestimable dans la vie : rien ne réussit jamais sans un plan solide comme le roc. Pour migrer votre site Web HTML vers WordPress, vous avez donc besoin d'un excellent plan. Voici quelques points à garder à l'esprit lors de l'élaboration de votre plan :

  • Allez-vous conserver votre nom de domaine existant ou en créer un autre ? Pointe: Vous pouvez également installer WordPress dans un sous-répertoire, c'est-à-dire votredomaine.com/wordpress/ et plus tard pointer le domaine vers le répertoire
  • Votre structure d'URL actuelle va-t-elle changer ? Cela se produit tout le temps, alors préparez-vous à rediriger vos anciennes URL après la migration
  • Quelle quantité de contenu (pages, messages, images, fichiers JavaScript, etc.) allez-vous déplacer vers le nouveau site ? De faibles volumes de contenu peuvent être déplacés manuellement, mais vous aurez besoin d'outils spécifiques pour déplacer de gros volumes de contenu
  • Votre site Web HTML actuel utilise-t-il des services externes ? Existe-t-il des plugins WordPress pour ces services ? Comment allez-vous intégrer les services tiers après la migration ?
  • Aurez-vous besoin de transférer des outils administratifs existants ou existe-t-il des outils équivalents dans WordPress ?
  • Allez-vous changer d'hébergeur ? Il est courant que les propriétaires de sites Web changent d'hébergeur lors de la migration vers WordPress. Assurez-vous que votre hébergeur répondra à vos besoins WordPress. Nous utilisons, aimons et recommandons l'hébergement WordPress géré par WPEngine.

En fin de compte, votre plan de mission doit détailler comment vous allez :

  1. Créer un domaine ou un sous-répertoire de test
  2. Installer WordPress
  3. Importer du contenu à partir du site HTML existant
  4. Concevoir le nouveau site WordPress (Choisir un thème WordPress ou le reconcevoir à partir de zéro sont quelques-unes des options disponibles)
  5. Installez les plugins WordPress nécessaires
  6. Sauvegardez vos sites (HTML et WordPress)
  7. Traiter les liens brisés
  8. Passez en direct

Avant de commencer, n'oubliez pas de sauvegarder votre site HTML (juste par précaution), et veuillez noter que nous ne recommandons pas de bricoler votre site HTML en direct si vous ne vous sentez pas à l'aise avec ce que vous faites. En outre, vous devez avoir une connaissance passagère de WordPress pour maximiser les avantages de ce didacticiel. Les mots et expressions tels que redirections permanentes, CMS, .htaccess, etc. ne devraient pas vous effrayer. Effectuez des recherches si besoin est ? . Maintenant, dessinez votre plan sur une feuille de papier, ou dans Evernote – n'importe où, et préparez-vous pour la partie suivante.

Comment déplacer votre site Web vers WordPress

Avec un plan de base en main, il est temps de passer à la partie pratique. Fléchissez vos doigts et commençons par configurer WordPress.

Configurer WordPress

Sortie de WordPress 4.0 Benny

C'est la partie la plus simple, que vous installiez WordPress localement ou avec votre hébergeur. Suivez le guide lié dans la déclaration précédente pour installer WordPress localement. L'installation de WordPress avec un hébergeur est simple et directe. Je ne m'attends pas à ce que vous rencontriez des problèmes. La plupart des hébergeurs ont des options d'installation faciles en un clic, ou dans le cas d'un hébergement WordPress géré, ils ont déjà installé WordPress pour vous. Si vous êtes bloqué, n'hésitez pas à contacter votre hébergeur.

Vous pouvez choisir d'installer WordPress sur un domaine séparé ou dans un répertoire qui lui est propre – le choix vous appartient. Aller à Paramètres -> Lecture dans votre écran d'administration WordPress et cochez (cochez) Décourager les moteurs de recherche d'indexer ce site dans le Visibilité des moteurs de recherche section. Vous ne voulez pas que les moteurs de recherche (et les clients) trouvent votre site WordPress alors qu'il est encore en développement. Une fois que WordPress est opérationnel (ce qui signifie que vous pouvez voir votre nouveau site WordPress dans un navigateur), vous êtes prêt pour la partie suivante : apporter votre contenu.

Importation de contenu

C'est un peu délicat mais toujours faisable. La réussite de l'importation de votre contenu existant sur votre nouvelle plateforme WordPress dépend d'un certain nombre de facteurs :

  • Votre site HTML actuel fonctionne-t-il sur un CMS ou système de gestion de contenu ?
  • Existe-t-il des outils d'importation (ou des scripts) disponibles pour vous et votre situation particulière ou allez-vous importer le contenu manuellement ?
  • Allez-vous importer un volume élevé de contenu ? L'importation manuelle d'un grand volume de contenu peut laisser beaucoup de place à l'erreur humaine.

Examinons les options qui s'offrent à nous. Si votre site HTML s'exécute sur un CMS disponible dans le commerce, vous disposez peut-être d'un outil d'importation. Tout ce que vous avez à faire est de trouver l'outil, cliquez sur quelques boutons ici et là et votre travail est terminé ! Pour plus de détails sur l'importation de contenu à partir d'un CMS particulier, veuillez consulter le importation de contenu dans le Codex WordPress.

Q : Mon site HTML a un CMS mais aucun outil d'importation n'est disponible. Ce qu'il faut faire?
UNE: Appelez votre développeur backend pour déplacer le contenu si vous ne savez pas quoi faire.

Q : Mon site HTML ne fonctionne pas sur un CMS. Cela signifie-t-il que mon aventure se termine ici ?
UNE: Non. Cela signifie simplement que vous devrez importer votre contenu manuellement. Traditionnel copie et pâte est utile ici.

Q : Mon site HTML ne fonctionne pas sur un CMS et j'ai un volume de contenu élevé. Que vais-je faire?
UNE: Retroussez vos manches et mettez-vous au travail. Vous copierez et collerez pendant un certain temps, alors prenez également une grande tasse de café. Ou mordez la balle et embauchez un pigiste pour faire le travail. De nos jours, il y a beaucoup de travailleurs indépendants qui circulent, vous devriez donc être couvert à cet égard. Soyez juste vigilant – nous parlons ici de votre site Web, de votre flux de revenus.

Lors de l'importation manuelle de contenu, assurez-vous d'utiliser le Coller en texte brut pour copier le contenu sur WordPress, ou collez-le dans le côté “Texte” de chaque message afin de ne pas transférer accidentellement sur l'un de vos anciens formatages. En plus de cela, soyez prêt à faire un travail de reformatage. Profitez de cette occasion pour ajouter ou soustraire de votre contenu si nécessaire. Vous connaissez, rationalisez, consolidez ou réorientez les anciens contenus. N'oubliez pas non plus que l'importation manuelle de contenu vous obligera à créer d'abord les pages correspondantes dans WordPress (page d'accueil, blog, à propos, etc.). De plus, vous devrez télécharger toutes les images et autres fichiers pertinents depuis votre ordinateur.

Noter: Gardez une trace de toutes les URL existantes et nouvelles. Vous devrez rediriger (ou modifier) ​​les anciennes URL pour conserver votre classement SEO et offrir une expérience sans erreur 404 avec votre nouveau site WordPress. Vous pouvez suivre toutes les URL à l'aide d'un simple document de feuille de calcul.

Après avoir migré votre contenu, créez un menu de navigation à l'aide de la fonctionnalité WordPress Menu disponible sous Apparence -> Menus. Cela devrait être facile et amusant. Je suppose que le vôtre est un petit site Web avec quelques pages, donc un faible volume de contenu. L'importation de contenu ne prend donc pas des jours mais quelques secondes. La partie suivante consiste à concevoir visuellement votre nouveau site WordPress.

Conception de votre site WordPress

choisir-un-nouveau-theme-wordpress

Avec le contenu de votre nouvelle plateforme WordPress, il est temps de donner une belle apparence à votre site Web. Si vous cherchez à changer votre conception, c'est le moment où vous voulez le faire. Plusieurs pistes s'offrent à vous :

La méthode la plus simple est de loin de trouver un thème que vous aimez et de l'installer. Développer votre propre thème personnalisé n'est peut-être pas votre meilleure option si c'est la première fois que vous utilisez WordPress. En supposant que votre conception est prête et fonctionne, il est temps de rétablir toutes les fonctionnalités. C'est là qu'interviennent les plugins WordPress.

Installation des plugins WordPress nécessaires

Plugins WordPress pour ajouter du code

WordPress est livré avec un excellent système de plugins qui vous offre de nombreuses options et fonctionnalités pour optimiser n'importe quel site Web. Vous pouvez reproduire facilement n'importe quelle fonctionnalité de votre site Web HTML à l'aide d'un plugin WordPress. Il y en a tellement (plugins), à la fois gratuits et premium, mais si vous ne pouvez pas obtenir exactement ce que vous cherchez, créez-en un et partagez-le avec le monde. Vendez-le, donnez-le gratuitement – peu importe. Bien que vos besoins puissent varier en fonction de votre site Web et de vos préférences personnelles, voici plus d'une centaine (100) plugins WordPress pour vous aider à démarrer :

Rappel: Installez uniquement les plugins que vous avez téléchargés à partir d'une source fiable pour aider à réduire le temps de chargement de votre page WordPress. Des plugins mal codés peuvent ralentir votre site, ce qui est une vraie déception.

Votre nouveau site Web WordPress est presque prêt à être lancé. Nous n'avons plus que quelques étapes à franchir. Avant de poursuivre, assurons-nous que tous les liens fonctionnent. Nous ne voulons pas que les clients potentiels se retrouvent sur des pages d'erreur 404 ni ne perdent le classement Google si précieux.

Redirection des liens dans WordPress

redirections 301 simples

Avec votre contenu dans WordPress, les fonctionnalités restaurées et votre nouveau site WordPress qui a fière allure, vous ne pouvez rencontrer qu'un seul autre problème : les liens brisés. Les liens brisés peuvent voler toute la joie de votre processus de migration et renvoyer les prospects plus tard, vous devez donc être très prudent. Nous vous recommandons d'utiliser un plugin de redirection. Cela rend le processus pratiquement indolore. Certaines bonnes options incluent le Redirection 301 simple ou la Plugin de redirection. Après avoir redirigé tous vos liens, il est temps de vous assurer qu'ils fonctionnent. Comment? Utilisez le Plugin WordPress Vérificateur de liens brisés. Nous avons un excellent guide d'utilisation de ce plugin qui vous montre comment supprimer définitivement les liens brisés.

Si vous voulez vraiment creuser dans votre nouveau site, vous pouvez rediriger vos liens manuellement en éditant le fichier .htaccess (mais cela peut s'avérer fastidieux surtout si vous avez de nombreuses pages). Cependant, si vous souhaitez vraiment suivre la voie .htaccess, voici le code de redirection que vous ajouterez à votre fichier .htaccess :

Redirect 301 /about.html http://yourdomain.com/about/
Redirect 301 /contact.html http://yourdomain.com/contact/
Redirect 301 /example.html http://yourdomain.com/example/

N'oubliez pas que votre URL source doit être le nom du fichier de la page et que l'URL de destination doit être l'URL complète, http:// inclus. Et n'oubliez pas d'inclure le nom du sous-répertoire si vous avez des pages vivant dans un sous-répertoire. Par exemple:

Redirect 301 /folder/page.html http://yourdomain.com/page/

Faire pointer votre domaine vers le nouveau site WordPress

À quoi sert de passer des heures à migrer votre site si personne ne le verra jamais ? Faisons pointer votre domaine vers le nouveau site. Je n'entrerai pas dans les détails car le WordPress Codex a un excellent article sur ce qui couvre en utilisant une installation de sous-répertoire préexistante – utilisez ce guide si vous avez installé WordPress dans un sous-répertoire.

Si vous avez installé WordPress sur un domaine distinct ou changé d'hébergeur, vous devrez mettre à jour vos serveurs de noms pour votre domaine. Si vous utilisez un CDN tiers tel que Cloudfare, vous devrez mettre à jour vos enregistrements DNS. Cela implique généralement de modifier vos enregistrements A, un processus aussi simple que ABC.

Balayage final…

Pouces vers le haut!

Avant de publier enfin votre nouveau site propulsé par WordPress dans le monde, vérifiez à nouveau les liens brisés, passez en revue vos pages principales pour vous assurer qu'elles sont correctement formatées et vérifiez que toutes les fonctionnalités ont été restaurées (par exemple, votre boutique, votre forum, etc.). Paramétrez vos permaliens (Allez sur Paramètres -> Permaliens), analyses, rendez votre site visible pour les moteurs de recherche et sauvegardez votre ancien site HTML. Cet article est un guide général pour la migration d'un site Web HTML existant vers WordPress. La publication n'est pas destinée aux sites Web extrêmement volumineux. Si vous avez des questions ou souhaitez contribuer, n'hésitez pas à utiliser la section des commentaires ci-dessous !

Vous souhaitez plutôt convertir des modèles HTML en thèmes WordPress ? Consultez notre série de tutoriels sur la création d'un thème WordPress à partir de HTML.

Laisser un commentaire