So laden Sie eine HTML-Seite in WordPress ohne 404-Fehler hoch

Erinnern Sie sich an die Zeiten von statischen HTML-Websites? Wir tun es. Selbst jetzt, wo WordPress über 43 % aller Websites antreibt, gibt es Zeiten, in denen Sie eine benutzerdefinierte HTML-Seite hochladen müssen. Aber hier ist die Sache – WordPress spielt nicht immer gut mit HTML-Uploads, und begrüßt Benutzer oft mit der gefürchteten 404-Fehlerseite.

Wir haben jahrelang WordPress-Benutzern geholfen, genau dieses Problem über WPBeginner zu lösen. Wir haben gelernt, dass die meisten Leute die gleichen häufigen Fehler machen, wenn sie versuchen, HTML-Seiten hochzuladen, was zu unnötigen Kopfschmerzen und Zeitverschwendung führt.

Lassen Sie uns Sie durch den bewährten Prozess führen, den wir verwenden, um HTML-Seiten ohne 404-Fehler nach WordPress hochzuladen. Egal, ob Sie eine spezielle Landing Page hinzufügen oder Legacy-Inhalte integrieren, diese Schritte sparen Ihnen Stunden bei der Fehlerbehebung.

Schnelle Antwort: HTML-Seite ohne 404-Fehler in WordPress hochladen

Laden Sie Ihre HTML-Datei (oder Ihren Ordner) per FTP oder Dateimanager in das Stammverzeichnis Ihrer Website hoch. Greifen Sie darauf unter example.com/ihre-datei.html oder example.com/ihr-ordner/ zu. Wenn Sie eine 404-Fehlermeldung erhalten, fügen Sie eine Rewrite-Regel zu Ihrer .htaccess-Datei hinzu. Bei 403-Fehlern setzen Sie die Dateiberechtigungen auf 755.

Warum HTML-Seiten in WordPress hochladen?

Manchmal müssen Sie eine statische HTML-Seite von einer alten Website oder einer benutzerdefinierten Vorlage hinzufügen, die WordPress nicht selbst generiert.

• Alte Seiten wiederverwenden – migrieren Sie statische Inhalte von älteren Websites, ohne neu aufbauen zu müssen
• Benutzerdefinierte Landingpages – laden Sie vorgefertigte HTML-Vorlagen hoch, die nicht zu Standard-WordPress-Themes passen

Die meisten Themes enthalten vordefinierte Vorlagen und WordPress Landingpage-Plugins wie SeedProd ermöglichen es Ihnen, Seiten mit einer Drag-and-Drop-Oberfläche zu gestalten. In den meisten Fällen müssen Sie also keine HTML-Seite manuell hochladen.

Experten-Tipp: Wenn Sie ein benutzerdefiniertes Seitendesign benötigen, empfehlen wir SeedProd, das beste WordPress Page Builder Plugin. Mit seinem Drag-and-Drop-Editor haben wir in wenigen Minuten hochkonvertierende Landingpages erstellt. Außerdem enthält es professionelle Vorlagen, sodass Sie nicht bei Null anfangen müssen. Sehen Sie sich unseren detaillierten SeedProd-Testbericht für weitere Informationen an.

Dennoch gibt es Zeiten, in denen das Hochladen einer HTML-Seite sinnvoll ist. Vielleicht haben Sie eine statische Seite von einer alten Website, die Sie wiederverwenden möchten, oder Sie haben eine HTML-Vorlage gefunden, die perfekt zu Ihren Bedürfnissen passt.

Wir sind dieser Situation schon früher begegnet, als wir ältere Websites migriert oder benutzerdefinierte Landing Pages integriert haben. Die Herausforderung besteht darin, dass WordPress seine eigene SEO-freundliche URL-Struktur verwendet, die zu einem 404-Fehler führen kann, wenn die HTML-Seite nicht korrekt hochgeladen wird.

Glücklicherweise haben wir einfache Lösungen gefunden, um HTML-Seiten in WordPress hochzuladen, ohne Ihre Website zu beschädigen. Lassen Sie uns die Schritte durchgehen.

HTML-Seite auf WordPress-Website hochladen

Schritt 1. Bereiten Sie Ihre HTML-Datei oder Ihren Ordner vor

Zuerst 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 platzieren.

Idealerweise möchten 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.

Schritt 2: Verbindung per FTP oder Dateimanager herstellen

Als Nächstes müssen Sie sich mit Ihrer WordPress-Website über einen FTP-Client oder die Dateimanager-App in Ihrem Hosting-Kontrollpanel (wie cPanel) verbinden.

Schritt 3: In das Stammverzeichnis hochladen

Danach müssen Sie den zuvor erstellten Ordner in das Stammverzeichnis Ihrer WordPress-Website hochladen. Das Stammverzeichnis ist das Verzeichnis, das die Ordner wp-admin, wp-content und wp-includes enthält.

Schritt 4: Besuchen Sie Ihre HTML-Seite

Nach dem Hochladen Ihrer Dateien können Sie Ihre Website besuchen, um Ihre HTML-Seite anzuzeigen.

Wenn Sie den Ordner mit HTML und den dazugehörigen CSS- und Bilddateien hochgeladen haben, müssen Sie den Namen des hochgeladenen Ordners an das Ende Ihrer Website-Adresse anhängen, wie folgt:

https://example.com/landing-page

Hinweis: Die Haupt-HTML-Datei in Ihrem Ordner sollte index.html heißen. Andernfalls müssen Sie auch den Namen der HTML-Datei angeben.

Wenn Sie andererseits eine eigenständige HTML-Datei hochgeladen haben, fügen Sie einfach den HTML-Dateinamen am Ende Ihrer Website-Adresse hinzu:

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

Sie sehen nun Ihre hochgeladene HTML-Seite.

Wenn Sie auf eine Fehlerseite stoßen, müssen Sie den Fehler 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 kann es jedoch vorkommen, dass Sie auf einige häufige Fehler stoßen.

Hier ist ein schneller Vergleich der beiden häufigsten Fehler und ihrer Behebungen:

Fehler	Ursache	Behebung
404 Nicht gefunden	Konflikt mit WordPress-Rewrite-Regeln	Fügen Sie eine Rewrite-Regel zu .htaccess hinzu
403 Verboten	Falsche Dateiberechtigungen	Berechtigungen auf 755 setzen

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 einen 404-Fehler sehen, müssen Sie lediglich eine Rewrite-Regel zu Ihrer .htaccess-Datei hinzufügen:

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

Behebung des 403-Fehlers nach dem Hochladen einer HTML-Seite in WordPress

Ein 403-Fehler kann auch aufgrund von Dateiberechtigungen auf Ihrer neu hochgeladenen HTML-Seite oder Ihrem hochgeladenen Ordner auftreten.

Verbinden Sie sich einfach mit Ihrer Website über einen FTP-Client und klicken Sie, um die HTML-Seite oder den Ordner auszuwählen, den Sie hochgeladen haben.

Klicken Sie als Nächstes mit der rechten Maustaste und wählen Sie dann im FTP-Client die Option „Dateiberechtigungen“.

Dies öffnet ein Popup für Dateiberechtigungen. Geben Sie „755“ in das Feld für den numerischen Wert ein und aktivieren Sie die Option „Rekursiv in Unterverzeichnisse“.

Wählen Sie darunter die Option „Auf alle Dateien und Verzeichnisse anwenden“ und klicken Sie auf die Schaltfläche „OK“.

Dies legt die Dateiberechtigungen für Ihren HTML-Upload-Ordner und alle darin enthaltenen Dateien und Ordner fest.

Weitere Details finden Sie in unserem Tutorial zur Behebung von Datei- und Ordnerberechtigungsfehlern in WordPress.

Hinzufügen Ihrer benutzerdefinierten HTML-Seite zu XML-Sitemaps

Schritt 1: Installieren Sie All in One SEO

Jetzt, da Sie Ihre HTML-Seite hochgeladen haben, ist es an der Zeit, Suchmaschinen mitzuteilen, dass sie Teil Ihrer Website ist.

Der einfachste Weg, dies zu tun, ist, sie zu den XML-Sitemaps Ihrer Website hinzuzufügen.

Wenn Sie noch keine Sitemaps eingerichtet haben, folgen Sie den Anweisungen in unserem Artikel zum Hinzufügen von XML-Sitemaps in WordPress.

Zuerst müssen Sie das Plugin All in One SEO for WordPress installieren und aktivieren. Weitere Details finden Sie in unserem Artikel zur Installation eines WordPress-Plugins.

Schritt 2: Aktivieren Sie Sitemaps und fügen Sie Ihre Seite hinzu

Nach der Aktivierung gehen Sie zur Seite All in One SEO » Sitemaps. Stellen Sie auf der Seite Allgemeine Einstellungen sicher, dass der Schalter 'Sitemap aktivieren' eingeschaltet ist.

Scrollen Sie danach ein wenig nach unten zum Abschnitt Zusätzliche Seiten.

Schieben Sie den Schalter, um diesen Abschnitt zu aktivieren, und geben Sie dann Ihre HTML-Seite oder Ordner-URL 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 können die URL finden und sie wie jede andere Seite Ihrer Website behandeln.

Häufig gestellte Fragen

Kann ich mehrere HTML-Seiten gleichzeitig in WordPress hochladen?

Ja. Legen Sie alle Ihre HTML-Dateien, CSS und Bilder in einen Ordner und laden Sie den gesamten Ordner per FTP in Ihr WordPress-Stammverzeichnis hoch. Jede Seite ist unter example.com/ordnername/dateiname.html erreichbar.

Beeinflusst das Hochladen einer HTML-Seite die Leistung meiner WordPress-Website?

Nein. Statische HTML-Seiten werden direkt von Ihrem Webserver bereitgestellt, ohne PHP oder Ihre WordPress-Datenbank zu verwenden. Daher werden sie tatsächlich schneller geladen als normale WordPress-Seiten.

Muss ich meine HTML-Seite aktualisieren, wenn ich WordPress aktualisiere?

Nein. Ihre hochgeladene HTML-Seite ist vollständig von den WordPress-Core-Dateien getrennt. WordPress-Updates überschreiben oder beeinträchtigen Ihre benutzerdefinierten HTML-Seiten nicht.

Kann ich den Header und Footer meines WordPress-Themes auf einer HTML-Seite verwenden?

Nicht direkt. Hochgeladene HTML-Seiten sind eigenständig und erben nicht das Design Ihres WordPress-Themes. Wenn Sie ein einheitliches Erscheinungsbild wünschen, sollten Sie stattdessen ein Page-Builder-Plugin verwenden.

Was ist der Unterschied zwischen dem Hochladen einer HTML-Seite und dem Erstellen einer WordPress-Seite?

Eine WordPress-Seite wird in Ihrer Datenbank gespeichert und über das Dashboard verwaltet. Eine hochgeladene HTML-Seite ist eine statische Datei auf Ihrem Server. WordPress-Seiten sind einfacher zu bearbeiten, während HTML-Seiten Ihnen die volle Kontrolle über den Code geben.

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:

• So verbessern Sie Ihre 404-Seiten-Vorlage in WordPress (2 Wege)
• So erhalten Sie E-Mail-Benachrichtigungen für 404-Fehler in WordPress
• Beste kostenlose 404-Weiterleitungs-Plugins für WordPress
• So organisieren oder ordnen Sie WordPress-Seiten per Drag & Drop neu an

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie eine HTML-Seite in WordPress hochladen, ohne Fehler zu verursachen. Möglicherweise möchten Sie auch unseren WordPress SEO-Leitfaden für mehr Traffic oder unseren Leitfaden für Anfänger zur WordPress-Geschwindigkeit und -Leistung lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.