Mit WordPress können Sie Blogbeiträge und Seiten für Ihre Website erstellen. Manche Benutzer müssen jedoch eine separate statische HTML-Seite hinzufügen und sie zusammen mit ihrer allgemeinen WordPress-Website zugänglich machen.
Das Problem ist, dass diese Seite von WordPress nicht erkannt wird und möglicherweise die 404-Fehlerseite angezeigt wird.
In diesem Artikel zeigen wir Ihnen, wie Sie eine HTML-Seite richtig in WordPress hochladen, ohne einen 404-Fehler zu verursachen.
Warum HTML-Seiten in WordPress hochladen?
WordPress verfügt über einen integrierten Inhaltstyp, mit dem Sie Ihrer Website Seiten hinzufügen können. Oft fügen WordPress-Themes vorgefertigte Seitenvorlagen hinzu, um Ihre Seiten anzuzeigen.
Es gibt sogar WordPress-Plugins für Landing Pages, mit denen Sie schöne Seitenvorlagen mit einem Drag-and-Drop-Builder erstellen können.
Das bedeutet, dass Sie in den meisten Fällen keine HTML-Seite auf Ihre WordPress-Website hochladen müssen.
Experten-Tipp: Wir empfehlen die Verwendung von SeedProd, dem besten WordPress-Plugin für den Seitenaufbau, um individuelle Seiten zu gestalten. Sie können die Drag-and-Drop-Oberfläche verwenden, um Ihre Landing Page zu gestalten. Außerdem enthält es professionell gestaltete Vorlagen, die Sie als Ausgangspunkt verwenden können.
Manchmal haben Sie jedoch statische HTML-Seiten von Ihrer alten Website oder eine statische Vorlage, die Ihnen gefällt und die Sie verwenden möchten.
In diesen Fällen müssen Sie Ihre HTML-Seite in WordPress hochladen.
Da WordPress über eine eigene , SEO-freundliche URL-Struktur verfügt, kann es zu einem 404-Fehler kommen, wenn Sie Ihre HTML-Seite einfach hochladen und versuchen, sie aufzurufen.
Schauen wir uns also an, wie Sie eine HTML-Seite auf Ihre WordPress-Website hochladen können, ohne 404-Fehler zu verursachen.
Hochladen einer HTML-Seite auf eine WordPress-Website
Zunächst müssen Sie die HTML-Seite vorbereiten, die Sie hochladen möchten.
Wenn es sich um eine einzelne HTML-Seite ohne separate CSS- oder Bilddateien handelt, können Sie sie so hochladen, wie sie ist.
Wenn die Seite, die Sie hochladen möchten, jedoch separate CSS-Dateien und Bilder enthält, müssen Sie diese in einer Verzeichnisstruktur ablegen.
Idealerweise sollten Sie Ihre Dateien in einem Ordner auf Ihrem Computer ablegen.
Vergessen Sie nicht, Ihre Haupt-HTML-Datei zu öffnen, um sicherzustellen, dass alles wie erwartet funktioniert.
Als Nächstes müssen Sie eine Verbindung zu Ihrer WordPress-Website herstellen , indem Sie einen FTP-Client oder die Dateimanager-App in Ihrem Hosting-Kontrollpanel verwenden.
Danach müssen Sie den Ordner, den Sie zuvor erstellt haben, in den Stammordner Ihrer WordPress-Website hochladen. Der Stammordner ist der Ordner, in dem sich die Ordner wp-admin, wp-content und wp-includes befinden.
Nachdem Sie Ihre Dateien hochgeladen haben, können Sie Ihre HTML-Seite auf Ihrer Website anzeigen.
Wenn Sie den Ordner mit HTML und den dazugehörigen CSS- und Bilddateien hochgeladen haben, müssen Sie den Namen des Ordners, den Sie hochgeladen haben, an das Ende der Adresse Ihrer Website anhängen, etwa so:
https://example.com/landing-page/
Hinweis: Die wichtigste HTML-Datei in Ihrem Ordner sollte index.html heißen. Andernfalls müssen Sie auch den Namen der HTML-Datei angeben.
Wenn Sie hingegen eine eigenständige HTML-Datei hochgeladen haben, fügen Sie einfach den HTML-Dateinamen an das Ende der Adresse Ihrer Website an:
https://example.com/landing-page.html
Sie sehen nun Ihre hochgeladene HTML-Seite.
Wenn Sie auf eine Fehlerseite stoßen, müssen Sie die Fehlerursache beheben.
Fehlerbehebung beim Hochladen von HTML-Seiten in WordPress
Normalerweise sollten Sie Ihre HTML-Seite anzeigen können, indem Sie die Seite oder den Ordner direkt aufrufen.
Aufgrund der von WordPress oder Ihrem Webserver verwendeten Rewrite-Regeln besteht jedoch die Möglichkeit, dass Sie auf einige häufige WordPress-Fehler stoßen.
1. Behebung des 404-Fehlers nach dem Hochladen einer HTML-Seite in WordPress
Der 404-Fehler ist einer der häufigsten WordPress-Fehler. In den meisten Fällen ist er jedoch recht einfach zu beheben.
Wenn Sie nach dem Hochladen Ihrer HTML-Seite eine 404-Fehlermeldung erhalten, müssen Sie lediglich eine Rewrite-Regel zu Ihrer .htaccess-Datei hinzufügen:
RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]
2. Behebung des Fehlers 403 nach dem Hochladen einer HTML-Seite in WordPress
Ein 403-Fehler kann auch aufgrund von Dateiberechtigungen für Ihre neu hochgeladene HTML-Seite oder den Ordner, den Sie hochgeladen haben, auftreten.
Verbinden Sie sich einfach über einen FTP-Client mit Ihrer Website und wählen Sie die HTML-Seite oder den Ordner aus, den Sie hochgeladen haben.
Klicken Sie dann mit der rechten Maustaste und wählen Sie in Ihrem FTP-Client die Option „Dateizugriffsrechte“.
Daraufhin wird ein Popup-Fenster mit den Dateiberechtigungen angezeigt. Geben Sie „755“ in das Feld für den numerischen Wert ein und aktivieren Sie die Option „In Unterverzeichnissen rekursieren“.
Darunter wählen Sie die Option „Auf alle Dateien und Verzeichnisse anwenden“ und klicken auf die Schaltfläche „OK“.
Dadurch werden die Dateiberechtigungen für Ihren HTML-Upload-Ordner und alle darin enthaltenen Dateien und Ordner festgelegt.
Weitere Details finden Sie in unserem Tutorial zur Behebung von Datei- und Ordnerberechtigungsfehlern in WordPress.
Hinzufügen Ihrer benutzerdefinierten HTML-Seite zu XML-Sitemaps
Jetzt, wo Sie Ihre HTML-Seite hochgeladen haben, ist es an der Zeit, die Suchmaschinen wissen zu lassen, dass sie Teil Ihrer Website ist.
Am einfachsten geht das, indem Sie sie zu den XML-Sitemaps Ihrer Website hinzufügen.
Wenn Sie noch keine Sitemaps eingerichtet haben, folgen Sie den Anweisungen in unserem Artikel über das Hinzufügen von XML-Sitemaps in WordPress.
Zunächst müssen Sie das All in One SEO for WordPress-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserem Artikel über die Installation eines WordPress-Plugins.
Gehen Sie nach der Aktivierung auf die Seite All in One SEO “ Sitemaps. Vergewissern Sie sich auf der Seite Allgemeine Einstellungen, dass der Schalter „Sitemap aktivieren“ aktiviert ist.
Danach blättern Sie ein wenig nach unten zum Abschnitt Zusätzliche Seiten.
Schieben Sie den Kippschalter, um diesen Bereich zu aktivieren, und geben Sie dann die URL Ihrer HTML-Seite oder Ihres Ordners unter der Option „Seiten-URL“ ein.
Klicken Sie auf die Schaltfläche „Seite hinzufügen“, um sie hinzuzufügen.
Vergessen Sie danach nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Einstellungen zu speichern.
All in One SEO wird nun Ihre benutzerdefinierte HTML-Seiten-URL in Ihre WordPress XML-Sitemaps aufnehmen. Suchmaschinen werden in der Lage sein, die URL zu finden und sie wie jede andere Seite auf Ihrer Website zu behandeln.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man eine HTML-Seite in WordPress hochlädt, ohne Fehler zu verursachen. Vielleicht interessieren Sie sich auch für unseren WordPress-SEO-Leitfaden für mehr Traffic oder unseren Leitfaden für Einsteiger zu Geschwindigkeit und Leistung von WordPress.
Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Dennis Muthomi says
This was really helpful!
I was able to upload the HTML files correctly using FileZilla and it actually worked without any issues. Adding the custom page to the XML sitemaps was also a great tip to make sure search engines can find it.
thanks for providing such a clear walkthrough!
WPBeginner Support says
You’re welcome
Admin
Jiří Vaněk says
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 says
Glad our guide could help
Admin
Irene says
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 says
Thank you, glad we can help solve any issues you run into
Admin
David Leitch says
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 says
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 says
Found this article helpful. Keep the good work up.