WordPress ist in erster Linie für Blog-Beiträge und -Seiten konzipiert, aber es gibt Fälle, in denen Sie Ihrer Website eine statische HTML-Seite hinzufügen müssen. Dies kann für individuelle Designs oder eigenständige Inhalte nützlich sein.
Das Problem ist, dass WordPress diese HTML-Seiten nicht automatisch erkennt, was zu 404-Fehlern führen kann. Wir haben gesehen, dass viele Anfänger mit diesem Problem zu kämpfen haben.
In diesem Artikel zeigen wir Ihnen die richtigen Schritte, um eine HTML-Seite in WordPress hochzuladen, ohne einen 404-Fehler auszulösen. Wir verwenden dieselben Schritte, wenn wir eine HTML-Seite zu einer WordPress-Website hinzufügen.
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.
Ausgezeichnete WordPress Plugins für Landing Pages ermöglichen es Ihnen, schöne Templates für Seiten mit einem Drag-and-drop-Builder zu erstellen.
In den meisten Fällen ist es nicht erforderlich, eine HTML Seite auf Ihre WordPress Website hochzuladen.
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.
Es kann jedoch vorkommen, dass Sie statische HTML-Seiten von Ihrer alten Website oder ein statisches Template haben, das Ihnen gefällt und das 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 hochzuladende HTML-Seite vorbereiten.
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, wie folgt an das Ende der Adresse Ihrer Website anhängen:
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 Ihrer Website-Adresse 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 Berechtigungen für Ihre neu hochgeladene HTML-Seite oder Ihren Uploads-Ordner auftreten.
Verbinden Sie sich einfach über einen FTP-Client mit Ihrer Website und wählen Sie die hochgeladene HTML-Seite oder den Ordner aus.
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 Einzelheiten finden Sie in unserer Anleitung zur Behebung von Fehlern bei Datei- und Ordnerberechtigungen 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 den Button „Ä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.
Bonus-Ressourcen
Im Folgenden finden Sie einige zusätzliche Ressourcen, die Ihnen bei der Behandlung von 404-Fehlern oder der Verwaltung von Seiten auf Ihrer Website hilfreich sein können:
- Wie Sie Ihr Template für die 404 Seiten in WordPress verbessern können (2 Wege)
- Warnmeldung/Warnhinweis, -hinweis, -meldung per E-Mail bei 404-Fehlern in WordPress
- Beste kostenlose 404 Redirect Plugins für WordPress
- WordPress-Seiten per Drag-and-drop organisieren oder neu anordnen
Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man eine HTML Seite in WordPress hochlädt, ohne Fehler zu verursachen. Vielleicht interessiert Sie auch unser WordPress-SEO-Leitfaden für mehr Traffic oder unser 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
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
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
You’re welcome
Admin
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.