TechBlogSD - Alles für WordPress und WEB-Entwicklung
WEB- und WordPress-Anleitungen, Neuigkeiten, Rezensionen zu Themes und Plugins

Alles, was Sie über Semmelbrösel wissen sollten

6

Breadcrumbs ist eine Navigationsstruktur, die eine Sammlung von Links enthält, die den Benutzern helfen, die Website einfach zu durchsuchen. Dies hilft dem Benutzer zu jedem Zeitpunkt zu wissen, wo genau er sich auf der Seite befindet und direkt in der Ebenenstruktur nach oben oder unten zu wechseln. Kleinere Sites mit einzelnen Kategorien oder unabhängigen Seiten erfordern möglicherweise keine zusätzliche Breadcrumb-Navigation, da das Menü der Site die Navigationsbedürfnisse eines Benutzers erfüllen kann. Größere Sites mit einer großen Anzahl von Kategorien und einer Eltern-Kind-Seitenstruktur benötigen jedoch zusätzliche Breadcrumbs, um Benutzer zu informieren, wo sich die aktuelle Seite im Verhältnis zur gesamten Site genau befindet.

Interessierte Benutzer können zur oberen oder unteren Ebene wechseln, um relevante Inhalte zu finden, die ohne Breadcrumbs möglicherweise nicht möglich sind.

Bedeutung von Semmelbrösel

Neben der Hilfe für Benutzer wird die Breadcrumb-Struktur auch auf den Suchmaschinen-Ergebnisseiten von Google und Bing angezeigt. Suchmaschinen wie Bing zeigen den Link der Breadcrumbs in den Suchergebnissen an, sodass Benutzer direkt zu dieser Kategorie anstelle einer bestimmten Seite wechseln können.

Alles, was Sie über Semmelbrösel wissen solltenAlles, was Sie über Semmelbrösel wissen sollten

Wie fügt man Semmelbrösel hinzu?

Die einfache Möglichkeit, Breadcrumbs zu Ihrer Website hinzuzufügen, besteht darin, ein Design zu verwenden, das diese Funktion standardmäßig bietet. Content-Management-Systeme wie selbst gehostetes WordPress bieten Plugins, um benutzerdefinierte Breadcrumbs über der Artikelüberschrift einzufügen. Wenn Ihr Site-Builder eine solche Funktion nicht bietet, müssen Sie sie manuell auf jeder Seite hinzufügen, indem Sie das HTML-Anker-Tag verwenden. Site-Builder-Tools wie Weebly bieten beispielsweise keine Designs mit Standard-Breadcrumbs. Daher müssen Sie es auf jeder Seite separat mit benutzerdefiniertem HTML / CSS hinzufügen.

Beispiele für Semmelbrösel

Obwohl Breadcrumb im Allgemeinen als horizontaler Link unter oder über dem Titel einer Seite platziert wird, kann er je nach Navigationsstruktur der Site eine vertikale oder horizontale Struktur haben. Im Folgenden finden Sie Beispiele für Breadcrumbs, die zeigen, wie einfach es den Benutzern ist, die Site zu durchsuchen.

Alles, was Sie über Semmelbrösel wissen sollten

Auf dieser Website verwenden wir das Yoast SEO-Plugin, um die horizontalen Breadcrumbs über jedem Beitragstitel anzuzeigen. Da wir viele Kategorien haben, hilft uns dies, die Artikel in die entsprechende Kategorie zu gruppieren und in Suchmaschinen anzuzeigen. Der Vorteil besteht darin, dass Sie bei der Gruppierung eines Artikels mit mehreren Kategorien auswählen können, welche Kategorie im Breadcrumb als primäre Kategorie angezeigt werden soll.

Alles, was Sie über Semmelbrösel wissen sollten

Yoast SEO Breadcrumbs

Der Yoast SEO-Breadcrumb ist einfach textbasiert und Sie können Box und Schatten mit dem folgenden CSS hinzufügen:

#breadcrumbs { box-shadow: 1px 1px #d5d4d4; background: #eeeded; border: 1px solid #eeeded; border-radius: 5px; padding: 0 5px 0 10px; font-size: 16px; }

Benutzerdefinierte CSS-Breadcrumbs

Sie können benutzerdefinierte CSS-Breadcrumbs hinzufügen, insbesondere wenn Ihre Website eine kleinere Anzahl von Seiten hat. Unten finden Sie horizontale CSS-Breadcrumbs, die Ihrer Website hinzugefügt werden können. Lesen Sie unseren Artikel zum Hinzufügen dieser Breadcrumbs zu Ihrer Weebly-Site.

CSS-Breadcrumb-Stil 1

CSS-Breadcrumb-Stil 2

CSS-Breadcrumb-Stil 3

CSS-Breadcrumb-Stil 4

CSS-Breadcrumb-Stil 5

Bonus CSS Breadcrumb Style 6

Semmelbrösel wird auch als Keksbrösel oder Brotkrumenspur bezeichnet.

Aufnahmequelle: www.webnots.com
Hinterlasse eine Antwort

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen