Kas yra "Breadcrumb Navigation"?
Drobulinė navigacija - tai vidinių nuorodų, vadinamųjų "trupinių", pėdsakas, kuris informuoja naudotoją apie jo dabartinę vietą svetainės puslapių hierarchijoje. Terminą "trupiniai" įkvėpė brolių Grimų pasakos istorija apie Hanselį ir Gretelę, kurie, norėdami rasti kelią namo, paliko trupinių pėdsaką.
Naršymo trupinių tipai
- Hierarchija pagrįsti "Breadcrumbs": Jie taip pat žinomi kaip vietos nustatymu pagrįsti trupiniai, rodantys naudotojo padėtį svetainės hierarchijoje.
- Atributais pagrįsti trupiniai: Dažniausiai naudojamos elektroninės prekybos svetainėse.
- Istorija pagrįsti "Breadcrumbs": Išdėstytos pagal konkrečius lankytojo žingsnius, kuriuos jis atliko, kad pasiektų dabartinį puslapį.
Drobinės navigacijos svarba
Naršymo trupinėlių navigacija yra svarbi, nes ji pagerina naudotojo patirtį ir palengvina naršymą svetainėse. Tai antrinė navigacija, padedanti lankytojams rasti tai, ko jie ieško, ir sumažinanti paspaudimų, reikalingų grįžti į aukštesnio lygio puslapius, skaičių. Ji taip pat pagerina mobilųjį naudojimą ir atlieka svarbų vaidmenį SEO.
SEO privalumai
- Vartotojo patirtis: "Google" apdovanoja svetaines, kuriose pirmenybė teikiama naudotojo patirčiai. Naršymo trupiniai palengvina navigaciją, o tai gali padidinti naudotojų pasitenkinimą.
- Svetainės hierarchijos supratimas: "Breadcrumbs" padeda "Google" suprasti jūsų svetainės struktūrą ir efektyviau paskirstyti "PageRank", o tai gali pagerinti jūsų pozicijas.
- Mažesni atmetimo rodikliai: Suteikdami naudotojams alternatyvią navigacijos priemonę, trupiniai gali sumažinti atmetimo rodiklius, skatindami tyrinėti daugiau svetainės turinio.
Kaip įdiegti "Breadcrumb" navigaciją
Naršymo trupinių navigaciją įgyvendinti nesudėtinga. Jei turite "WordPress" svetainę, tokie įskiepiai kaip "Yoast SEO" supaprastina šį procesą. Kai kurios "WordPress" temos netgi gali palaikyti trupinius pagal nutylėjimą. Ne "WordPress" svetainėse trupinius galite įdiegti rankiniu būdu, naudodami HTML ir CSS.
HTML šablono pavyzdys
<ul class="breadcrumb"> <li><a href="#">Pradžia</a></li> <li><a href="#">Tinklaraštis</a></li> <li><a href="#">Kategorija</a></li> <li>Ankstesnis puslapis</li> </ul>Šis šablonas sukuria nuorodų sąrašą su paryškinimais. Pritaikykite stilių naudodami CSS, kad jis atitiktų jūsų dizaino poreikius.
Struktūriniai duomenys
Norėdami užtikrinti, kad trupiniai būtų rodomi paieškos sistemose, savo svetainėje įdiegkite atitinkamus struktūrizuotus duomenis. Išsamios rekomendacijos pateikiamos " Google" trupinių dokumentuose.
Geriausia naršymo trupmenos praktika
- Palaikykite pirminę navigaciją: Tai papildoma navigacijos funkcija, o ne pirminio navigacijos meniu pakaitalas.
- Naudokite skirtukus: Atskirkite tekstines nuorodas "trupinių take" specialiais ženklais, pvz., ">", "/" arba rodyklėmis.
- Visas navigacijos kelias: Visada įtraukite visą navigacinį kelią, nepriklausomai nuo to, kaip naudotojas pateko į puslapį.
- Skaitymas iš kairės į dešinę: Skaitymas iš kairės į dešinę: pagrindinis puslapis yra kairėje, o dabartinis puslapis - dešinėje.
- Dabartinis puslapis: Paskutinysis elementas drobiniame take turėtų būti dabartinis puslapis, o ne nuoroda, ant kurios galima paspausti.
- Į akis nekrentantis dizainas: Užtikrinkite, kad navigacijos skrituliai būtų paprasti ir neįkyrūs, išdėstyti puslapio viršuje, o jų šriftas būtų nedidelis, bet įskaitomas.
Daugiau įžvalgų ir patarimų apie žiniatinklio navigaciją ir SEO rasite " Ranktracker" tinklaraštyje ir išsamiame SEO vadove. Be to, peržiūrėkite mūsų SEO žodynėlį, kad susipažintumėte su pagrindiniais SEO terminais ir sąvokomis.
