Breadcrumps Navigatie: broodkruimels die zowel gebruikers als Google helpen

Het echte probleem in het leven

Heb je ooit genoten van de website en voel je je als "verloren"? Ik weet niet waar je bent op de website. En keert terug naar de hoofdpagina of hoe u geïnteresseerd kunt zijn? Of misschien klikt u vanuit de Google -zoekresultaten naar één pagina rechtstreeks op de website. En ontdekte dat dat "drijvende" gezicht alleen, geen context, niet weet waarmee gerelateerd is of is er een grotere pagina?

Dit probleem is niet alleen een gebruiker zoals wij. Alleen maar voor de website -eigenaar Digital Marketing of SEO, is dit probleem een "nachtmerrie" die een directe impact heeft op de efficiëntie van de website. Of het is:

• De gebruiker is verward en gefrustreerd: wanneer de gebruiker de weg niet kan vinden. Of begrijp de website -structuur niet, ze zullen waarschijnlijk uw website "afdrukken". Ook bekend als een hoog bouncepercentage
• De conversieratio daalt: als klanten productinformatie, service of oproep tot actieknop vinden, kan niet worden gevonden vanwege gecompliceerde navigatie. De beslissing om te kopen of contact te maken is bijna nee.
• Google is in de war. TEK op uw website: als Google Bot binnenkomt om te kruipen, verzamelt u gegevens en begrijpt u niet welke pagina belangrijk is. Welke pagina is het gezicht van het kind? Welke pagina is een categorie, het is moeilijk voor uw website om goed te worden gerangschikt.

Als u een dergelijke situatie tegenkomt, bent u niet alleen. Dit is een klassiek probleem waar veel websites voor staan. Maar het goede nieuws is dat er een "exit" is die heel eenvoudig maar krachtig is. Dat zal helpen dit probleem op te lossen als "One Shot met twee rijpistolen", zowel gebruiker als Google, "Breadcrumps Navigation" of "Bread Frake".

Prompt voor illustraties: de gebruikersafbeelding gebruikt een computer en een mobiele telefoon met een verwarde uitdrukking. Met een verontrustend pad als een doolhof op het scherm

Waarom is dat probleem opgetreden?

Waarom verwaarlozen of ontwerpen veel websites broodkruimelsnavigatie, ook al heeft het enorme voordelen? De belangrijkste reden is vaak van misverstanden. Of meer belang hechten aan andere dingen

• Over het hoofd gezien belang: sommige mensen denken dat broodkruimels slechts een klein element zijn dat onnodig is of denkt dat het slechts een "decoratie" is die beschikbaar is.
• Benadruk te veel ontwerp: sommige ontwerpers kunnen zich te veel concentreren op de schoonheid of eenvoud van het ontwerp. Tot het verwaarlozen van de basisfuncties die de gebruiker helpen begeleiden, zoals het verbergen van broodkruimels of het gebruik van te kleine tekens
• De website -structuur is vanaf het begin niet duidelijk: als de informatiearchitectuur (IA) van de website vanaf het begin niet goed is gepland. Maak de structuur complex geen duidelijke hiërarchie Het is moeilijk om een effectieve broodkruimels te creëren. kunt u meer studeren op de artikelen voor informatie -architectuur voor SEO en UX om dit te begrijpen?
• SEO Technische onwetendheid: sommige website -eigenaren of ontwikkelaars weten misschien niet dat Breadcrumps niet alleen nuttig is voor gebruikers. Maar speelt ook een belangrijke rol in SEO, vooral om Google te helpen de structuur van de website beter te begrijpen via het schema van Breadcrumb
• Het bijwerken van de website die niet consistent is: soms wanneer nieuwe pagina's worden toegevoegd of de inhoud verbeteren, maar niet bij het bijwerken van de broodkruimelsstructuur consistent zijn, kan dit ervoor zorgen dat broodkruimels fouten weergeven. Of onvolledig

Deze oorzaken leiden tot problemen die gebruikers "verloren" en Google "de website -structuur niet begrijpen. Dat is een belangrijk obstakel voor het rangschikken en verhogen van de conversie

Prompt voor illustraties: websiteontwerpers kijken naar kleine componenten op het scherm of de beeldstructuur van de website die er ingewikkeld uitziet en geen voorschriften heeft.

Als het overgaat, hoe zal het dan beïnvloeden?

Goede onwetendheid en installatie van goede navigatie van broodkruimels kan leiden tot "pijnlijke" resultaten, zowel in termen van gebruikerservaringen als SEO -prestaties van uw website. Laten we kijken of er lang over is wat er zal gebeuren:

• De obligatiesnelheid is hoog: wanneer gebruikers de website betreden en niet kunnen vinden wat ze willen. Of kan geen manier vinden om door te gaan, ze zullen de website snel "afdrukken", waardoor het bouncepercentage hoger is, wat een slecht signaal is voor Google.
• De duur van de gebruiker op internet (woontijd) nam af: als de gebruiker andere inhoud op de website niet gemakkelijk kan verkennen, zullen hij minder tijd besteden. Die de Google -ranglijst negatief beïnvloedt en de mogelijkheid om andere waardevolle inhoud te ontdekken te verminderen en te verminderen
• Conversieratio down: of het kopen van producten, het invullen van formulier of abonnement als de gebruiker de doelpagina niet soepel kan begeleiden, zal de kansen op conversie dramatisch afnemen.
• SEO is niet zo bang als het zou moeten: Google Bot zal problemen hebben met het begrijpen van de hiërarchie van uw website. Wanneer de structuur niet duidelijk is, kan Google uw website beoordelen dan u zou moeten zijn. Die van invloed is op uw zoekranglijst
• Het maken van een onjuiste interne link: geen goede broodkruimels mist u de mogelijkheid om een interne link van de kwaliteit te maken, wat belangrijk is om paginaautoriteit te distribueren en Google te helpen de Windows te ontdekken. Op uw website gemakkelijker
• Gebruikerservaring (UX) is slecht: de gebruiker voelt zich gefrustreerd en niet onder de indruk van uw website. Waardoor ze er niet aan denken om in de toekomst weer terug te keren om opnieuw te gebruiken, is iets dat je helemaal niet wilt gebeuren

Goede investering met UX -ontwerp vanaf het begin is belangrijk om UX -structuren voor de IR -website , kunnen u helpen het belang van een goede structuur te zien.

Prompt voor illustraties: de grafiek toont de stijgende bouncepersnelheidsgrafiek en de verminderde conversieratio, samen met het vraagteken en het computerscherm dat slechte zoekresultaten toont.

Is er een oplossing? En waar moet het beginnen?

Maak je geen zorgen! Het oplossen van deze problemen met navigatie van broodkruimels is niet moeilijk. En heeft een waarde die meer waard is dan verwacht! Laten we eens kijken waar u moet beginnen. En welke technieken

Eerste stap: begrijp uw website -structuur

Voordat u broodkruimels begint te plaatsen, moet u eerst de structuur van de website zelf begrijpen, hoeveel niveaus. Welke pagina staat onder welke pagina? Bijvoorbeeld: Home> Categorie> Producten of hoofdpagina> Service> Sub -Service> Artikelen

Technieken voor het oplossen van problemen met breadcrumps -navigatie

1. Duidelijk broodkruimels ontwerp en gemakkelijk te gebruiken:
   • Positie: moet bovenaan de hoofdinhoud worden geplaatst. Onder het hoofdnavigatiemenu of onder de H1 van de pagina zodat gebruikers gemakkelijk kunnen zien
   • Formaat: gebruik de tekstformulieren met pijlen of markeringen ">" Afscheid tussen het gezicht, zoals de hoofdpagina> Producten> T -shirts
   • Kleur en maat: gebruik kleur en grootte van de tekens die gemakkelijk te lezen zijn. Slikt niet met de achtergrond, maar niet uitstekend om te concurreren om aandacht van de hoofdinhoud
2. Gebruik broodkruimels op basis van hierachy (volgens hiërarchie):
   • Dit zijn de meest voorkomende en aanbevolen formulieren voor SEO, die de route zullen tonen volgens de echte website -structuur, zoals Home> Categorie> Subcategorie> Huidige pagina.
   • Hierdoor kunnen zowel gebruikers als Google de hiërarchie van de website duidelijk begrijpen.
3. Zorg ervoor dat elke pagina de juiste broodkruimels heeft:
   • Met uitzondering van de startpagina (startpagina), moet elke pagina broodkruimels hebben die teruggaan naar de hoofdpagina's en pagina's.
   • De link in broodkruimels moet een klikbare link zijn en de gebruiker naar de juiste bestemming gebruiken.
4. gebruik Breadcrumblist -schema -opmaak:
   • Dit is de "SEO", de belangrijkste broodkruimels! Door de Breadcrumblist Structured (in de vorm van JSON-LD) in de code van de Website te vergroten, kunt u Google helpen uw website-structuur beter te begrijpen en kan uw broodkruimels weergeven in de zoekresultaten (Rich Snippet), waardoor uw link meer klikt.
   • U kunt verschillende tools gebruiken, zoals Google Search Central om te controleren of uw schema -opmaak correct is.
5. Mobielvriendelijk maken:
   • Vergeet niet dat veel gebruikers toegang krijgen tot de website via mobiel. Zorg ervoor dat uw broodkruimels goed worden weergegeven op een klein scherm. Niet te groot of ingewikkeld totdat het moeilijk te lezen is
   • Als er te veel hiërarchie op mobiel is, kan wat verborgen beschouwen of JavaScript gebruiken om de "..." tussen de hoofd- en huidige hoofdpagina's te verkorten. Om ruimte te besparen
6. Bind de interne links op de juiste manier:
   • Breadcrumbs is een geweldige interne link -tool. Het helpt de pagina -autoriteit te verspreiden en Google te vertellen welke pagina is gekoppeld aan welke pagina.
   • Overweeg de verbinding van broodkruimels met het mega -menu dat zich richt op uw SEO om de structuur te versterken. U kunt voorbeelden zien van Webflow SEO Friendly Mega Menu .

Vanaf uw "Website Survey" is het belangrijkste punt. Daarna begon het deze technieken stap voor stap aan te passen.

Prompt voor illustraties: de handafbeelding van de puzzel van broodkruimels in een duidelijk websitediagram. Vertegenwoordigt de structuur

Voorbeelden van het echte ding dat vroeger succesvol was

Om duidelijk te zien dat navigatie van broodkruimels daadwerkelijk een tastbare resultaten kan opleveren. Ik wil graag een voorbeeld delen van een van de "e-commerce websites" die elektronische apparaten verkopen. Die een probleem had ondervonden met gebruikers- en conversieratio

Origineel probleem: de gebruiker is in de war, Google begrijpt het niet.

Hun oorspronkelijke website heeft geen duidelijke broodkruimels of is het gewoon een normaal bericht. Dat kan niet klikken wanneer gebruikers het product rechtstreeks vanuit Google invoeren, ze zijn vaak in de war over in welke categorie van dit product zich bevindt. Of zullen teruggaan naar andere producten in dezelfde categorie als gevolg hiervan, het hoge achteraflating en de meeste gebruikers gaan uit de pagina zonder andere onderdelen te verkennen. Van de website. Google zelf, het lijkt lang te duren om te kruipen. En rangschikt sommige pagina's niet zo goed als het zou moeten zijn

Methode: Installeer Breadcrumps -navigatie met schemamarkup

Het team besloot de nieuwe navigatie te "reviseren". Een van de sleutel is om de juiste navigatie van de broodkruimels te installeren. Ze gaan als volgt verder:

• Website -structuuranalyse: het opstellen van een nieuw websiteplan om ervoor te zorgen dat er een duidelijke hiërarchie is (zoals de hoofdpagina> computer> Laptop> MacBook Pro)
• Duidelijke broodkruimelsontwerp: plaats broodkruimels op een duidelijke positie op de bovenkant van het product en de pagina. Gebruik de lettergrootte en contrasterende kleuren. En laat elke link in broodkruimels klikken
• Piloot met schema-opmaak: voeg BreadCrumblist Schema Markup (JSON-LD) aan alle functies. Er is een broodkruimels om Google duidelijk te vertellen dat dit de structuur van de website is.
• Verbeter de mobiele ervaring: zorg ervoor dat broodkruimels niet belemmeren voor mobiel gebruik. En nog steeds gemakkelijk te lezen en te klikken

Resultaten: verkopen, SEO is merkbaar beter!

Na het gebruik van broodkruimelsnavigatie voor slechts een paar maanden is het resultaat:

• De conversieratio is gestegen met 15%: gebruikers kunnen gemakkelijk gerelateerde producten en categorieën vinden. Maakt de aankoopbeslissing sneller
• Bookce -tarief daalde met 8%: gebruikers besteedden langer op de website. En verken meer vensters
• De SEO -ranglijst is beter: veel pagina's met producten begonnen te verschijnen als een rijke snippe in de zoekresultaten van Google (met broodkruimels onder de linknaam), waardoor de link interessanter en meer kans is om te klikken. Het verkeer van organisch zoeken is duidelijk toegenomen.
• Het aflaten van wagens is met 10%verlaagd: gebruikers reizen gemakkelijker door het kiezen van producten. Verminder de kans om manden weg te gooien

Dit is een bewijs dat broodkruimels niet alleen een "broodcrum" zijn, maar een "tool" die echt krachtig is in de efficiëntie van uw website.

Prompt voor illustraties: e-commerce website met een duidelijke broodkruimels met verhoogde verkoopgrafieken en Google-zoekresultaten pictogrammen die een rijk snippet tonen.

Als je wilt volgen, wat te doen? (Kan onmiddellijk worden gebruikt)

Klaar om uw website te upgraden met breadcrumps -navigatie, toch? Dit is een eenvoudige checklist die u onmiddellijk kunt volgen:

1. Beoordeel uw huidige website -structuur:
   • Teken een eenvoudig websiteplan. Om de algehele hiërarchie te zien (hoofdpagina> Categorie> pagina/artikel)
   • Geef op welke pagina de hoofdpagina is voor de moeder en het kind
2. Kies de positie van broodkruimels:
   • De beste positie is "de bovenkant van de hoofdinhoud" (boven de H1 of onder het navigatiemenu)
   • In overeenstemming met de aanbevolen praktijken voor bekende gebruikers
3. Ontworpen en gemaakt broodkruimels:
   • Gebruik Easy -to -Begrijp Tekst: de paginanaam in broodkruimels moet dezelfde naam hebben als de echte naam.
   • Gebruik de juiste scheiding: zoals > of /
   • Maak de link. Klik op: Alle delen van broodkruimels behalve de huidige pagina. Zou een link moeten zijn die terug kan klikken naar het gezicht van de moeder of de hoofdpagina
   • Stijlaanpassing: gebruik CSS om de maat, kleur en afstand te regelen om er schoon en gemakkelijk uit te lezen uit te zien. Stoor de hoofdinhoud niet
4. installeren Breadcrumblist Schema Markup (JSON-LD):
   • Dit is een belangrijke stap voor SEO.
   • Als u CMS zoals WordPress gebruikt, kan er een plug -in zijn (zoals Yoast SEO) die helpt om automatisch een schema -aanmelding te maken.
   • Als het een webflow of aangepaste code is, moet u de JSON-LD-code inzetten Van elke pagina
   • Voorbeeldcode:
     {
"@context": "https://schema.org/",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "หน้าหลัก",
"item": "https://www.yourwebsite.com/"
},{
"@type": "ListItem",
"position": 2,
"name": "หมวดหมู่",
"item": "https://www.yourwebsite.com/category/"
},{
"@type": "ListItem",
"position": 3,
"name": "หน้าปัจจุบัน",
"item": "https://www.yourwebsite.com/category/current-page/"
}]
}
     
5. Test en verbeteren:
   • Test op desktop en mobiel: controleer of broodkruimels de resultaten correct, prachtig en gemakkelijk te gebruiken op alle apparaten weergeven.
   • Gebruik Google Rich Results Test : Controleer of uw schema -opmaak correct is en Google kan lezen.
   • Controleer gebroken links: zorg ervoor dat de link in broodkruimels niet verbroken is.
6. Gerelateerde interne link:
   • Naast het gebruik van broodkruimels, helpt het maken van een goede interne link in de artikelinhoud ook om SEO te verbeteren, bijvoorbeeld, u kunt lezers aanbevelen om meer te bestuderen over het maken van een vriendelijke veelgestelde vragen, die onderdeel kan zijn van uw website -structuur.

Deze checklist geeft u een vriendelijke broodkruimelsnavigatie met zowel gebruikers als Google! En als u hulp nodig hebt van UX/UI -experts om complexe structuren te ontwerpen of het meest effectief is om de website te maken, aarzel dan niet om Vision X Brain UX/UI -experts voor de beste resultaten

Prompt voor illustraties: Checklist -afbeeldingen met alle juiste tekens vertegenwoordigen eenvoudig de stappen.

Vragen die mensen de neiging hebben zich af te vragen en de antwoorden die zijn gewist

Nadat we hebben geleerd over het belang en de methode om broodkruimelsnavigatie te maken, geloof ik dat velen van jullie misschien nog enkele vragen hebben. Ik heb een populaire vraag samengesteld met een duidelijk antwoord.

V1: Breadcrumbs, is het nodig voor alle soorten websites?

A: In principe "zeer noodzakelijk", vooral voor websites met gecompliceerde structuren, zijn er veel subcategorieën, zoals e-commerce websites, nieuwswebsites, blogs met verschillende categorieën of grote websites met veel inhoud. Voor een kleine website met een paar pagina's zijn broodkruimels misschien niet zo veel. Maar het is nog steeds beter dan geen omdat het je altijd helpt

V2: Door broodkruimels te gebruiken, zullen onze interne links "duplicaat" maken? En zal Google die spam denken?

A: Helemaal niet! Breadcrumbs is een van de interne links die Google begrijpt en zelfs leuk vindt. Het veroorzaakt geen duplicatie op een beschadigde manier. Maar het helpt Google de hiërarchie en de relatie tussen de Windows te begrijpen. Op uw website nog beter, bovendien, is het gebruik van BreadCrumblist -schema -markup nog meer bevestigend voor Google dat dit de juiste en nuttige navigatiestructuur is voor gebruikers.

V3: Waar moet ik de broodkruimels op de webpagina plaatsen?

A: De meest geschikte positie is "de bovenkant van de hoofdinhoud" of "onder het hoofdnavigatiemenu". Meestal bevindt het zich onder de header- of navigatiebalk van de website omdat het een locatie is die gebruikers kennen en willen begrijpen waar ze op de website zijn. De plaatsing in deze positie helpt ook de Google Bot te kruipen en gemakkelijk te begrijpen.

V4: Als onze website tegelijkertijd een pagina of een artikel in veel categorieën heeft, hoe moeten broodkruimels dan doen?

A: Dit is een veel voorkomende situatie. De beste manier is "Kies slechts één hoofdroute" die het meest redelijk is voor uw gebruikers en uw bedrijf, bijvoorbeeld als één product zich in de categorie "shirt" en "promotie" bevindt, kiest u de categorie "Shirt" als de belangrijkste route in broodkruimels omdat het de hoofdproductstructuur is en de interne link om te verbinden met de pagina "Promotie" te gebruiken als niet te compliceren.

V5: Heb je gereedschap of pluggen die helpen broodkruimels in CMS te maken, zoals WordPress gemakkelijk?

A: Natuurlijk! Voor WordPress heeft de populaire SEO -plug -in, Yoast SEO of Rank Math, functies voor het openen en gemakkelijk instellen van de broodkruimels, evenals het automatisch maken van de schema -marker. Voor de webflow of een website die is gemaakt met de aangepaste code, moet u mogelijk extra code gebruiken om de code in de sectie te schrijven. "Als je wilt volgen, wat te doen?"

Prompt voor illustraties: Q & A Bubble -afbeeldingen die boven het Google -logo en het lachende gebruikerspictogram drijven, zoals het ontvangen van antwoorden.

Samenvatting om gemakkelijk te begrijpen te zijn + willen proberen te doen

Hoe is het met je? Met het verhaal "Breadcrumbs Navigation: Breadcricks die zowel gebruikers als Google helpen". Ik hoop dat je nu begrijpt hoe deze kleine navigatie "macht" heeft!

Eenvoudig te onthouden dat broodkruimels de "echte vriend" van zowel gebruikers als Google is:

• Voor gebruikers: het is een "levenskaart" die hen helpt niet te verloren gaan op uw website. Weet waar je bent en waar kun je naartoe gaan? Maakt de ervaring (UX) uitstekend totdat ze willen blijven en willen kopen
• Voor Google: het is een "kompas" dat Google Bot helpt de hiërarchie van uw website te begrijpen. Maakt de ranglijst (SEO) effectief en helpt uw website ook om de mogelijkheid te krijgen om het rijke fragment ook op de zoekresultaten weer te geven!

Investeringen met het juiste ontwerp en de installatie van broodkruimels is niet alleen een "kleine" verbetering, maar "investering" die veel beloningen voor uw website zal creëren, zoals het verminderde bouncepercentage, de verhoogde verblijftijd, conversieratio en een betere SEO -rang.

Wacht niet meer!

Ik nodig je uit om vanaf vandaag te "doen". Laten we teruggaan en uw website verkennen om te zien of er een paneermeel is? Als je het hebt, werkt het goed genoeg? Als er nog steeds geen tijd is om het serieus te installeren!

Beginnend bij:

1. Begrijp uw webstructuur.
2. Duidelijk en broodkruimels ontwerp
3. Het belangrijkste is "Vergeet niet om BreadCrumblist -schema -opmaak te plaatsen" om Google duidelijk te vertellen!

Als u denkt dat het zelf ingewikkeld is of wilt dat experts vanaf het begin helpen op te lossen om een website te krijgen met een sterke structuur en indrukwekkende conversie Raadpleeg de WebFlow -expert van Vision X Brain gratis! Geen verplichting! We zijn klaar om een "partner" te zijn die zal helpen "uw website te maken". "Broodvlokken leidt" die gebruikers naar het doel brengen en uw bedrijf meenemen naar duurzaam succes!

Prompt voor illustraties: handafbeeldingen die broodvlokken op de heldere route op de kaart sprenkelen met Google Logo en glimlachende gebruikerspictogrammen.

‍