WordPress Breadcrumbs beziehen sich auf Navigationslinks am oberen Rand einer Seite oder eines Beitrags. Sie zeigen den Nutzern der Website ihren aktuellen Standort auf der Website, indem sie die Kategorien anzeigen, die zu der Seite führen, auf der sie sich gerade befinden.<\/p>
Darüber hinaus erstellen sie einen Pfad, den Besucher nutzen können, um zur Startseite zurück zu navigieren.<\/p>
Breadcrumb-Navigationslinks sind jedoch nicht ausschließlich auf WordPress<\/strong><\/a>-Seiten zu finden – Sie können sie auch auf anderen Websites finden. Werfen Sie einen Blick auf unsere Wissensdatenbank:<\/p> In diesem Beispiel sind Alle Sammlungen > Erste Schritte > Wie erstelle ich eine Webseite?<\/strong> Links zu den Seiten, die zu diesem Beitrag führen.<\/p> Anstatt nach anderen Artikeln zu suchen oder auf die Zurück<\/strong> Schaltfläche zu klicken, können Website-Besucher einfach auf Erste Schritte<\/strong> oder andere Brotkrumen klicken, um mehr Informationen über das Thema zu finden.<\/p> Breadcrumbs sind in drei Kategorien unterteilt:<\/p> Unabhängig von der Kategorie kann das Hinzufügen von Breadcrumbs zu WordPress das Benutzererlebnis verbessern, die SEO optimieren und die Absprungrate reduzieren.<\/p> Brotkrumen bieten eine einfache Möglichkeit, Ihre Website zu navigieren, was besonders wichtig für Erstbenutzer ist. Die Navigationslinks machen es überflüssig, die Zurück-Taste des Browsers zu verwenden oder mehrere Suchen durchzuführen.<\/p> Eine großartige Benutzererfahrung hält die Besucher der Seite zufrieden und erhöht ihre Verweildauer<\/strong><\/a> auf Ihrer Webseite, wodurch sie mehr von Ihrem Inhalt sehen.<\/p> Neben der Verbesserung der Navigation sind Brotkrumen auch nützlich für die Suchmaschinenoptimierung<\/strong><\/a>. Suchmaschinen-Crawler verwenden Breadcrumb-Navigationslinks, um die Struktur Ihrer Website zu verstehen und Webseiten genauer zu indizieren.<\/p> Google<\/strong> zeigt sogar Brotkrumen auf seiner Ergebnisseite an, um den Benutzern zu helfen zu verstehen, ob die Seite für ihre Suche relevant ist:<\/p> Die Absprungrate bezieht sich auf den Prozentsatz der Besucher, die eine Webseite aufrufen und sofort wieder verlassen, anstatt andere Inhalte auf der Seite zu erkunden.<\/p> Wenn die Webseite, auf die sie zugreifen, ihnen nicht das bietet, was sie benötigen, leiten Brotkrumen sie zu anderen Teilen der Webseite. Zum Beispiel, wenn die Benutzer das blaue T-Shirt, das sie suchen, nicht finden, können sie leicht andere Kategorien erkunden oder ein verwandtes Produkt finden.<\/p> Daher ist es weniger wahrscheinlich, dass sie zu einer anderen Webseite wechseln oder zu den Suchmaschinenergebnisseiten zurückkehren.<\/p> Es gibt drei Möglichkeiten, WordPress-Breadcrumbs zu Ihrer Website hinzuzufügen: manuell, mit Themes oder Plugins.<\/p> Die manuelle Methode ist großartig für Menschen, die sich mit dem Programmieren auskennen und mehr kreative Kontrolle darüber haben möchten, wie die Brotkrumen auf ihrer WordPress-Seite angezeigt werden.<\/p> Um WordPress-Breadcrumbs manuell zu aktivieren, müssen Sie eine Funktion zu Ihrer functions.php <\/strong>Datei hinzufügen.<\/p> Um auf die Datei zuzugreifen, verwenden Sie den Dateimanager in Ihrem Webhosting-Control Panel oder verbinden Sie sich über FTP. Für dieses Tutorial werden wir den Dateimanager von Hostinger verwenden.<\/p> Das Hinzufügen von WordPress-Breadcrumbs durch die Installation eines Themes mit Breadcrumb-Funktionalität ist eine großartige Methode für diejenigen, die eine neue Webseite starten oder eine Webseiten-Neugestaltung durchführen.<\/p> Um die Breadcrumb-Funktionalität zu aktivieren, müssen Sie zuerst das Theme installieren und aktivieren. Mehrere Themes kommen bereits mit einer integrierten Breadcrumb-Funktion, wie zum Beispiel Astra<\/strong> und OceanWP<\/strong>.<\/p> Astra<\/strong><\/a><\/p> Theme-Statistiken:<\/strong><\/p> Astra ist ein schönes und leichtgewichtiges WordPress-Theme, das eine mühelose Möglichkeit bietet, Breadcrumbs zu WordPress-Websites hinzuzufügen.<\/p> Um Breadcrumbs zu Ihrer Website mit Astra hinzuzufügen, folgen Sie diesen Schritten:<\/p> Neben den Brotkrumen bietet dieses Theme auch die folgenden Funktionen:<\/p> Astra ist mit eingeschränkten Funktionen kostenlos<\/strong> verfügbar. Für erweiterte Optionen bietet es drei Premium-Pakete<\/strong><\/a>: Astra Pro<\/strong> für 59 US$\/Jahr<\/strong>, Essential Toolkit<\/strong> für 99 US$\/Jahr<\/strong> und Business Toolkit<\/strong> für 199 US$\/Jahr<\/strong>.<\/p> [VORSCHAU<\/strong><\/a> \/ HERUNTERLADEN<\/strong><\/a>]<\/p> OceanWP<\/strong><\/a><\/p> Theme-Statistiken:<\/strong><\/p> OceanWP ist ein schnell ladendes WordPress-Theme mit einem Shortcode zur Hinzufügung von Breadcrumbs<\/strong><\/a> zu WordPress-Websites.<\/p> Hier ist eine Schritt-für-Schritt-Anleitung, wie Sie Breadcrumbs zu diesem WordPress-Theme hinzufügen können:<\/p> Wie in Schritt Nummer vier zu sehen ist, gibt es drei Shortcode-Parameter:<\/p> Im obigen Beispiel haben wir eine benutzerdefinierte Klasse mit blauer Farbe und schwarzer Hover-Farbe hinzugefügt. Der HEX-Farbcode<\/strong><\/a> für Blau ist #0003FE, während der Farbcode für Schwarz #000000 ist.<\/p> Neben Brotkrumen hat das OceanWP-Theme auch die folgenden Funktionen:<\/p> Die kostenlose Version von OceanWP ist mit eingeschränkten Funktionen verfügbar. Ihre Premium-Tarife<\/strong><\/a> sind Personal<\/strong> für 39 US$ €\/Jahr<\/strong> für eine Seite, Business<\/strong> für 79 US$\/Jahr<\/strong> für drei Seiten, und Agency<\/strong>, für 129 US$\/Jahr<\/strong> für 25 Seiten.<\/p> [VORSCHAU<\/strong><\/a> \/ HERUNTERLADEN<\/strong><\/a>]<\/p> Wenn Ihrem Theme eine integrierte Funktionalität fehlt, verwenden Sie ein Plugin, um Breadcrumbs zur Website hinzuzufügen. Es gibt mehrere Optionen zur Auswahl im WordPress-Verzeichnis, aber wir haben die vier besten WordPress-Plugins ausgewählt, um Breadcrumbs zu Ihrer Webseite hinzuzufügen.<\/p> Yoast SEO<\/strong><\/a><\/p> Plugin-Statistiken:<\/strong><\/p> Yoast SEO ist eines der beliebtesten Suchmaschinenoptimierungs-Plugins für WordPress. Zusätzlich dazu kommt dieses SEO-Plugin mit eingebauter Breadcrumb-Unterstützung.<\/p> Das Aktivieren von Breadcrumbs auf Ihrer Website mit Yoast SEO ist ein unkomplizierter Prozess. Nachdem Sie das Plugin installiert und aktiviert haben, folgen Sie diesen Schritten:<\/p> Zukünftige Theme-Aktualisierungen können die Änderungen, die Sie vornehmen, aufheben. Um dieses Problem zu lösen, verwenden Sie ein Child-Theme.<\/p> Wenn Sie kein Child-Theme verwenden möchten, versuchen Sie, Hilfe von Ihrem Theme-Entwickler zu bekommen.<\/p> Neben der Breadcrumb-Navigation erhalten Sie durch die Nutzung von Yoast SEO folgende weitere Funktionen:<\/p> Das Yoast SEO Plugin hat eine kostenlose<\/strong> Version mit begrenzten Funktionen. Die Premium-Version<\/strong><\/a> beginnt bei ![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-41.png\/public\")
<\/figure>Warum sollten Sie WordPress Breadcrumbs verwenden<\/strong><\/h2>
\n
Benutzererfahrung verbessern<\/strong><\/h3>
SEO verbessern<\/strong><\/h3>
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-43.png\/public\")
<\/figure>Absprungrate reduzieren<\/strong><\/h3>
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/06\/DE-New-WP_in-text-banner.png\/public\")
<\/a><\/figure><\/div>Wie man Breadcrumbs in WordPress hinzufügt<\/strong><\/h2>
Manuelles Hinzufügen von WordPress-Breadcrumbs<\/strong><\/h3>
\n
![\"Die](\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/11\/Breadcrumbs-1.png\")
<\/li>\n\n\n\n![\"Die](\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/11\/Breadcrumbs2.png\")
<\/li>\n\n\n\n![\"Der](\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/11\/Breadcrumbs3.png\")
<\/li>\n\n\n\n![\"Der](\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2023\/11\/Breadcrumbs4.png\")
<\/li>\n\n\n\n
Hinzufügen von WordPress Breadcrumbs aus einem Theme<\/strong><\/li>\n<\/ol>![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-45.png\/public\")
<\/figure>\n
\n
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-46.png\/public\")
<\/figure>\n
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-47.png\/public\")
<\/figure>\n
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-48.png\/public\")
<\/figure>\n
\n
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-49.png\/public\")
<\/figure>\n
\n
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-50.png\/public\")
<\/figure><\/div>\n
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-51.png\/public\")
<\/figure>\n
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-52.png\/public\")
<\/figure>\n
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-53.png\/public\")
<\/figure>\n
\n
\n
Hinzufügen von WordPress Breadcrumbs mit einem Plugin<\/strong><\/h3>
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-54.png\/public\")
<\/figure>\n
\n
<?php\nif ( function_exists( 'yoast_breadcrumb' ) ) {\nyoast_breadcrumb( '<p id=\"breadcrumbs\">','<\/p>' );\n}\n?><\/pre>\n
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-55.png\/public\")
<\/figure>\n
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-56.png\/public\")
<\/figure>\n
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2023\/11\/image-57.png\/public\")
<\/figure>\n
\n