
AnvĂ€ndarupplevelse Ă€r lika viktigt som innehĂ„llet pĂ„ din webbplats. En anvĂ€ndare ska kunna enkelt och intuitivt navigera genom din WordPress-webbplats. Det Ă€r hĂ€r âbrödsmulorâ kommer in för att spela. Breadcrumbs WordPress-plugins hjĂ€lper dig att implementera detta hjĂ€lpsamma navigeringshjĂ€lpmedel i nĂ€stan vilket tema som helst.
Det Àr praktiskt taget omöjligt att förutsÀga det specifika inlÀgget eller sidan som din besökare kommer att surfa. Oavsett det faktum förvÀntas du fortfarande ge anvÀndarna lÀttanvÀnda navigeringsmÀrken. Detta hjÀlper dem att flytta runt pÄ din webbplats.
Det hĂ€r inlĂ€gget hjĂ€lper dig att förstĂ„ vad “brödsmulor” Ă€r, hur de förbĂ€ttrar den övergripande anvĂ€ndarupplevelsen pĂ„ din webbplats och sedan de gratis WordPress-plugins som hjĂ€lper dig att lĂ€gga till brödsmulor till WordPress utan att behöva nĂ„gon teknisk kunskap.
Vad Àr brödsmulor i WordPress?
Brödsmulor Àr fotspÄr som hjÀlper din besökare att navigera pÄ din WordPress-webbplats pÄ ett organiserat sÀtt. Du kan anvÀnda brödsmulor för att hjÀlpa en anvÀndare att gÄ frÄn ett inlÀggs sida till ett annat.
HÀr Àr en sammanfattning frÄn anvÀndarupplevelseexperterna Nielsen Norman Group:
Brödsmulor Ă€r ett viktigt navigeringselement som stöder vĂ€gsökning – vilket gör anvĂ€ndarna medvetna om deras nuvarande plats inom den hierarkiska strukturen pĂ„ en webbplats. Brödsmulor Ă€r en lista med lĂ€nkar som representerar den aktuella sidan och dess âförfĂ€derâ (överordnad sida, morförĂ€ldersida och sĂ„ vidare), som vanligtvis gĂ„r hela vĂ€gen tillbaka till webbplatsens hemsida. NN / g har rekommenderat brödsmulor sedan 1995, som de ger mĂ„nga fördelar för anvĂ€ndarna nĂ€stan utan kostnad för anvĂ€ndargrĂ€nssnittet.
För dem som driver en e-handelswebbplats kan brödsmulor dramatiskt förbĂ€ttra anvĂ€ndbarheten och i slutĂ€ndan försĂ€ljningen. Du kan anvĂ€nda dem för att uppmuntra anvĂ€ndare att kolla in relaterade produkter frĂ„n en viss kategori, dvs Hem â Produkter â Elektronik â BĂ€rbar.
Du behöver inte heller anstÀlla en webbutvecklare eller lÀra sig avancerad kodning för att implementera den hÀr funktionen. Installera bara ett WordPress-plugin för brödsmulor sÄ Àr du klar.
Fem bÀsta WordPress-plugins för brödsmulor
1. Brödsmulan NavXT
Breadcrumb NavXT Àr en uppdaterad version av ett Àldre plugin med namnet Breadcrumb Navigation XT. Du kan anvÀnda Breadcrumb NavXT för att generera platsbaserade brödsmulspÄr pÄ hela din webbplats. Den har över 800 000 aktiva installationer och Àr populÀr bland WordPress-anvÀndare.
Funktioner
Hur man anvÀnder
NĂ€r du har installerat Breadcrumb NavXT, navigerar du till i din WordPress-instrumentpanel.
Dra och slÀpp Breadcrumb NavXT-widgeten till det önskade widgetomrÄdet och uppdatera widgetinstÀllningarna. Du kommer att kunna se brödsmulspÄret i sidofÀltet eller det widgetomrÄde du valt. Du kan ocksÄ gömma spÄret pÄ hemsidan eller vÀnda ordningen pÄ lÀnkarna.
Du kan ocksÄ lÀgga till brödsmulorna direkt i ditt temas mallfiler med hjÀlp av PHP-funktionen nedan:
bcn_display($return = false, $linked = true, $reverse = false, $force = false)
2. Flexibla brödsmulor
Schemastrukturer Àr en av de viktigaste aspekterna av SEO. Detta WordPress-plugin för brödsmulor Àr integrerat med Google Fonts vilket gör att ditt brödsmulspÄr passar sömlöst till designen av din webbplats.
Funktioner
Kortkodkompatibel Olika separatorer för brödsmulor StĂ€ll in “Hem” -text och “Avsluta” textikonvĂ€ljare Anpassningsbara fĂ€rger Ăndra storlek pĂ„ teckensnitt
Hur man anvÀnder
NÀr du har installerat och aktiverat plugin-programmet, gÄ till omrÄdet i ditt WordPress-sidofÀlt:
De allmĂ€nna instĂ€llningarna erbjuder ett antal anpassningsalternativ. VĂ€lj “Hemtext” (texten framför din spĂ„r) och vĂ€lj en ikon frĂ„n katalogen med gratisikoner tack vare ikonvĂ€ljaren.
Du kan Ă€ndra din brödsmulsseparator om sĂ„ önskas. Ange bara â/â, âââ eller nĂ„got annat tecken som du vill se i spĂ„ret. InlĂ€ggstypens hierarki hjĂ€lper dig att vĂ€lja det format som inlĂ€gg visas i, med hjĂ€lp av “Kategori”, “Datum” eller “Taggar”.
Du kan anvÀnda avsnittet för att helt anpassa fÀrgen pÄ din brödsmulspÄr. Spara dina Àndringar sÄ ser du dem tillÀmpas pÄ din webbplats. Du kan ocksÄ lÀgga till brödsmulor manuellt med hjÀlp av [flexy_breadcrumb] kortkod
3. Yoast SEO
Yoast SEO Àr ett kraftfullt WordPress-plugin. Det hÀr pluginet Àr kÀnt för att hantera SEO pÄ en webbplats, men visste du att du ocksÄ kan anvÀnda det för att lÀgga till brödsmulor i ditt tema? Yoast Àr en allt-i-ett-SEO-lösning som hanterar allt frÄn SEO-analys till XML-webbplatskartor och brödsmulor.
Funktioner
Designad för SEO Ăka sökningsexponeringen Skapa brödsmulor för 404 Komplett on-page-optimering Utbytbar brödsmulsseparator
Hur man anvÀnder
För att aktivera brödsmulor i WordPress, gĂ„ till i din WordPress-instrumentpanel. Du kommer att se en tagg mĂ€rkt “Brödsmulor” i övre delen av skĂ€rmen. Skjut knappen “Inaktiverad” till vĂ€nster och precis som det Ă€r brödsmulor aktiverade.
Du kan ange vilken typ av avgrÀnsare du vill se pÄ din blogg. Yoast breadcrumb-aktiveraren hjÀlper dig ocksÄ att Àndra ankartexten för hemsidan (den som visas i spÄret). Förutom dessa funktioner kan du Àven Àndra brödsmulan för din webbplats 404-sidas dialog.
Kategori, tagg och formatnivÄ-taxonomier Àr tillgÀngliga för inlÀgg baserat pÄ brödsmulspÄret. Om du vill arkivera inlÀgg frÄn en viss kategori kan du ocksÄ göra det. Kortkoder hjÀlper till att göra hela implementeringsprocessen enklare.
Du kan antingen lÀgga till kortkoden manuellt till specifika inlÀgg eller sidor: [wpseo_breadcrumb]. Eller kopiera och klistra in följande kod, tillhandahÄllen av Yoast SEO, i temat dÀr du vill att brödsmulorna ska visas.
<?php if ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb( '<p id="breadcrumbs">','</p>' ); }
4. Brödsmulor frÄn WooCommerce
Om du precis har skapat din WooCommerce-butik och vill installera nÄgra plugins för att öka dynamisk funktionalitet; kolla in WooCommerce Breadcrumbs.
Detta plugin hjÀlper dig att hantera WooCommerce-brödsmulor med enkel effektivitet. Du kan Àndra skiljetecken och visa en osorterad lista genom att Àndra den omgivande HTML-koden.
Funktioner
Rent grÀnssnitt Enkel plugin för brödsmulor HTML-verktyg för Àndring SEO-vÀnlig
Hur man anvÀnder
WooCommerce Breadcrumbs Àr ett enkelt WordPress-plugin. Du aktiverar det genom att gÄ till och markera rutan till.
Du kan Àndra separator mellan brödsmulspÄren frÄn plugin-grÀnssnittet. Du kan lÀgga till HTML i ditt WooCommerce-spÄr för att anpassa utseendet och positionen för objektet. AnvÀnd wrap_before och wrap_after för att lÀgga till start- och slutkoden för din brödsmulbehÄllare. Om du anvÀnder WooThemes kanske vissa funktioner inte Àr tillgÀngliga.
5. Brödsmulor
Breadcrumb Àr ett annat gratis WordPress-breadcrumb-plugin som har gjort vÄr lista. Brödsmulan hjÀlper dig att tillhandahÄlla en fantastisk navigering med minimal instÀllning. Plugin-programmet Breadcrumb hjÀlper dig att visa brödsmulor pÄ vilken plats du helst pÄ din webbplats. LÀgg bara till den angivna kortkoden i din WordPress-redigerare.
Funktioner
Anpassad separator Kortkod tillgÀnglig BegrÀnsa ordlÀnktext Fullt anpassningsbar text Ytterligare CSS-integration FlersprÄkig
Hur man anvÀnder
Brödsmulan kommer att vara tillgÀnglig pÄ din instrumentpanel sÄ snart du installerar den. AllmÀnna instÀllningar kan anvÀndas för att Àndra ledande text, hantera separatortext och anpassa den senaste separatorn.
Du kan hantera visningsgrĂ€nsen pĂ„ ord eller karaktĂ€r. Du kan till och med vĂ€lja om du vill visa “Hem” i din brödsmulspĂ„r. Ange de sidor dĂ€r brödsmulor inte passar bra (till exempel hemsida). Spara Ă€ndringarna sĂ„ Ă€r din smulspĂ„r redo att börja hjĂ€lpa besökare att navigera pĂ„ din webbplats.
Du kan ocksÄ vÀlja ett tema i alternativet i instÀllningsfönstret. Det hÀr alternativet Àr för att anpassa fÀrgen, storleken och designen pÄ ditt brödsmulspÄr.
För att visa dina brödsmulor mÄste du lÀgga till [breadcrumb] kortkod.
För att fÄ ditt brödsmulspÄr att se mer avancerat ut kan du anvÀnda anpassad CSS.
Summering
Det breda utbudet av plugins för brödsmulor för WordPress har gjort det enklare Àn nÄgonsin för anvÀndare att skapa ett anpassat brödsmulspÄr. WebbplatsÀgare behöver inte lÀngre lÀra sig att koda, implementera den hÀr funktionen och dra nytta av brödsmulor.
Om du driver en WooCommerce-butik och bara vill ha ett enkelt plugin för att hantera brödsmulor, anvÀnd WC Breadcrumbs. För dem som inte vill lÀgga till fler plugins till sin webbplats Àr Yoast SEO ett perfekt alternativ. Breadcrumb och Flexy Breadcrumb Àr mycket anpassningsbara plugins för att lÀgga till anpassad breadcrumb-test.