Mikä on leivänmuru-navigointi?
Breadcrumb-navigaatio tarkoittaa sisäisten linkkien muodostamaa polkua, joka tunnetaan nimellä "leivänmurut" ja joka kertoo käyttäjälle hänen nykyisen sijaintinsa verkkosivustolla sivuston sivuhierarkiassa. Termi "leivänmurunen" on saanut alkunsa Grimmin veljesten sadun tarinasta Hannu ja Kerttu, jotka jättivät leivänmurujen jäljen löytääkseen tiensä takaisin kotiin.
Breadcrumb-navigoinnin tyypit
- Hierarkiapohjaiset leivänmurut: Ne näyttävät käyttäjän sijainnin verkkosivuston hierarkiassa.
- Attribuuttipohjaiset leivänmurut: Käytetään yleisesti sähköisen kaupankäynnin verkkosivustoilla.
- Historiaan perustuvat leivänmurut: Järjestetään sen mukaan, mitä vaiheita kävijä on ottanut saapuakseen nykyiselle sivulle.
Breadcrumb-navigaation merkitys
Breadcrumb-navigointi on tärkeää, koska se parantaa käyttäjäkokemusta ja helpottaa verkkosivustojen navigointia. Se tarjoaa toissijaisen navigoinnin, joka auttaa kävijöitä löytämään etsimänsä ja vähentää korkeamman tason sivuille palaamiseen tarvittavien klikkausten määrää. Se parantaa myös mobiilikäytettävyyttä, ja sillä on ratkaiseva merkitys hakukoneoptimoinnissa.
SEO-edut
- Käyttäjäkokemus: Google palkitsee sivustot, jotka asettavat käyttäjäkokemuksen etusijalle. Leivänmurut helpottavat navigointia, mikä voi parantaa käyttäjien tyytyväisyyttä.
- Verkkosivuston hierarkian ymmärtäminen: Breadcrumbs auttaa Googlea ymmärtämään verkkosivustosi rakennetta ja jakamaan PageRankia tehokkaammin, mikä voi parantaa sijoituksiasi.
- Alhaisemmat palautusprosentit: Leivänmurut voivat vähentää hyppyprosenttia kannustamalla käyttäjiä tutustumaan sivuston muuhun sisältöön.
Miten toteuttaa leivänmurupohjainen navigointi
Leivänmuru-navigaation toteuttaminen on suoraviivaista. Jos sinulla on WordPress-sivusto, Yoast SEO:n kaltaiset lisäosat helpottavat prosessia. Jotkin WordPress-teemat saattavat jopa tukea leivänmuruja oletusarvoisesti. Muilla kuin WordPress-sivustoilla voit ottaa leivänmurut käyttöön manuaalisesti HTML- ja CSS-ohjelmilla.
HTML-malli Esimerkki
<ul class="breadcrumb"> <li><a href="#">Koti</a></li> <li><a href="#">Blogi</a></li> <li><a href="#">Kategoria</a></li> <li> <li>Virran sivu</li> </ul>Tämä malli luo linkkien luettelon. Mukauta tyyliä CSS:llä suunnittelutarpeidesi mukaan.
Strukturoidut tiedot
Varmistaaksesi, että leivänmurut näkyvät SERP:ssä, toteuta verkkosivustollasi asiaankuuluvat jäsennellyt tiedot. Yksityiskohtaisia ohjeita saat Googlen leivänmurupohjaisesta dokumentaatiosta.
Parhaat käytännöt leivänkatkelman navigoinnissa
- Tukea ensisijaista navigointia: Leivänmurut ovat navigoinnin lisäominaisuus, eivät korvaa ensisijaista navigointivalikkoa.
- Käytä erottimia: Erottele leivänmurupolun tekstilinkit toisistaan erikoismerkeillä, kuten ">", "/" tai nuolilla.
- Täysi navigointipolku: Sisällytä aina koko navigointipolku riippumatta siitä, miten käyttäjä on saapunut sivulle.
- Vasemmalta oikealle: Aloitussivu on vasemmalla ja nykyinen sivu oikealla.
- Nykyinen sivu: Leivänmurupolun viimeisen kohteen tulisi olla nykyinen sivu, eikä se saisi olla napsautettava linkki.
- Huomaamaton muotoilu: Varmista, että leivänmurun navigointi on yksinkertaista ja huomaamatonta, että se on sijoitettu sivun yläosaan ja että siinä käytetään pientä mutta luettavaa fonttia.
Jos haluat lisää tietoa ja vinkkejä verkkonavigoinnista ja SEO:sta, käy Ranktrackerin blogissa ja tutustu kattavaan SEO-oppaaseemme. Tutustu lisäksi SEO-sanastoon tutustuaksesi SEO:n keskeisiin termeihin ja käsitteisiin.
