Hur man visar navigeringslänkar för brödsmulor i WordPress

Om du letar efter ett sätt att göra din WordPress-webbplats enklare att navigera, rekommenderar vi att lägga till brödsmulelänkar.

Brödtextnavigering talar om för användarna var de befinner sig på en webbplats i förhållande till startsidan. Denna brödtext visas sedan även i sökresultat, vilket gör att din webbplats sticker ut.

Vi använder brödsmulor på våra egna webbplatser och har funnit att den här funktionen gör det lättare för läsare att navigera mellan olika sidor. Och i den här artikeln visar vi dig hur du visar brödsmulor i WordPress.

Vad är brödtextnavigering och varför behöver du det?

Brödsmulor för navigering är en term som används för att beskriva en hierarkisk navigeringsmeny som presenteras som en spår av länkar. Den används ofta som en sekundär navigering som gör det möjligt för användare att gå upp i webbplatsens hierarki av sidor.

Brödtextnavigeringslänkar skiljer sig från standard navigeringsmeny-systemet i WordPress.

Brödsmule-navigering hjälper användare att navigera på din webbplats och hjälper sökmotorer att förstå strukturen och hierarkin av länkar på en webbsida.

Om dina brödsmulor är korrekt inställda, kommer sökmotorer som Google att visa dem tillsammans med sidtiteln i sökresultaten. Detta ger din webbplats mer synlighet i sökresultaten och ökar din klickfrekvens.

Metoderna i den här guiden hjälper dig att ställa in brödsmulor korrekt genom att använda schema-markup. Schema är en smart markup-kod som hjälper Google att identifiera dina brödsmulor så att de visas i sökresultaten.

Med det sagt, låt oss titta på hur man lägger till brödsmule-navigeringslänkar i WordPress. Vi kommer att visa dig två metoder, och du kan välja den som fungerar bäst för dig:

• Method 1: Adding Breadcrumb Navigation in WordPress Using All in One SEO (Recommended)
• Metod 2: Lägg till brödtextnavigering med Breadcrumb NavXT
• Videohandledning

Metod 1: Lägga till brödsmulor-navigering i WordPress med All in One SEO (Rekommenderas)

Den här metoden är enklare och rekommenderas för alla WordPress-användare.

För den här metoden kommer vi att använda All in One SEO för WordPress, som är bästa WordPress SEO-pluginet på marknaden. Det hjälper dig enkelt att förbättra din WordPress SEO utan några tekniska färdigheter. Det kommer också med en lättanvänd funktion för brödsmulor.

Efter aktivering kommer du att tas till pluginets installationsguide. Du kan följa instruktionerna på skärmen för att konfigurera pluginet.

Behöver du hjälp med installationen? Se vår steg-för-steg-handledning om hur du installerar och ställer in All in One SEO.

Därefter måste du besöka sidan Alla i en SEO » Allmänna inställningar och växla till fliken 'Brödsmulor'.

Brödsmulestischematillägget läggs automatiskt till av All in One SEO i din webbplats kod så att sökmotorer kan hitta det.

Men om du vill visa brödsmulnavigeringslänkar på din webbplats också, måste du aktivera alternativet 'Aktivera brödsmulor'.

Genom att växla omkopplaren kan du se de olika inställningarna för brödtextvisning som du kan använda på din WordPress-webbplats.

Det finns fyra sätt du kan använda för att visa brödtextnavigeringen på din WordPress-webbplats.

1. Lägga till brödtextnavigering med kortkod

Kortkodmetoden är enkel och låter dig visa brödsmulor i dina WordPress-inlägg och sidor eller produktsidor i din onlinebutik.

Redigera helt enkelt inlägget, sidan eller produkten och lägg till följande kortkod där du vill visa navigeringsleden för brödsmulor:

[aioseo_breadcrumbs]

Om du använder standardblockredigeraren konverteras kortkoden automatiskt till blocket Kortkod.

Du kan nu spara ditt inlägg eller din sida och förhandsgranska det för att se brödtextnavigeringsmenyn i aktion.

Så här såg det ut på vår testsida.

2. Lägga till brödsmulor-navigering med Gutenberg-blocket

Nu, om du inte vill använda kortkodsalternativet eller inte kommer ihåg kortkoden, kan du visa brödsmulor-navigering genom att använda AIOSEO – Brödsmuleblocket.

Redigera helt enkelt inlägget eller sidan där du vill visa brödsmulnavigeringen och lägg till blocket AIOSEO – Brödsmulor.

Pluginet kommer sedan att ladda en live-förhandsgranskning av dina brödsmule-navigeringslänkar och visa den i innehållsområdet.

Glöm inte att uppdatera eller publicera dina ändringar.

3. Lägga till brödsmule-navigering med widget

De två ovanstående metoderna kräver att du lägger till en kortkod eller ett block i varje inlägg eller sida där du vill visa brödsmule-navigationslänkar.

Tänk om du ville visa brödtext automatiskt för varje inlägg eller sida?

AIOSEO-kortnagogeringswidgeten widget låter dig enkelt göra det.

Gå helt enkelt till sidan Utseende » Widgetar och lägg till widgetblocket AIOSEO – Brödsmulor. Du kan lägga till det i din webbplats sidofält, sidfot eller vilket widgetområde som helst.

Du kan ange en titel för widgeten eller lämna den tom om du föredrar det.

Glöm inte att klicka på knappen 'Uppdatera' för att spara dina inställningar.

Du kan nu besöka din webbplats och se navigeringsmenyn med brödsmulor på alla inlägg och sidor.

4. Lägga till brödsmule-navigering med kod

Denna metod gör att du kan visa brödtextnavigeringslänkar exakt där du vill ha dem. Det kräver dock att du lägger till kod i dina WordPress-temafiler.

Om du inte har gjort detta tidigare, glöm inte att se vår artikel om hur man lägger till kodavsnitt i WordPress.

Först måste du bestämma var du vill visa kortnagogeringslänkarna. Den vanligaste platsen är under titeln på ett enskilt inlägg, sida eller produkt.

WordPress-teman använder mallfiler för att visa olika sektioner av din webbplats. Till exempel använder många teman en fil som heter content-single.php som finns i mappen template-parts i ditt tema.

Se vårt fuskblad för att hitta vilka filer som ska redigeras i ett WordPress-tema.

Därefter måste du redigera din temafil med en FTP-klient. Se vår guide om hur man använder FTP för att ladda upp filer till WordPress för instruktioner.

Placera sedan följande kod där du vill visa brödtextnavigeringslänkarna:

<?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>

Glöm inte att spara dina ändringar och ladda upp filen tillbaka till din webbplats.

Du kan nu besöka din webbplats för att se brödtextlänkarna i aktion.

Ändra hur brödtextlänkar visas i AIOSEO

Som standard använder All in One SEO en mall för att visa dina brödtextnavigeringslänkar. Den innehåller en länk till ditt hem, kategori, föräldrasida och inläggs- eller sidtitel separerade av symbolen '»'.

Du kan ändra det genom att besöka sidan All in One SEO » Allmänna inställningar och gå till fliken 'Brödsmulor'. Skrolla sedan helt enkelt ner till avsnittet Brödsmuleinställningar.

Här kan du ändra avgränsaren, visa eller dölja hem-länken, lägga till ett prefix och mer.

När du är klar, glöm inte att spara dina inställningar.

Metod 2: Lägg till brödtextnavigering med Breadcrumb NavXT

Denna metod kan användas med alla andra WordPress SEO-plugins. Den är enkel att använda om du har ett kompatibelt tema, men om du inte har det, måste du redigera dina temafiler för att visa dina brödtextnavigeringslänkar.

Det första du behöver göra är att installera och aktivera pluginet Breadcrumb NavXT. För mer detaljer, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering måste du besöka sidan Inställningar » Breadcrumb NavXT för att konfigurera pluginets inställningar.

Standardinställningarna bör fungera för de flesta webbplatser. Du kan dock anpassa inställningarna efter behov.

Inställningssidan är uppdelad i olika sektioner. Under fliken Allmänna inställningar kan du ändra stil och inställningar för dina brödsmulor.

Du kommer också att märka att dessa länkmallar använder Schema.org-markup i länketiketten.

Fliken inläggstyper under plugininställningar låter dig ställa in brödtextlänkar för inlägg, sidor och alla anpassade inläggstyper.

Du kan välja hur du vill visa din inläggshierarki. Som standard använder pluginet hierarkin 'Webbplatsens titel > Kategori > Inläggstitel'.

Du kan ersätta kategorier med taggar, datum eller inläggsförälder och ändra avgränsaren.

Flikarna Taxonomier och Diverse har liknande mallar för dina brödtextnavigeringslänkar.

Glöm inte att spara dina ändringar när du är klar.

Breadcrumb NavXT erbjuder flera sätt att visa brödsmule-navigeringslänkar på din webbplats.

1. Visa brödsmule-navigering med temastöd

Vissa av mest populära WordPress-teman kommer med ett inbyggt alternativ för att visa brödsmule-navigering genom att välja Breadcrumb NavXT eller ditt WordPress SEO-plugin som källa.

Om du till exempel använder temat Sydney, kan du gå till sidan Utseende » Anpassa. Klicka sedan på menyn 'Allmänt' och sedan på alternativet 'Brödsmulor'.

Därifrån måste du välja 'Breadcrumb NavXT' i rullgardinsmenyn 'Breadcrumbs Generator'.

Du kan också välja var du vill att dina brödtexter ska visas genom att välja ett alternativ från rullgardinsmenyn 'Position'.

Om du tittar på ett enskilt inlägg eller en sida, kommer du att se en live-förhandsgranskning av dina brödsmule-navigeringslänkar.

Glöm inte att klicka på knappen 'Publicera' för att spara dina ändringar.

2. Visa navigationslänkar med blocket Brödsmulespår

Du kan också visa brödsmule-navigeringslänkarna genom att använda blocket Breadcrumb Trail.

Gå helt enkelt till din WordPress innehållsredigerare och lägg sedan till blocket Brödsmulesti där du vill visa navigeringslänkarna.

Uppdatera eller publicera ditt innehåll.

Besök sedan din webbplats för att se navigeringslänkarna i aktion.

3. Lägga till brödsmulor-navigering med en widget

Pluginet tillhandahåller också en widget som du kan använda för att visa kortnagogeringsnavigering i sidofältet eller något widget-redo område.

Gå först till sidan Utseende » Widgets och lägg till widgetblocket 'Breadcrumb Trail' i din webbplats widgetområde, som sidofältet eller sidfoten.

Standardinställningarna för widgeten skulle fungera för de flesta webbplatser, men du kan ändra dem om det behövs. Du kanske till exempel vill dölja spåret på startsidan.

Glöm inte att klicka på knappen ‘Uppdatera’ för att spara dina widgetinställningar.

4. Lägga till brödsmule-navigering med kod

Pluginet erbjuder också en kodmetod för att visa brödtextnavigeringslänkar för avancerade användare.

Först måste du ansluta till din WordPress-webbplats med en FTP-klient. Navigera sedan till din nuvarande WordPress-temamapp som finns i katalogen /wp-content/themes/.

WordPress-teman använder mallfiler för att visa olika delar av din webbplats. Till exempel använder många teman en fil som heter content-single.php som finns i mappen template-parts i ditt tema.

Se vårt fuskblad för att hitta vilka filer som ska redigeras i ett WordPress-tema.

Öppna mallfilen för att redigera den, och placera sedan följande kod där du vill visa brödsmulspåret:

<?php if( function_exists( 'bcn_display' ) ) bcn_display(); ?>

Glöm inte att spara dina ändringar och ladda upp filen tillbaka till din webbplats.

Du kan nu besöka din webbplats för att se brödsmulelänkarna i aktion.

Videohandledning

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du visar brödsmule-navigeringslänkar i WordPress. Du kanske också vill se vår guide om hur du visar olika menyer för inloggade användare i WordPress eller hur du lägger till en megameny på din WordPress-webbplats.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.