Verwenden Sie Breadcrumbs, um Ihre mobile Website mit diesen 7 Tipps vollständig zu optimieren

Breadcrumbs sind eine unterschätzte Optimierungstechnik zur Verbesserung Ihrer mobilen Websites

Breadcrumbs sind ein beliebtes Designelement auf Websites, das von Google bevorzugt wird. Aber was sind sie und wie helfen sie genau bei der Suchmaschinenoptimierung ?

Auch wenn Sie nicht wissen, was Breadcrumbs sind, sind Sie ihnen wahrscheinlich beim Surfen im Internet begegnet. Tatsächlich sollten Sie beachten, dass alle SEO-bezogenen Dokumente und Tipps von Google den Wert dieser Elemente betonen.

Denn Breadcrumbs sind für beide Suchmaschinen-Crawler hilfreich; Helfen Sie ihnen, die Struktur Ihrer Website zu verstehen. Je besser diese Crawler Ihre Website verstehen, desto besser werden sie bei Google platziert.

Breadcrumbs sind auch für Ihre Besucher von Vorteil. Wenn diese vorhanden sind, können die Besucher Ihrer Website sie verwenden, um besser zu navigieren und Inhalte auf Ihrer Website zu entdecken.

In diesem Beitrag erfahren Sie alles über Breadcrumbs, ihre Vorteile und wie Sie sie zur Optimierung Ihrer mobilen Website einsetzen können.

Die Grundlagen: Was sind Breadcrumbs?

Breadcrumbs sind ein entscheidendes Navigationselement, das Benutzern hilft, sich auf einer Website zurechtzufinden. Diese Breadcrumbs wissen, wo sie sich in Bezug auf die Gesamthierarchie Ihrer Website befinden.

Viele Experten empfehlen die Verwendung von Breadcrumbs, da sie den Benutzern viele Vorteile bieten, ohne die Benutzeroberfläche drastisch zu beeinträchtigen.

Zur besseren Veranschaulichung: Wie der Name schon sagt, sind Breadcrumbs Links zur Homepage einer Website und zu vorherigen Seiten in der Hierarchie der Website (z. B. zur übergeordneten Seite).

Breadcrumb-Link-Trails sind mit „>“ oder „/“ gekennzeichnet und erscheinen oben auf einer Seite, direkt unter der globalen Navigation, wie Sie im Bild unten sehen können

Die Homepage ist immer der erste Link im Pfad, und es gibt keinen praktischen Unterschied, das bevorzugte Zeichen für das Trennzeichen ist „>“.

Wie profitieren Breadcrumbs von mobilen Layout-Optimierungen?

Die Verwendung von Breadcrumbs auf Ihrer Website bietet zahlreiche Vorteile. Sehen Sie sich Folgendes an:

• Verdienen Sie sich die Gunst von Google: Obwohl Google Breadcrumbs verwendet, um die Struktur Ihrer Website besser zu verstehen, können sie auch in Suchergebnissen verwendet werden, um das Klicken auf Ihre Website für Menschen attraktiver zu machen.
• Mehr Crawling: Breadcrumbs helfen Suchmaschinen-Crawlern, alle Hierarchieebenen zu sehen, indem interne Verknüpfungen erstellt werden.
• Steigern Sie die Benutzererfahrung: Breadcrumbs können die Benutzererfahrung Ihrer Website verbessern, da sie eine Standardfunktion der Benutzeroberfläche sind, die sofort eine Spur zur Homepage einer Website anzeigt.
• Genaueres Indexierungssystem: Google kann den Inhalt der Website kontextualisieren und Webseiten aufgrund hierarchischer Links genau mit der Websitestruktur verknüpfen.
• Reduzierte Absprungraten: Die Absprungraten können durch die Verwendung von Breadcrumbs reduziert werden, da sie Besuchern eine andere Möglichkeit bieten, Ihre Website zu erkunden.

Denken Sie daran, dass es wichtig ist, Ihre Website für ein benutzerfreundliches, mobiles Nutzererlebnis zu optimieren, da mittlerweile mehr als die Hälfte des gesamten Web-Traffics von mobilen Geräten kommt. Möchten Sie mehr über die Rolle von Breadcrumbs bei der Optimierung dieses mobilen Benutzererlebnisses erfahren? Lesen Sie unten weiter:

Dinge, die Sie tun können, um Ihre Breadcrumbs für mobile Layouts zu optimieren

Breadcrumbs können auf mobilen Geräten anders aussehen als oben auf einer Webseite, da sie eine entscheidende Rolle dabei spielen, wie Webbesucher auf der Website navigieren und die Website-Hierarchie anzeigen können.

Hier sind 8 Tipps, mit denen Sie Ihre Website mit Breadcrumbs für Mobilgeräte optimieren können.

1. Stellen Sie sicher, dass Breadcrumbs aktiviert und für Benutzer zugänglich sind.

Es mag vernünftig erscheinen, aber viele Leute, die Websites gestalten, haben die Angewohnheit, die Breadcrumb-Spur zu verbergen, weil sie glauben, dass sie nicht zum Gesamtdesign passt.

Dies ist überhaupt nicht der Fall. Breadcrumbs sind ein wesentliches Element, das Benutzern hilft, sich auf der Website zurechtzufinden, und Google ermöglichen, den Pfad klar zu verstehen. Stellen Sie daher sicher, dass sie für Benutzer leicht zugänglich sind.

2. Ändern Sie das Breadcrumbs-Layout für Mobilgeräte.

Häufig werden Breadcrumbs auf größeren Bildschirmen angezeigt, aber von Mobilgeräten entfernt, um Platz auf dem Bildschirm zu sparen. Dies ist jedoch ein Problem, da eine schnelle Navigation auf kleineren Geräten kritischer ist. Sie müssen also weiterhin Breadcrumbs in Ihrem mobilen Layout verwenden.

Ihre Problemumgehung besteht darin, sie einfach an den verfügbaren Platz anzupassen.

Möglicherweise müssen Sie den horizontalen und vertikalen Abstand des Pfads ändern, um ihn an die kleineren Bildschirme mobiler Besucher anzupassen.

Die Sicherheit eines Benutzers beim Surfen auf einer Website kann jedoch beeinträchtigt werden. Eine Möglichkeit, Ihre Besucher zu schützen, besteht darin, sie zur Verwendung eines VPN zu ermutigen.

LESEN SIE AUCH: So schützen Sie den Datenschutz von Kundendaten im digitalen Marketing

3. Personalisieren Sie das Aussehen Ihrer Breadcrumb-Spur

Ihre Breadcrumb-Spur kann an den Stil und das Thema Ihrer Website angepasst werden, nachdem Sie sie hinzugefügt und eingerichtet haben. Voreinstellungen, Layoutanpassungen und die Personalisierung des Designs sind Möglichkeiten, Benutzer davon zu überzeugen, zu Ihrer Website zurückzukehren und sie weiter zu erkunden.

Nehmen Sie die notwendigen Anpassungen und Änderungen am Layout Ihres Trails vor. Sie können den Hintergrund, die Trennlinien und Objekte Ihrer Website genau so aussehen lassen, wie Sie es möchten, was mobile Benutzer dazu verleitet, zu bleiben und sich umzusehen. Beispiele für gute UI/UX-Verbesserungen, die Sie an Ihrer Website vornehmen können, sind:

• Reduzieren Sie Unordnung so weit wie möglich, um die Navigation zu vereinfachen und die Ladegeschwindigkeit der Seite zu verringern;
• Verwenden eines Layouts, das so gestaltet ist, dass es auf einen mobilen Bildschirm passt, und;
• insgesamt an einem schlichteren Design festhalten – weniger ist schließlich mehr.

4. Vermeiden Sie Semmelbrösel, die in zahlreiche Linien gewickelt sind.

Breadcrumbs können sich auf mobilen Websites schnell in zahlreiche Zeilen wickeln, was auf einem bereits überlasteten mobilen Display erheblichen Platz einnimmt.

Eine Breadcrumb-Spur mit mehreren Linien veranschaulicht die Struktur der Kette möglicherweise nicht gut, insbesondere wenn einige Dinge ihre Linie einnehmen und andere möglicherweise mehr als ein Glied in einer einzelnen Reihe haben. Beheben Sie dies, indem Sie Linien mithilfe der Pfeile am Ende der Linien trennen.

5. Vermeiden Sie die Verwendung von kleinen oder überfüllten Semmelbröseln

Auf einigen Websites sind die Breadcrumbs so formatiert, dass sie weniger Platz auf dem Bildschirm einnehmen, indem sie kleinere Links haben oder dichter angeordnet sind.

Leider sind Touchscreens mit dieser Lösung nicht kompatibel. Vermeide es also, zu dicht beieinander liegende oder zu kleine Paniermehl zu verwenden. Die Mindestgröße für Tippziele beträgt 1 cm x 1 cm.

6. Verkürzen Sie den Breadcrumb-Trail.

Vielleicht möchten Sie den Breadcrumb-Pfad kürzen, um die letzte Ebene einzuschließen. Es ist möglich, primäre Benutzerziele mit nichts anderem als einem einzelnen Breadcrumb zu unterstützen, der eine Ebene nach oben zeigt.

Beispielsweise möchte ein Besucher der Produktdetailseite möglicherweise andere Produktvarianten in derselben Kategorie erkunden, um Shops zu vergleichen.

Daher fördert ein Breadcrumb in der Hierarchie, der mit der übergeordneten Ebene (dh Red Shoes) zusammenpasst, diese Funktion. Mit dieser Technik kann ein langwieriger Breadcrumb-Trail voller Links und wertvoller mobiler Fläche vermieden werden.

7. Breadcrumb-Schema hinzufügen.

Wenn Sie das Breadcrumb-Schema-Markup auf Ihrer Website aktivieren, werden die Breadcrumbs anstelle von URLs in den Suchergebnissen von Google angezeigt.

Aber was genau ist Schema-Markup? Es ist eine Methode, um die Aufmerksamkeit von Suchmaschinen-Crawlern auf bestimmte Teile Ihrer Website zu lenken.

Sie können Suchmaschinen zusätzliche Informationen über Ihre Webseite und deren Inhalt bereitstellen, indem Sie Codeteile in Ihren HTML-Code einfügen. Dies nennt man strukturierte Daten.

Es kann Ihre Chancen verbessern, richtig formatierte Rich Snippets in den Suchmaschinenergebnissen und Breadcrumbs zu erhalten.

Die zentralen Thesen

Breadcrumbs scheinen eine Kleinigkeit zu sein, aber es ist notwendig, darauf zu achten, da diese Navigationsoption für die Benutzererfahrung von Vorteil ist. Um die Bedeutung dieser Brotkrümel zu wiederholen, denken Sie daran:

• Einfachere Navigation führt zu Conversions. So klein sie auch sind, Breadcrumbs können sich auch auf Conversions auswirken, indem sie die Reibung beim Surfen verringern. Und bei der Conversion-Rate-Optimierung gilt: Je weniger Reibung, desto besser.
• Auffindbarkeit helfen. Abgesehen davon, dass Breadcrumbs gecrawlt werden können, verbessern sie auch das Erscheinungsbild der Snippets Ihrer Suchergebnisse. Diese werden von Google hoch angesehen und bringen Ihnen ganz einfach Spitzenplätze.
• Die Optimierung für Mobilgeräte ist nicht verhandelbar. Da die Mehrheit der Benutzer jetzt auf Mobilgeräten surft, sind Optimierungen für diese Gerätekategorie erforderlich. Lassen Sie die Arbeit nicht aus, sonst verlieren Sie Kunden, weil Sie nicht mit den Änderungen in ihrem Surfverhalten Schritt halten konnten.

Suchen Sie nach weiteren Tipps zur Optimierung der mobilen Layouts Ihrer Website? Stellen Sie sicher, dass Sie den Propelrr-Newsletter abonnieren und Updates direkt in Ihren Posteingang erhalten.

Haben Sie Ideen, die Sie mit unserem Publikum bei Propelrr teilen möchten? Senden Sie es über einen Gastbeitrag.

Über den Autor

Lee Li ist Projektmanager und B2B-Texter mit jahrzehntelanger Erfahrung im chinesischen Fintech-Startup-Bereich als PM für TaoBao, MeitTuan und DouYin (jetzt TikTok).