Vous souvenez-vous de l’époque des sites HTML statiques ? Nous nous en souvenons. Même aujourd’hui, alors que WordPress alimente plus de 43 % de tous les sites web, il arrive que vous ayez besoin de téléverser une page HTML personnalisée. Mais il y a un problème : WordPress n’est pas toujours très gentil avec les téléversements HTML, accueillant souvent les utilisateurs/utilisatrices avec la redoutable page d’erreur 404.
Nous avons passé des années à aider les utilisateurs/utilisatrices de WordPress à résoudre ce problème exact grâce à WPBeginner. Ce que nous avons appris, c’est que la plupart des gens font les mêmes erreurs communes lorsqu’ils essaient de téléverser des pages HTML, ce qui conduit à 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éverser des pages HTML sur WordPress sans aucune erreur 404. Qu’il s’agisse d’ajouter une page d’atterrissage spéciale ou d’intégrer un contenu ancien, ces étapes vous enregistreront des heures de dépannage.

Pourquoi Téléverser des pages HTML sur WordPress ?
WordPress facilite la création et la gestion de contenu à l’aide de pages et de publications intégrées. La plupart des thèmes sont même livrés avec des modèles préconçus, ce qui facilite la création de pages d’aspect professionnel sans toucher à une seule ligne de code.
Nous avons créé d’innombrables pages à l’aide d’extensions de pages d’atterrissage WordPress telles que SeedProd, qui nous permettent de concevoir des pages à l’aide d’une interface de type “glisser-déposer”. Dans la plupart des cas, vous n’aurez pas besoin de téléverser manuellement une page HTML sur WordPress.
💡 A stuce d’expert : Si vous avez besoin d’un design de page personnalisé, nous vous recommandons SeedProd, le meilleur plugin de constructeur de page WordPress. Avec son éditeur drag-and-drop, nous avons créé des pages d’atterrissage à fort taux de conversion en quelques minutes. De plus, il est livré avec des modèles professionnels, de sorte que vous n’avez pas à partir de zéro. Consultez notre Avis détaillé sur SeedProd pour plus de détails.

Cela dit, il arrive que le téléversement d’une page HTML soit judicieux. Vous avez peut-être une page statique d’un ancien site que vous souhaitez réutiliser, ou vous avez trouvé un modèle HTML qui répond parfaitement à vos besoins.
Nous avons déjà rencontré cette situation lors de la migration de sites plus anciens ou de l’intégration de pages d’atterrissage personnalisées. Le problème est que WordPress utilise sa propre structure d’URL adaptée au référencement, ce qui peut provoquer une erreur 404 si la page HTML n’est pas téléversée correctement.
Heureusement, nous avons trouvé des solutions simples pour téléverser des pages HTML sur WordPress sans casser votre site. Passons en revue les différentes étapes.
Téléverser une page HTML sur un site WordPress
Tout d’abord, vous devez préparer la page HTML que vous souhaitez téléverser.
S’il s’agit d’une page HTML unique sans fichiers CSS ou images séparés, vous pouvez la téléverser telle quelle.
Toutefois, si la page que vous souhaitez téléverser comporte des fichiers CSS et des images distincts, vous devez les placer dans une structure de répertoire.
Idéalement, vous devriez 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 à l’aide d’un client FTP ou de l’application Gestionnaire de fichiers du panneau de contrôle de votre compte hébergeur.
Ensuite, vous devez téléverser 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éversé vos fichiers, vous pouvez aller sur votre site pour voir votre page HTML.
Si vous avez téléversé le dossier avec le code HTML et les fichiers CSS et images qui l’accompagnent, vous devrez ajouter le nom du dossier téléversé à la fin de l’adresse de votre site, comme suit :
https://example.com/landing-page/
Note : Le fichier HTML principal de votre dossier doit s’appeler index.html. Dans le cas contraire, vous devrez également indiquer le nom du fichier HTML.
En revanche, si vous avez téléversé un fichier HTML autonome, il vous suffit d’ajouter le nom du fichier HTML à la fin de l’adresse de votre site :https://example.com/landing-page.html.
La page HTML téléversée s’affiche.
Si vous tombez sur une page d’erreur, vous devrez dépanner l’erreur.
Dépannage du téléversement de pages HTML dans WordPress
Normalement, vous devriez pouvoir voir votre page HTML en visitant directement la page ou le dossier.
Toutefois, en raison des règles de réécriture utilisées par WordPress ou votre serveur web, il est possible que vous rencontriez certaines erreurs courantes de WordPress.
1. Corrigé l’erreur 404 après le téléversement 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 obtenez une erreur 404 après avoir téléversé votre page HTML, il vous suffit d’ajouter une règle de réécriture à votre fichier .htaccess:
1 | RewriteRule ^(.*)index\.(php|html?)$ / $1 [R=301,NC,L] |
2. Corrigé l’erreur 403 après avoir téléversé une page HTML dans WordPress
Une erreur 403 peut également se produire en raison des droits de fichier sur votre page HTML nouvellement téléversée ou sur votre dossier téléversé.
Il vous suffit de vous connecter à votre site à l’aide d’un client FTP et de cliquer pour sélectionner la page HTML ou le dossier que vous avez téléversé.
Ensuite, cliquez avec le bouton droit de la souris et sélectionnez l’option “Droits des fichiers” dans votre client FTP.

Une fenêtre surgissante de droits de fichiers s’affiche. Saisissez ‘755’ dans le champ de valeur numérique et cochez l’option ‘Rechercher dans les sous-répertoires’.
Sélectionné l’option ‘Appliquer à tous les fichiers et répertoires’ et cliqué sur le bouton ‘OK’.

Cette opération définit les droits d’accès à votre outil de téléversement HTML et à tous les fichiers et dossiers qu’il contient.
Pour plus de détails, consultez notre tutoriel sur la façon de corriger les erreurs de droits de fichiers et de dossiers sur WordPress.
Ajout d’une page HTML personnalisée à XML Sitemaps
Maintenant que vous avez téléversé votre page HTML, il est temps de faire savoir aux moteurs de recherche qu’elle fait partie de votre site.
La façon la plus simple de le faire est de l’ajouter aux sitemaps XML de votre site.
Si vous n’avez pas encore configuré de sitemaps, suivez les instructions de notre article sur la façon d’ajouter des sitemaps XML dans WordPress.
Tout d’abord, vous devrez installer et activer l’extension All in One SEO pour WordPress. Pour plus de détails, consultez notre article sur l’installation d’une extension WordPress.
Une fois activé, rendez-vous sur la page All in One SEO ” Plans de site. Dans la page Réglages généraux, assurez-vous que le permutateur “Activer le plan de site” est activé.

Ensuite, défilez un peu vers le bas jusqu’à la section Pages supplémentaires.
Diapositive : activez cette section et saisissez l’URL de votre page HTML ou de votre dossier dans l’option “URL de la page”.

Cliquez sur le bouton “Ajouter une page” pour l’ajouter.
Ensuite, n’oubliez pas de cliquer sur le bouton “Enregistrer les modifications” pour stocker vos réglages.
All in One SEO inclura désormais l’URL de votre page HTML personnalisée dans vos plans de site XML WordPress. Les moteurs de recherche pourront trouver l’URL et la traiter comme n’importe quelle autre page de votre site.
Ressources en prime
Vous trouverez ci-dessous des ressources supplémentaires qui peuvent vous être utiles pour traiter les erreurs 404 ou gérer les pages de votre site :
- Comment améliorer le Modèle de votre page 404 dans WordPress (2 façons)
- Comment recevoir des e-mails d’alerte en cas d’erreur 404 sur WordPress ?
- Les meilleures extensions gratuites de redirection 404 pour WordPress
- Comment organiser ou réorganiser les pages de WordPress par Glisser-Déposer
Nous espérons que cet article vous a aidé à apprendre comment téléverser une page HTML sur WordPress sans provoquer d’erreurs. Vous pouvez également consulter notre guide de référencement WordPress pour obtenir plus de trafic ou notre guide du débutant sur la vitesse et les performances de WordPress.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
Jiří Vaněk
Thank you for the advice. I tried it on FTP without success and the only thing missing for it to work was the htaccess code. Perfect.
WPBeginner Support
Glad our guide could help
Admin
Irene
Anytime I have any WordPress related question and I search on Google, I always know I would get the most reliable and very simplified explanation whenever I scroll to find WPbeginners article on the search results.
This article and your other articles have always been helpful. I’m glad I belong here. Thank you.
WPBeginner Support
Thank you, glad we can help solve any issues you run into
Admin
David Leitch
Hi Thanks for this article. It almost solves my workflow problem.
I have some excel files I update each week. I want to upload charts and tables from those files to word press each week. Preferably the upload would happen automatically but the only way I have seen to do this is to save the excel page as .htm. I wanted to save it into the wordpress directory and then use an embed link. Do you have a suggestion?
thank you
WPBeginner Support
For what it sounds like you’re wanting, you would want to take a look at our article here: https://www.wpbeginner.com/plugins/how-to-embed-pdf-spreadsheet-and-others-in-wordpress-blog-posts/
Admin
Raashid Din DAR
Found this article helpful. Keep the good work up.