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? Devez-vous vraiment tout recommencer lorsque vous passez à 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 forte (comme l’ajout d’un blog, etc.) de remodeler votre site Web, laissez-le tel quel. Sinon, n’hésitez pas à adopter WordPress et à profiter de toutes les fonctionnalités exceptionnelles pour lesquelles la plate-forme est la plus connue. À part cela, l’article 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

Par l’expérience, j’ai appris une leçon de vie inestimable: 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-uns des points à garder à l’esprit lors de l’élaboration de votre plan:

  • Conserverez-vous votre nom de domaine existant ou en créerez-vous un autre? Pointe: Vous pouvez également installer WordPress dans un sous-répertoire ie votredomaine.com/wordpress/ et plus tard, pointez le domaine vers l’annuaire
  • Votre structure 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, articles, 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ôtes Web? 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.

À la fin de la journée, votre plan de mission doit détailler comment vous allez:

  1. Créer un domaine ou sous-répertoire de test
  2. Installez WordPress
  3. Importer du contenu à partir du site HTML existant
  4. Concevoir le nouveau site WordPress (le choix d’un thème WordPress ou la refonte à 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 rompus
  8. Allez vivre

Avant de commencer, n’oubliez pas de sauvegarder votre site HTML (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. De plus, vous devriez avoir une familiarité passagère avec WordPress pour maximiser vos avantages de ce tutoriel. Les mots et expressions tels que les redirections permanentes, CMS, .htaccess, etc. ne devraient pas vous effrayer. Effectuez des recherches si besoin est 🙂. Maintenant, rédigez 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 pour la partie pratique. Fléchissez les doigts et commençons par configurer WordPress.

Configurer WordPress

Version 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 1 clic, ou dans le cas de l’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 distinct ou dans son propre répertoire – le choix vous appartient. Aller à Paramètres -> Lecture dans votre écran d’administration WordPress et cochez (cochez) Découragez 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.

Importer du contenu

C’est un peu délicat mais toujours faisable. L’importation de votre contenu existant sur votre nouvelle plate-forme WordPress dépend d’un certain nombre de facteurs:

  • Votre site HTML actuel fonctionne-t-il sur un CMS aka Content Management System?
  • 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?
  • Importerez-vous un volume élevé de contenu? L’importation manuelle d’un volume élevé de contenu peut créer beaucoup de place pour l’erreur humaine.

Examinons les options dont nous disposons. Si votre site HTML fonctionne sur un CMS disponible dans le commerce, vous avez peut-être un outil d’importation à votre disposition. Il ne vous reste plus qu’à trouver l’outil, cliquer 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 dispose d’un CMS mais aucun outil d’importation n’est disponible. Que 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. Est-ce que cela signifie 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 allez copier et coller pendant un certain temps, alors procurez-vous également une grande tasse de café. Ou mordez la balle et engagez un pigiste pour faire le travail. De nos jours, il y a beaucoup de travail indépendant, vous devriez donc être couvert à cet égard. Soyez juste vigilant – nous parlons ici de votre site Web, de votre source 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 article afin de ne pas transférer accidentellement sur l’un de vos anciens formats. En plus de cela, soyez prêt à travailler sur le reformatage. Saisissez cette occasion pour ajouter ou soustraire de votre contenu si nécessaire. Vous connaissez, rationalisez, consolidez ou réutilisez du contenu ancien. Sachez également 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.

Remarque: 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 la migration de votre contenu, créez un menu de navigation à l’aide de la fonction Menu WordPress disponible sous Apparence -> Menus. Cela devrait être facile et amusant. Je suppose que le vôtre est un petit site Web avec quelques pages, d’où 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-thème-wordpress

Avec le contenu de votre nouvelle plate-forme WordPress, il est temps de donner un joli look à votre site Web. Si vous cherchez à changer votre design, c’est le moment où vous voulez le faire. Plusieurs pistes s’offrent à vous:

  • Vous pouvez développer un thème WordPress à partir de zéro
  • Vous pouvez télécharger un thème depuis WordPress, Themeforest ou même notre propre section de thème gratuite
  • Vous pouvez prendre un thème gratuit et le créer
  • Vous pouvez utiliser les cadres de thème WordPress
  • Vous pouvez convertir votre modèle HTML existant en un thème WordPress
  • Vous pouvez acheter le thème WordPress polyvalent et réactif Total 🙂

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à que les plugins WordPress entrent en jeu.

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 suralimenter n’importe quel site Web. Vous pouvez facilement répliquer n’importe quelle fonctionnalité de votre site Web HTML à l’aide d’un plugin WordPress. Il y en a tellement (plugins), gratuits et premium, mais si vous ne pouvez pas obtenir exactement ce que vous recherchez, créez-en un et partagez-le avec le monde entier. 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 de cent (100) plugins WordPress pour vous permettre de démarrer:

  • 25+ meilleurs plugins de médias sociaux
  • 20 grands plugins d’administration WordPress
  • Les meilleurs plugins d’adhésion WordPress
  • 10 plugins BuddyPress que vous devez avoir (Bonjour-oo, votre site HTML existant est-il un réseau social?)
  • Top 10 des filtres à grossièretés WordPress et des plugins de blocage du spam

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

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

Redirection des liens dans WordPress

redirections simples 301

Avec votre contenu dans WordPress, les fonctionnalités restaurées et votre nouveau site WordPress en bon état, vous ne pouvez rencontrer qu’un seul autre problème: les liens rompus. Les liens rompus peuvent voler toute la joie de votre processus de migration et renvoyer des 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 simple 301 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 pour 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 rompus.

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 utiliser la méthode .htaccess, voici le code de redirection que vous ajouteriez à 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 page et que l’URL de destination doit être l’URL complète, http: // incluse. 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/

Pointage de votre domaine vers le nouveau site WordPress

Quelle est l’utilité de passer des heures à migrer votre site si personne ne le voit jamais? Dirigeons votre domaine vers le nouveau site. Je n’entrerai pas dans les détails puisque le Codex WordPress a un excellent article à ce sujet 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ôtes, 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 la modification de vos enregistrements A, un processus simple comme ABC.

Balayage final…

Pouces vers le haut!

Avant de publier enfin votre nouveau site WordPress propulsé dans le monde entier, vérifiez à nouveau les liens brisés, examinez 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.). Configurez vos permaliens (accédez à Paramètres -> Permaliens), analytics, rendez votre site visible aux 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. Le message n’est pas destiné aux sites Web extrêmement volumineux. Si vous avez des questions ou souhaitez contribuer, n’hésitez pas à utiliser la section 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.

Share: