Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

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.

How to upload an HTML page to WordPress

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.

SeedProd page builder

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.

Arrange HTML page

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.

Upload files

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.

Open file permissions

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’.

File permissions checkbox

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é.

AIOSEO sitemaps

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”.

Add page URL

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 :

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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

7 commentairesLeave a Reply

  1. 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

  2. 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

  3. 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

  4. Raashid Din DAR

    Found this article helpful. Keep the good work up.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.