Comment téléverser une page HTML sur WordPress sans erreurs 404

Vous souvenez-vous de l'époque des sites web HTML statiques ? Nous oui. Même maintenant, avec WordPress alimentant plus de 43 % de tous les sites web, il y a des moments où vous devez télécharger une page HTML personnalisée. Mais voilà le problème : WordPress ne s'entend pas toujours bien avec les téléchargements HTML, accueillant souvent les utilisateurs avec la redoutée page d'erreur 404.

Nous avons passé des années à aider les utilisateurs de WordPress à résoudre ce problème exact via WPBeginner. Ce que nous avons appris, c'est que la plupart des gens font les mêmes erreurs courantes lorsqu'ils essaient de télécharger des pages HTML, ce qui entraîne des maux de tête inutiles et une perte de temps.

Laissez-nous vous guider à travers le processus éprouvé que nous utilisons pour télécharger des pages HTML sur WordPress sans aucune erreur 404. Que vous ajoutiez une page de destination spéciale ou que vous intégriez du contenu hérité, ces étapes vous feront gagner des heures de dépannage.

Pourquoi télécharger des pages HTML sur WordPress ?

WordPress facilite la création et la gestion de contenu à l'aide de pages et d'articles intégrés. La plupart des thèmes sont même livrés avec des modèles prédéfinis, ce qui permet de créer facilement des pages d'aspect professionnel sans toucher une seule ligne de code.

Nous avons créé d'innombrables pages en utilisant des plugins de page de destination WordPress comme SeedProd, qui nous permettent de concevoir des pages avec une interface glisser-déposer. Dans la plupart des cas, vous n'aurez pas besoin de télécharger manuellement une page HTML sur WordPress.

Cela dit, il y a des moments où l'importation d'une page HTML a du sens. Peut-être avez-vous une page statique d'un ancien site que vous souhaitez réutiliser, ou vous avez trouvé un modèle HTML qui correspond parfaitement à vos besoins.

Nous avons déjà rencontré cette situation lors de la migration d'anciens sites Web ou de l'intégration de pages de destination personnalisées. Le défi est que WordPress utilise sa propre structure d'URL conviviale pour le référencement, ce qui peut provoquer une erreur 404 si la page HTML n'est pas importée correctement.

Heureusement, nous avons trouvé des solutions simples pour importer des pages HTML dans WordPress sans casser votre site. Passons en revue les étapes.

Importer une page HTML sur un site WordPress

Tout d'abord, vous devez préparer la page HTML que vous souhaitez importer.

S'il s'agit d'une seule page HTML sans fichiers CSS ou images séparés, vous pouvez l'importer telle quelle.

Cependant, si la page que vous souhaitez importer a des fichiers CSS et des images séparés, vous devez les placer dans une structure de répertoire.

Idéalement, vous voudriez placer vos fichiers dans un dossier sur votre ordinateur.

N'oubliez pas d'ouvrir votre fichier HTML principal pour vous assurer que tout fonctionne comme prévu.

Ensuite, vous devez vous connecter à votre site WordPress en utilisant un client FTP ou l'application Gestionnaire de fichiers dans le panneau de contrôle de votre compte d'hébergement.

Après cela, vous devez télécharger le dossier que vous avez créé précédemment dans le dossier racine de votre site WordPress. Le dossier racine est celui qui contient les dossiers wp-admin, wp-content et wp-includes.

Après avoir téléchargé vos fichiers, vous pouvez aller sur votre site pour voir votre page HTML.

Si vous avez téléchargé le dossier avec les fichiers HTML, CSS et images qui l'accompagnent, vous devrez ajouter le nom du dossier que vous avez téléchargé à la fin de l'adresse de votre site web comme ceci :

https://example.com/landing-page/

Remarque : Le fichier HTML principal de votre dossier doit s'appeler index.html. Sinon, vous devrez également spécifier le nom du fichier HTML.

D'autre part, si vous avez téléchargé un fichier HTML autonome, ajoutez simplement le nom du fichier HTML à la fin de l'adresse de votre site web :

https://example.com/landing-page.html

Vous verrez maintenant votre page HTML téléchargée.

Si vous tombez sur une page d'erreur, vous devrez résoudre le problème.

Dépannage du téléchargement de pages HTML dans WordPress

Normalement, vous devriez pouvoir voir votre page HTML en visitant la page ou le dossier directement.

Cependant, en raison des règles de réécriture utilisées par WordPress ou votre serveur web, il est possible que vous rencontriez des erreurs WordPress courantes.

1. Correction de l'erreur 404 après le téléchargement d'une page HTML dans WordPress

L'erreur 404 est l'une des erreurs WordPress les plus courantes. Cependant, elle est assez facile à corriger dans la plupart des cas.

Si vous rencontrez une erreur 404 après avoir téléchargé votre page HTML, il vous suffit d'ajouter une règle de réécriture à votre fichier .htaccess :

RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]

2. Correction de l'erreur 403 après le téléchargement d'une page HTML dans WordPress

Une erreur 403 peut également survenir en raison des permissions de fichiers sur votre page HTML nouvellement téléchargée ou sur votre dossier téléchargé.

Connectez-vous simplement à votre site web à l'aide d'un client FTP et cliquez pour sélectionner la page HTML ou le dossier que vous avez téléchargé.

Ensuite, faites un clic droit puis sélectionnez l'option « Permissions des fichiers » dans votre client FTP.

Cela ouvrira une fenêtre contextuelle de permissions de fichiers. Entrez « 755 » dans le champ de valeur numérique et cochez l'option « Récursion dans les sous-répertoires ».

En dessous, sélectionnez l'option « Appliquer à tous les fichiers et répertoires » et cliquez sur le bouton « OK ».

Cela définira les permissions de fichiers pour votre dossier de téléchargement HTML et tous les fichiers et dossiers qu'il contient.

Pour plus de détails, consultez notre tutoriel sur comment corriger les erreurs de permissions de fichiers et de dossiers dans WordPress.

Ajout de votre page HTML personnalisée aux sitemaps XML

Maintenant que vous avez téléchargé votre page HTML, il est temps de faire savoir aux moteurs de recherche qu'elle fait partie de votre site web.

La façon la plus simple de le faire est de l'ajouter aux sitemaps XML de votre site web.

Si vous n'avez pas encore configuré de sitemaps, suivez les instructions de notre article sur comment ajouter des sitemaps XML dans WordPress.

Tout d'abord, vous devrez installer et activer le plugin All in One SEO pour WordPress. Pour plus de détails, consultez notre article sur l'installation d'un plugin WordPress.

Après l'activation, allez à la page All in One SEO » Sitemaps. Sous la page des paramètres généraux, assurez-vous que le bouton 'Activer le sitemap' est activé.

Après cela, faites défiler un peu vers le bas jusqu'à la section Pages supplémentaires.

Faites glisser le bouton pour activer cette section, puis entrez l'URL de votre page HTML ou de votre dossier sous l'option 'URL de la page'.

Cliquez sur le bouton 'Ajouter une page' pour l'ajouter.

Après cela, n'oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour enregistrer vos paramètres.

All in One SEO inclura désormais l'URL de votre page HTML personnalisée dans vos sitemaps XML WordPress. Les moteurs de recherche pourront trouver l'URL et la traiter comme n'importe quelle autre page de votre site web.

Ressources bonus

Voici quelques ressources supplémentaires qui pourraient vous être utiles pour gérer les erreurs 404 ou administrer les pages de votre site web :

• Comment améliorer votre modèle de page 404 dans WordPress (2 méthodes)
• Comment recevoir des alertes par e-mail pour les erreurs 404 dans WordPress
• Meilleurs plugins de redirection 404 gratuits pour WordPress
• Comment organiser ou réorganiser les pages WordPress avec glisser-déposer

Nous espérons que cet article vous a aidé à apprendre comment téléverser une page HTML sur WordPress sans causer d'erreurs. Vous pourriez également consulter notre guide SEO WordPress pour obtenir plus de trafic ou notre guide pour débutants sur la vitesse et les performances de WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.