TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Allt du borde veta om brödsmulor

7

Brödsmulor är en navigationsstruktur som innehåller en samling länkar som hjälper användare att enkelt bläddra igenom webbplatsen. Detta hjälper användaren att när som helst veta var han befinner sig på webbplatsen och gå direkt uppåt eller nedåt. Mindre webbplatser med enstaka kategorier eller oberoende sidor kanske inte kräver en extra brödsmulnavigering eftersom webbplatsens meny kan tillgodose användarens navigationsbehov. Men större webbplatser med ett stort antal kategorier och överordnad-barns sidstruktur behöver ytterligare ströbröd för att informera användarna om exakt den aktuella sidan är placerad i förhållande till hela webbplatsen.

Intresserade användare kan gå till övre eller nedre nivå för att hitta relevant innehåll som kanske inte är möjligt utan ströbröd på plats.

Vikten av brödsmulor

Förutom att hjälpa användare visas även brödsmulans struktur på sökmotors resultatsidor för Google och Bing. Sökmotorer som Bing visar länken till ströbrödet i sökresultaten så att användare direkt kan gå till den kategorin istället för en specifik sida.

Allt du borde veta om brödsmulorAllt du borde veta om brödsmulor

Hur lägger man till brödsmulor?

Det enkla sättet att lägga till brödsmulor på din webbplats är att använda ett tema som erbjuder denna funktion som standard. Innehållshanteringssystem som WordPress som egen värd erbjuder plugins för att infoga skräddarsydda brödsmulor ovanför artikelrubriken. Om din webbplatsbyggare inte erbjuder en sådan funktion måste du lägga till den manuellt på varje sida med hjälp av HTML -ankartagg. Till exempel erbjuder webbplatsverktyg som Weebly inte teman med standardbrödsmulor. Därför måste du lägga till den på varje sida separat med anpassad HTML / CSS.

Exempel på brödsmulor

Även om brödsmulan i allmänhet är placerad som en horisontell länk under eller ovanför sidans titel, kan den ha en vertikal eller horisontell struktur beroende på webbplatsens navigeringsstruktur. Nedan är exemplen på ströbröd som visar hur enkelt det gör att användarna kan surfa på webbplatsen.

Allt du borde veta om brödsmulor

På denna webbplats använder vi Yoast SEO -plugin för att visa de horisontella brödsmulorna ovanför varje inläggstitel. Eftersom vi har många kategorier hjälper det oss att gruppera artiklarna till den relevanta kategorin och visa den i sökmotorer. Fördelen är att när en artikel är grupperad med flera kategorier kan du välja vilken kategori som ska visas i ströbrödet som primär kategori.

Allt du borde veta om brödsmulor

Yoast SEO Brödsmulor

Yoast SEO -brödsmulan kommer att vara enkel textbaserad och du kan lägga till box och skugga med hjälp av CSS nedan:

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

Anpassade CSS -brödsmulor

Du kan lägga till anpassade CSS -brödsmulor, särskilt när din webbplats har ett mindre antal sidor. Nedan finns ett horisontellt CSS -brödsmulor som kan läggas till på din webbplats. Kolla in vår artikel om hur du lägger till detta ströbröd till din Weebly -webbplats.

CSS Brödsmulstil 1

CSS Breadcrumb Style 2

CSS Breadcrumb Style 3

CSS Brödsmulstil 4

CSS Brödsmulstil 5

Bonus CSS Breadcrumb Style 6

Brödsmulor kallas också kaksmulor eller ströbrödsspår.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer