So fügen Sie eine Breadcrumb-Navigation in WordPress hinzu

Veröffentlicht: 2021-12-24

Eine wirkungsvolle Möglichkeit, Ihre Benutzererfahrung zu verbessern, besteht darin, Ihrem Publikum zu helfen, sich einfacher auf Ihrer Website zurechtzufinden. Die Breadcrumb-Navigation ist ein leistungsstarkes Tool, das die Interaktion der Menschen mit Ihren Inhalten verbessern kann.

Auf diese Weise können Benutzer wissen, wo sie sich in Bezug auf Ihre Homepage befinden. Wenn Sie Ihrer Website eine Breadcrumb-Navigation hinzufügen, erscheint sie auch in den Suchergebnissen und erstellt einen ansprechenderen Link, der mehr Klicks in Suchmaschinen generiert.

In diesem Beitrag zeige ich Ihnen, wie Sie ganz einfach Breadcrumb-Navigationslinks auf Ihrer WordPress-Website anzeigen können. Tauchen wir ein!

Was ist Breadcrumb-Navigation?

Wir alle kennen die Geschichte von Hänsel und Gretel und wie die Kinder einen Pfad aus Brotkrümeln legten, damit sie den Weg nach Hause fanden.

Die Idee der Breadcrumb-Navigation funktioniert genauso.

Breadcrumbs auf Websites sind eine Spur von Links, die Ihnen zeigen, auf welcher Seite Sie sich in Bezug auf die Startseite befinden. Es ist ein hierarchisches Navigationsmenü, das von Ihrem Hauptmenü getrennt ist.

Wenn es richtig eingerichtet ist, erscheint es auf Ihren Webseiten und auch auf der Suchergebnisseite von Google.

*Eine Suche nach Herrensandalen ergab ein Ergebnis, bei dem Sie die Breadcrumb-Navigation deutlich in Aktion sehen können*

Warum Breadcrumb-Navigation hinzufügen?

Sind Sie schon einmal auf einer Produktseite gelandet und wollten sehen, was sich sonst noch in derselben Kategorie befindet?

Die Breadcrumb-Navigation ermöglicht es Benutzern, sich in einer hierarchischen Kette von Links nach oben zu bewegen. Anstatt zur Startseite zu gehen, dann nach der Produktkategorie zu suchen und dann in die Unterkategorien zu klicken, kann ein Benutzer einfach auf den Breadcrumb-Link klicken und dorthin gehen, wo er möchte.

Es ist eine zusätzliche hilfreiche Möglichkeit für Benutzer, sich durch Ihre Website zu bewegen und zu finden, was sie brauchen.

Ein starker zusätzlicher Vorteil besteht darin, dass es auch Suchmaschinen hilft, die Struktur und Hierarchie Ihrer Website zu verstehen. Je strukturierter und benutzerfreundlicher Ihre Seite aussieht, desto besser sind Ihre Chancen, in den Rankings aufzusteigen.

Breadcrumb-Links erscheinen auch, wenn Google eine Reihe von Ergebnissen anzeigt. Es hebt Ihre Website in einer Reihe von Ergebnissen hervor und erhöht Ihre Klickrate.

So fügen Sie Ihrer WordPress-Site eine Breadcrumb-Navigation hinzu

Kommen wir zur Sache! Sie haben gelernt, was Breadcrumbs sind und warum sie wichtig sind.

In diesem Beitrag wird nun erläutert, wie Sie Breadcrumbs am besten hinzufügen, damit sie auf Ihrer WordPress-Site ordnungsgemäß angezeigt werden und funktionieren.

Alle Vorschläge in diesem Beitrag helfen Ihnen, Ihre Breadcrumb-Navigation mit Schema-Markup einzurichten. Schema bezieht sich auf Code, der Suchmaschinen wie Google hilft, leicht zu erkennen, worum es auf Ihrer Website geht.

Haben Sie jemals Suchergebnisse für Rezepte gesehen, in denen Details wie Kochzeit, Bewertungen, Küchen und mehr mit einem Website-Link angezeigt werden? Das ist ein Beispiel für Schema-Markup in Aktion, bei dem ein sogenanntes Rich Snippet erstellt wird. Es hilft auch, Breadcrumbs anzuzeigen, wenn eine Website in den Suchergebnissen erscheint.

*Bei der Suche nach Yorkshire Pudding werden Ergebnisfelder angezeigt, in denen das Schema hilft, Details wie Zutaten und Kochzeiten anzuzeigen*

Im Folgenden finden Sie einige der einfachsten und schnellsten Methoden zum Hinzufügen von Breadcrumbs zu Ihrer Website.

Verwenden Sie ein SEO-WordPress-Plugin

Der einfachste Weg für Sie, eine Breadcrumb-Navigation hinzuzufügen, ist die Verwendung des AIOSEO-Plugins.

All in One SEO oder das AIOSEO-Plugin ist eines der besten WordPress-Plugins, um die SEO Ihrer Website zu verbessern. Es enthält Breadcrumbs als Funktion, mit der Sie Ihre Website einfach navigieren können.

Sie können auch in Betracht ziehen, sich in Zukunft für eine Premium-Version zu entscheiden, um mehr Funktionen zu erhalten, aber wenn Sie mit der kostenlosen Version beginnen, erhalten Sie ein solides Verständnis der Grundlagen. Laden Sie zunächst Ihr AIOSEO-Plugin herunter und aktivieren Sie es.

Folgen Sie nach der Aktivierung dem Ersteinrichtungsassistenten des Plugins. Sie müssen dann die Seite „ Allgemeine Einstellungen “ des All-in-One-SEO-Plugins auf Ihrem Dashboard aufrufen.

Nachdem Sie sich nun auf der Seite „Allgemeine Einstellungen“ befinden, klicken Sie auf die Registerkarte „Breadcrumbs“.

Wenn Sie AIOSEO zum ersten Mal hinzufügen und das Setup durchlaufen, fügt das Plugin automatisch ein Breadcrumb-Schema zu Ihrem Site-Code hinzu.

Um Breadcrumb-Navigationslinks für Ihre Benutzer anzuzeigen, aktivieren Sie Breadcrumbs aktivieren . Anschließend können Sie die Darstellung Ihrer Breadcrumbs auf Ihrer Website optimieren.

Es gibt vier verschiedene Möglichkeiten, die Breadcrumb-Navigation auf deiner WordPress-Seite anzuzeigen.

Sie sind:

Breadcrumb-Navigation mit Shortcode hinzufügen
Verwenden des Gutenberg-Blocks
Hinzufügen eines Widgets
Hinzufügen des Breadcrumb-Navigationscodes

Wir werden schnell aufschlüsseln, wie Sie jede dieser Optionen verwenden, damit Sie mit derjenigen arbeiten können, die Ihren Anforderungen am besten entspricht.

*Die vier Möglichkeiten, Ihrer Website Breadcrumbs hinzuzufügen*

1. Verwenden Sie den Shortcode, um eine Breadcrumb-Navigation hinzuzufügen

Wenn Sie Ihrer Seite oder Ihrem Beitrag eine Breadcrumb-Navigation mit einem Shortcode hinzufügen möchten, müssen Sie lediglich den folgenden Code auf der Seite hinzufügen.

 [aioseo_breadcrumbs]

Dieses kleine Stück Code wird automatisch in den Shortcode-Block umgewandelt.

Speichern Sie Ihren Beitrag und sehen Sie sich eine Vorschau an, um zu sehen, wie er aussieht. Das Bild unten zeigt, wie Ihr Breadcrumb-Shortcode auf dem Frontend Ihrer WordPress-Site angezeigt wird.

2. Breadcrumb-Navigation mit dem Gutenberg-Block hinzufügen

Das AIOSEO-Plugin ermöglicht es Ihnen, einfach einen Gutenberg-Blog einzufügen und Breadcrumb-Links hinzuzufügen.

Erstellen Sie einen neuen Beitrag oder eine neue Seite und klicken Sie auf die Schaltfläche, um einen Block hinzuzufügen. Suchen Sie nach AIOSEO – Breadcrumbs und klicken Sie darauf. Ihre Breadcrumb-Navigation wird auf Ihrer Seite angezeigt. Genau so!

*Semmelbrösel durch einen Gutenberg-Block hinzufügen*

3. Breadcrumb-Navigation über ein Widget einfügen

Möchten Sie Breadcrumbs automatisch für alle Ihre Beiträge oder Seiten anzeigen?

Verwenden Sie dazu die Widget-Option. Alles, was Sie tun müssen, ist auf Ihrem Dashboard zu Aussehen » Widgets zu gehen. Fügen Sie dann das Widget „AIOSEO – Breadcrumbs“ zur Seitenleiste hinzu.

Fügen Sie einen neuen Titel hinzu oder lassen Sie das Feld leer und drücken Sie dann auf „Speichern“. Wenn Sie jetzt auf Ihre Website gehen, sehen Sie die Breadcrumb-Navigation auf allen Ihren Beiträgen und Seiten, die eine Seitenleiste haben.

4. Breadcrumb-Navigation mit Code hinzufügen

Mit dieser Methode haben Sie viel mehr Kontrolle darüber, wo Ihre Breadcrumb-Navigation angezeigt wird. Dazu müssen Sie jedoch den Designdateien Ihrer WordPress-Site Code hinzufügen.

Wenn Sie Erfahrung mit der Verwaltung von WordPress und der Programmierung haben, können Sie diese Option ausprobieren.

Entscheiden Sie zunächst, wo Ihre Breadcrumbs-Links erscheinen sollen. Sie müssen den Vorlagendateien Ihres WordPress-Themes Code hinzufügen.

Je nachdem, wo Sie Ihre Breadcrumb-Navigation platzieren möchten, müssen Sie also die richtige Vorlagendatei auswählen, um Ihren Code einzufügen.

Dieser Spickzettel hilft Ihnen herauszufinden, welche Dateien Sie in Ihrem WordPress-Theme bearbeiten müssen.

Bearbeiten Sie als Nächstes Ihre Designdatei mit einem FTP-Client. Fügen Sie diesen Code dort hinzu, wo die Breadcrumb-Navigationslinks angezeigt werden sollen.

 <?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>

Denken Sie daran, Ihre Änderungen zu speichern und zu Ihrer Website zurückzukehren, um zu sehen, wie sie aussieht.

Fazit

Das ist alles, was Sie brauchen, um den besten Weg zu finden, um Ihrer WordPress-Site eine Breadcrumb-Navigation hinzuzufügen.

Mit AIOSEO haben Sie die Möglichkeit, nicht nur kostenlos und vielfältig Breadcrumbs hinzuzufügen, sondern auch andere technische SEO-Aufgaben zu erledigen.

Die Breadcrumb-Navigation sorgt nicht nur für ein besseres Benutzererlebnis, Sie zeigen auch Google und anderen Suchmaschinen, dass Sie eine gut gemachte Website haben.

Und da nur etwa 10 Millionen der fast 2 Milliarden Online-Websites Schema verwenden, werden Sie wahrscheinlich höhere Rankings und bessere Ergebnisse wie mehr Traffic und Conversions sehen. Nehmen Sie sich also etwas Zeit, um Ihre Website im neuen Jahr zu verbessern, indem Sie einfach eine Breadcrumb-Navigation hinzufügen!