Wie man Brotkrümel in WooCommerce hinzufügt (Anleitung für Anfänger)

Suchen Sie nach einer einfachen Möglichkeit, Breadcrumbs zu Ihrem WooCommerce-Shop hinzuzufügen?

Brotkrümel helfen Ihren Kunden, sich auf Ihrer Website leichter zurechtzufinden. Außerdem helfen sie den Suchmaschinen, die Struktur und Hierarchie des Inhalts Ihrer Website zu verstehen und sie in den Suchergebnissen anzuzeigen.

In diesem Artikel zeigen wir Ihnen, wie Sie Breadcrumbs in WooCommerce mit sehr einfachen Methoden hinzufügen können.

Warum sollten Sie Breadcrumbs in WooCommerce hinzufügen?

Brotkrümel sind Navigationslinks, die oben auf Ihren Produktseiten oder Blogbeiträgen erscheinen. Diese Links zeigen Ihren Besuchern, wie sie auf die Seite gelangt sind, die sie gerade sehen.

Wenn Sie zum Beispiel ein WooCommerce-Geschäft haben, das Kleidung verkauft, dann könnte das Breadcrumb-Menü etwa so aussehen: Startseite “ Herrenmode “ Hemden & Polos “ Formelle Hemden.

Durch die Aktivierung von Breadcrumbs in WooCommerce können Ihre Kunden leichter in Ihrem Online-Shop navigieren und die gesuchten Produkte finden. Sie können einfach auf die Produktattribute oder Kategorien klicken, um verwandte Produkte anzuzeigen.

Brotkrümel helfen den Suchmaschinen auch, die Hierarchie und Struktur der Links in Ihrem eCommerce-Shop zu verstehen. Suchmaschinen wie Google zeigen sie sogar in den Suchergebnissen an, was Ihre Klickrate erhöhen kann.

Sehen wir uns also an, wie Sie Breadcrumbs in Ihrem WooCommerce-Shop aktivieren können. Wir werden zwei Methoden behandeln, wobei die erste für die meisten Benutzer empfohlen wird:

Methode 1: Hinzufügen von Brotkrumen in WooCommerce mit AIOSEO (empfohlen)

Die einfachste Möglichkeit, Breadcrumbs in WooCommerce zu aktivieren, ist die Verwendung des Plugins All in One SEO (AIOSEO).

Es ist das beste WordPress-SEO-Plugin auf dem Markt und ermöglicht es Ihnen, Breadcrumbs in WooCommerce mit einem Klick auf eine Schaltfläche hinzuzufügen. Das Plugin hilft Ihnen auch, Ihren Shop ohne technische Kenntnisse für Suchmaschinen zu optimieren.

Für dieses Tutorial werden wir die AIOSEO Pro-Version verwenden, da sie Breadcrumbs-Vorlagen enthält und mehr Optionen zur Anpassung bietet.

Es ist auch eine kostenlose Version erhältlich, die zwar Breadcrumbs enthält, aber keine Breadcrumb-Vorlagen bietet.

Zunächst müssen Sie das AIOSEO-Plugin auf Ihrer Website installieren und aktivieren. Weitere Details zur Installation eines WordPress-Plugins finden Sie in unserer Anleitung.

Nach der Aktivierung müssen Sie zu All in One SEO “ Allgemeine Einstellungen navigieren und Ihren Lizenzschlüssel eingeben. Sie finden den Schlüssel im AIOSEO-Kontobereich.

Als Nächstes müssen Sie AIOSEO in Ihrem WooCommerce-Shop mithilfe des Einrichtungsassistenten einrichten. Wenn Sie Hilfe benötigen, können Sie unserer Anleitung zur Einrichtung von All in One SEO für WordPress folgen.

Sobald Sie das Plugin auf Ihrer Website korrekt konfiguriert haben, müssen Sie auf die Seite All in One SEO “ Allgemeine Einstellungen gehen und dann auf die Registerkarte „Brotkrümel“ klicken.

Danach können Sie die Option „Enable Breadcrumbs“ aktivieren. AIOSEO fügt dann automatisch Breadcrumbs-Schema-Markup zum Code Ihres WooCommerce-Shops hinzu.

Als Nächstes müssen Sie auswählen, wie Sie die Breadcrumbs anzeigen möchten. Scrollen Sie einfach nach unten und Sie werden die verschiedenen Möglichkeiten sehen, wie Sie Ihrem Online-Shop Breadcrumbs hinzufügen können.

Sie können sie manuell über einen Shortcode oder Block zu jeder Seite oder jedem Beitrag hinzufügen oder sie in einen Widget-Bereich einfügen. Fortgeschrittene Benutzer können auch PHP-Code verwenden, um Breadcrumbs zu ihren Theme-Vorlagendateien hinzuzufügen.

Im Folgenden zeigen wir Ihnen, wie Sie Ihren WooCommerce-Produkten Breadcrumbs hinzufügen können, aber zunächst werfen wir einen Blick auf die Anpassungsoptionen.

Wenn Sie nun nach unten zum Abschnitt Brotkrumen-Einstellungen scrollen, sehen Sie mehrere Einstellungen, mit denen Sie Ihre Brotkrumen anpassen können.

Sie können zum Beispiel das Trennsymbol ändern, den Homepage-Link aktivieren, ein Breadcrumb-Präfix hinzufügen, das Format ändern und vieles mehr. Sie können sogar eine Vorschau sehen, wie Ihre Navigationslinks in Ihrem WooCommerce-Shop erscheinen.

AIOSEO Pro gibt Ihnen auch Zugang zu Breadcrumb-Vorlagen.

Mit diesen Vorlagen können Sie professionell aussehende Breadcrumb-Links für verschiedene Inhaltstypen, Taxonomien und Archive auf Ihrer Website anzeigen.

Darüber hinaus bietet das WordPress-Plugin auch verschiedene Optionen zur Anpassung der Vorlage.

Sie können zum Beispiel die Option „Standardvorlage verwenden“ deaktivieren und weitere Einstellungen anzeigen.

Es gibt Optionen für die Anzeige des Homepage-Links, des Archiv-Links für den Beitragstyp, des Taxonomie-Links, für das Hinzufügen von Tags zur Vorlage und für die Auswahl, ob Sie die Kategorien oder die Taxonomie der Tags priorisieren möchten.

Wenn Sie übergeordnete Kategorien für mehrere Produkte eingerichtet haben, können Sie diese auch im Editor für Brotkrumenvorlagen anpassen.

Wenn Sie fertig sind, vergessen Sie nicht, Ihre Änderungen zu speichern.

Als nächstes müssen Sie Ihren WooCommerce-Produktseiten Breadcrumbs hinzufügen.

AIOSEO zeigt Ihnen vier verschiedene Methoden, aber die einfachste ist die Verwendung eines Shortcodes, um die Breadcrumbs-Navigationslinks in Ihrem Online Shop anzuzeigen.

Sie müssen nur den folgenden Shortcode an der Stelle einfügen, an der Sie die Breadcrumbs anzeigen möchten:

[aioseo_breadcrumbs]

Gehen Sie einfach zu Produkte “ Alle Produkte und bearbeiten Sie eine Produktseite. Anschließend können Sie den Shortcode in der Textansicht des WordPress-Editors hinzufügen und Ihre Seite aktualisieren.

Sie können nun Ihre Produktseite besuchen, um die Breadcrumb-Navigationslinks in Aktion zu sehen.

So sah es auf unserer Test-Website aus.

Außerdem können Sie Breadcrumbs in der Seitenleiste Ihres WooCommerce-Shops hinzufügen. Auf diese Weise müssen Sie nicht jede einzelne Produktseite bearbeiten, um Navigationslinks anzuzeigen, da diese überall auf Ihrer Website in der Seitenleiste erscheinen.

Um Breadcrumbs in der Seitenleiste anzuzeigen, können Sie in Ihrem WordPress-Adminbereich auf Darstellung “ Widgets gehen.

Klicken Sie auf das Pluszeichen oben links und suchen Sie dann nach „Brotkrumen“, um das Widget „AIOSEO – Breadcrumbs“ zu finden. Ziehen Sie es einfach per Drag & Drop in die Seitenleiste. Sie können auch einen Titel für Ihre Navigationslinks eingeben.

Sobald das erledigt ist, können Sie auf die Schaltfläche „Speichern“ klicken.

Rufen Sie dann einfach Ihren WooCommerce-Shop auf, um die Breadcrumbs in der Seitenleiste zu sehen.

Wenn Sie andere Möglichkeiten nutzen möchten, um Ihrem WooCommerce-Shop Breadcrumbs hinzuzufügen, lesen Sie unsere Anleitung zur Anzeige von Breadcrumb-Navigationslinks in WordPress.

Wie man Brotkrümel für mehrere Kategorien hinzufügt

Haben Sie Produkte in Ihrem WooCommerce-Shop, die mehrere Kategorien haben?

Wenn ja, dann kann die korrekte Einrichtung von Breadcrumbs eine Herausforderung sein, da WordPress nicht den Weg aufzeichnet, den ein Kunde genommen hat, um auf der Produktseite zu landen.

AIOSEO fügt jedoch automatisch die erste Kategorie in den Breadcrumb ein und macht es einfach, das richtige Navigationsmenü für Produkte anzuzeigen, die mehrere Kategorien haben.

Das Plugin bietet auch eine Breadcrumb-Vorlage, die Sie für WordPress-Taxonomien wie Produktkategorien anpassen können. Alles, was Sie tun müssen, ist, zu All in One SEO “ Allgemeine Einstellungen zu gehen und dann die Registerkarte „Breadcrumbs“ auszuwählen.

Scrollen Sie dann zum Abschnitt „Breadcrumbs-Vorlagen“ und wählen Sie die Registerkarte „Taxonomien“. Standardmäßig zeigt das Plugin den Link zum übergeordneten Artikel in der Breadcrumb-Ansicht Ihres WooCommerce-Shops an.

Wenn Sie die Option „Standardvorlage verwenden“ deaktivieren, sehen Sie, dass der Link „Übergeordneten Artikel anzeigen“ aktiviert ist. Auf diese Weise können Sie ganz einfach die Hauptkategorie für jedes Produkt auf Ihrer Website anzeigen.

Nehmen wir an, Sie betreiben ein Online-Schuhgeschäft und eines der Produkte befindet sich sowohl in der Kategorie Sneakers als auch in der Kategorie Turnschuhe.

AIOSEO wird automatisch die erste Kategorie auswählen.

Dann wird dies im Navigationsmenü der Brotkrümel angezeigt.

Methode 2: Hinzufügen von Brotkrumen mit WooCommerce Breadcrumbs Plugin

Eine andere Möglichkeit, Breadcrumbs in WooCommerce zu aktivieren, ist die Verwendung des WooCommerce Breadcrumbs-Plugins.

Es ist ein kostenloses WordPress-Plugin, mit dem Sie Ihrem Online-Shop Breadcrumbs hinzufügen können. Das Plugin ist einfach zu bedienen, aber es fehlen die Anpassungsfunktionen, die Sie in AIOSEO finden.

Zunächst müssen Sie das WooCommerce Breadcrumbs-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Sobald das Plugin aktiviert ist, können Sie in Ihrem WordPress-Adminbereich zu Einstellungen “ WC Breadcrumbs gehen. Klicken Sie dann auf das Kontrollkästchen für „Breadcrumbs aktivieren“.

Als Nächstes können Sie das Aussehen der Navigationslinks ändern, die in Ihrem WooCommerce-Shop angezeigt werden.

Mit dem WooCommerce-Plugin können Sie das Breadcrumb-Trennsymbol und die HTML-Tags vor und nach Ihren Breadcrumbs auswählen.

Wenn Sie nun nach unten scrollen, finden Sie weitere Optionen zur Anpassung. Sie können zum Beispiel den Text und die URL für Ihre Homepage ändern, die in den Navigationslinks erscheinen werden.

Wenn Sie mit den Änderungen fertig sind, vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ am unteren Rand zu klicken.

Expertenleitfäden zu WordPress und WooCommerce Navigation

Jetzt, wo Sie wissen, wie man Breadcrumbs in WooCommerce hinzufügt, möchten Sie vielleicht einige andere Anleitungen zur WordPress-Navigation sehen.

• Glossar: Semmelbrösel
• Wie man Breadcrumb-Navigationslinks in WordPress anzeigt
• Wie man eine intelligente WooCommerce Produktsuche erstellt
• Hinzufügen der Tastaturnavigation mit Pfeiltasten in WordPress
• Wie man ein Navigationsmenü in WordPress hinzufügt (Anleitung für Anfänger)
• Hinzufügen von benutzerdefinierten Navigationsmenüs in WordPress-Themes
• Hinzufügen von benutzerdefinierten Elementen zu bestimmten WordPress-Menüs
• Wie man ein Dropdown-Menü in WordPress erstellt (Anleitung für Anfänger)
• Unterschiedliche Menüs für eingeloggte Benutzer in WordPress anzeigen
• Wie man WordPress Navigationsmenüs gestaltet

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu erfahren, wie Sie in WooCommerce Breadcrumbs hinzufügen können. Vielleicht interessiert Sie auch unser Leitfaden zu den Kosten für die Erstellung einer Website oder unsere Expertenauswahl der besten Managed-Hosting-Dienste.

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.