So fügen Sie eine HTML-Sitemap-Seite in WordPress hinzu (2 Methoden)

Die meisten WordPress-Seiten haben keine einzelne Seite, die alles an einem Ort auflistet, sodass Besucher auf Menüs oder die Suche angewiesen sind, um auf die richtigen Inhalte zu stoßen.

Eine HTML-Sitemap behebt dies, indem sie alle Ihre wichtigen Inhalte auf einer Seite zusammenfasst. In diesem Leitfaden zeigen wir Ihnen, wie Sie eine mit einem Plugin und ohne Code-Schnipsel erstellen.

Was ist der Unterschied zwischen XML- und HTML-Sitemaps?

Eine XML-Sitemap ist eine Datei, die alle Inhalte Ihrer Website in einem Format auflistet, das Suchmaschinen wie Google lesen können. Sie können sie in der Google Search Console einreichen, um Suchmaschinen zu helfen, Ihre Seiten schneller zu finden und zu crawlen.

Eine HTML-Sitemap funktioniert anders. Stellen Sie sie sich wie ein Verzeichnis in einem Einkaufszentrum vor.

Anstatt Suchmaschinen zu leiten, leitet sie Ihre Besucher, indem sie Ihre Beiträge und Seiten auf einer organisierten Seite auflistet, damit die Leute schnell finden, wonach sie gesucht haben.

Jetzt, da Sie den Unterschied kennen, sehen wir uns an, wie Sie eine HTML-Sitemap zu Ihrer WordPress-Seite hinzufügen. Sie können die Schnelllinks unten verwenden, um direkt zu der Methode zu springen, die Sie verwenden möchten:

Methode 1: HTML-Sitemap-Seite in WordPress mit All in One SEO hinzufügen

Die Verwendung eines WordPress-SEO-Plugins wie des kostenlosen All in One SEO-Plugins ist der einfachste Weg, um mit wenigen Klicks eine HTML-Sitemap-Seite hinzuzufügen.

Da das Plugin bereits Ihre XML-Sitemap und die wichtigsten SEO-Einstellungen verwaltet, können Sie beide von demselben Ort aus verwalten, anstatt ein separates Tool nur dafür zu installieren.

Zuerst müssen Sie das Plugin installieren und aktivieren. Nach der Aktivierung öffnet sich der Einrichtungsassistent, in dem Sie auf die Schaltfläche „Los geht’s“ klicken können.

Wenn Sie eine vollständige Anleitung zu jeder Einstellung wünschen, sehen Sie sich unseren Leitfaden an, wie Sie All in One SEO für WordPress einrichten.

Sobald Sie fertig sind, gehen Sie zu All in One SEO » Sitemaps und klicken Sie auf die Registerkarte „HTML-Sitemap“. Schalten Sie dann den Schalter „Sitemap aktivieren“ ein.

Wählen Sie als Nächstes aus, wie Sie Ihre Sitemap anzeigen möchten. Für dieses Tutorial wählen wir die Option „Dedizierte Seite“. Alternativ können Sie sie als Shortcode, Block oder Widget hinzufügen.

Sobald Sie dies getan haben, geben Sie die URL ein, unter der Ihre Sitemap erscheinen soll, und das Plugin erstellt diese Seite automatisch für Sie.

Hinweis: Da All in One SEO diese Seite dynamisch erstellt, wird sie nicht in Ihrer Seitenliste im WordPress-Adminbereich angezeigt. Sie können jederzeit zu diesem Einstellungsbildschirm zurückkehren, um Änderungen vorzunehmen.

Scrollen Sie dann zum Abschnitt „HTML-Sitemap-Einstellungen“. Hier können Sie auswählen, welche Beitragstypen und Taxonomien, wie Kategorien und Schlagwörter, in Ihrer Sitemap angezeigt werden sollen.

Wenn Sie mehr Kontrolle wünschen, können Sie im Abschnitt „Erweiterte Einstellungen“ bestimmte Beiträge, Seiten oder Begriffe aus der Liste ausschließen.

Sie können auch „Kompakte Archive“ aktivieren, wenn Sie Ihre Sitemap lieber als kompaktes Datumsarchiv anstelle einer vollständigen Liste anzeigen möchten. Sobald Sie mit Ihren Einstellungen zufrieden sind, klicken Sie auf „Änderungen speichern“.

Ihre HTML-Sitemap ist jetzt live. Wenn Sie die Option „Dedizierte Seite“ gewählt haben, können Sie sie durch Klicken auf die Schaltfläche „HTML-Sitemap öffnen“ anzeigen.

Methode 2: HTML-Sitemap-Seite in WordPress mit Code hinzufügen

Wenn Sie All in One SEO nicht verwenden möchten, da Sie nicht alle anderen Funktionen benötigen, können Sie eine HTML-Sitemap erstellen, indem Sie benutzerdefinierten Code zur functions.php-Datei Ihres Child-Themes hinzufügen.

Der kleinste Fehler kann jedoch Ihre gesamte Website lahmlegen und den WordPress White Screen of Death verursachen.

Deshalb empfehlen wir die Verwendung eines Code-Snippet-Plugins wie WPCode. Dessen kostenlose Version ermöglicht es Ihnen, Ihren Code sicher hinzuzufügen und zu verwalten, ohne Ihre Theme-Dateien zu berühren.

Das Erste, was Sie tun müssen, ist, das WPCode-Plugin zu installieren und zu aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Sobald es aktiv ist, gehen Sie in Ihrem WordPress-Dashboard zu Code-Snippets » + Snippet hinzufügen. Fahren Sie mit der Maus über „Fügen Sie Ihren benutzerdefinierten Code hinzu (Neues Snippet)“ und klicken Sie auf „Snippet verwenden“.

Wählen Sie auf dem neuen Bildschirm „PHP-Snippet“ als Code-Typ und geben Sie Ihrem Snippet einen Titel, damit Sie es später finden können. Es kann etwas wie „HTML-Sitemap“ sein.

Fügen Sie dann den folgenden Code in das Feld „Code-Vorschau“ ein.

function custom_html_sitemap() {
    $out = '<ul class="custom-sitemap">';

    // Pages
    $pages = get_pages(
        array(
            'sort_column' => 'menu_order,post_title',
            'post_status' => 'publish',
        )
    );

    foreach ( $pages as $page ) {
        $out .= sprintf(
            '<li><a href="%s">%s</a></li>',
            esc_url( get_permalink( $page->ID ) ),
            esc_html( get_the_title( $page->ID ) )
        );
    }

    // Recent posts
    $recent_posts = get_posts(
        array(
            'posts_per_page'      => 50,
            'post_status'        => 'publish',
            'orderby'            => 'date',
            'order'              => 'DESC',
            'post_type'          => 'post',
            'ignore_sticky_posts' => true,
        )
    );

    foreach ( $recent_posts as $p ) {
        $out .= sprintf(
            '<li><a href="%s">%s</a></li>',
            esc_url( get_permalink( $p->ID ) ),
            esc_html( get_the_title( $p->ID ) )
        );
    }

    $out .= '</ul>';

    return $out;
}

add_shortcode( 'custom_html_sitemap', 'custom_html_sitemap' );

Dieser Code listet zuerst alle Ihre veröffentlichten Seiten auf, dann Ihre 50 neuesten Beiträge und fasst alles in einem Shortcode namens [custom_html_sitemap] zusammen, den Sie auf jeder beliebigen Seite platzieren können.

Wenn Sie fertig sind, schalten Sie den Schalter oben von „Inaktiv“ auf „Aktiv“ um und klicken Sie dann auf „Snippet speichern“.

Erstellen Sie nun eine neue Seite, indem Sie zu Seiten » Neu hinzufügen gehen, oder öffnen Sie eine vorhandene Seite, auf der Ihre Sitemap angezeigt werden soll. Fügen Sie einen „Shortcode“-Block hinzu und fügen Sie den folgenden Shortcode darin ein:

[custom_html_sitemap]

Sobald Sie die Seite veröffentlichen, sehen Ihre Besucher eine einfache Liste Ihrer Seiten und neuesten Beiträge, alle verlinkt und bereit zum Durchsuchen.

HTML-Sitemap-FAQs

Ist eine HTML-Sitemap gut für SEO?

Ja. Eine HTML-Sitemap fügt jeder wichtigen Seite Ihrer Website einen internen Link hinzu, was Suchmaschinen hilft, Ihre Inhalte zu entdecken. Sie erleichtert auch den Besuchern die Navigation auf Ihrer Website.

Wird die HTML-Sitemap automatisch aktualisiert, wenn ich neue Inhalte hinzufüge?

Ja. Egal, ob Sie All in One SEO oder die oben genannte benutzerdefinierte Code-Methode verwenden, Ihre Sitemap wird automatisch aktualisiert, wenn Sie einen neuen Beitrag oder eine neue Seite veröffentlichen. Sie müssen nichts Zusätzliches tun, um sie aktuell zu halten.

Wo sollte ich meine HTML-Sitemap platzieren?

Der häufigste Ort, um auf Ihre HTML-Sitemap zu verlinken, ist die Fußzeile Ihrer Website. Dies macht sie von jeder Seite aus zugänglich, ohne Ihr Hauptnavigationsmenü zu überladen.

Ein weiterer guter Ort ist Ihre 404-Fehlerseite. Wenn ein Besucher auf einen defekten Link stößt, kann ein Link zu Ihrer HTML-Sitemap ihm helfen, das Gesuchte zu finden.

Wie füge ich meine neue HTML-Sitemap-Seite zu meinem Navigationsmenü hinzu?

Sobald Sie Ihre Sitemap veröffentlicht haben, gehen Sie zu Darstellung » Menüs in Ihrem WordPress-Admin-Dashboard, um sie zu einem beliebigen Menü hinzuzufügen. Wenn Sie die benutzerdefinierte Code-Methode verwendet haben, aktivieren Sie das Kontrollkästchen neben Ihrer neuen Seite.

Wenn Sie jedoch All in One SEO verwendet haben, wird Ihre dynamisch erstellte Seite nicht in der Seitenliste angezeigt. Sie müssen auf die Registerkarte „Benutzerdefinierte Links“ klicken, um die URL Ihrer Sitemap einzufügen.

Wenn Sie ein Block-Theme verwenden, müssen Sie den Link stattdessen über den Website-Editor hinzufügen.

Video-Tutorial

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie eine HTML-Sitemap-Seite in WordPress hinzufügen. Möglicherweise möchten Sie auch sehen, wie Sie die Breadcrumb-Navigation in WordPress anzeigen und unseren umfassenden WordPress-SEO-Leitfaden.

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.