Verkkosivuston navigointi on se, miten kävijät löytävät tiensä sivustollasi. Tutustu navigoinnin eri tyyppeihin ja siihen, miksi selkeä rakenne tekee brändillesi niin suuren eron.
Sivustosi voi näyttää hyvältä jokaisella näytöllä responsiivisen suunnittelun ansiosta. Mutta hyvältä näyttäminen on vain puolet työstä. Muista viimeinen kerta, kun kävit sivustolla etkä löytänyt etsimääsi. Todennäköisesti klikkailit hetken, turhauduit ja lähdit. Kyse oli yhdestä asiasta: navigoinnista. Kun navigointi on selkeä, kävijät liikkuvat sivustolla ajattelematta sitä. Kun se on sekava, he lähtevät.
Paras verkkosivuston navigointi on sellainen, jota et edes huomaa. Klikkaat, löydät tarvitsemasi ja jatkat matkaa. Kun navigointi toimii, kävijät viipyvät pidempään ja tutustuvat sisältöön enemmän. Kun se ei toimi, he poistuvat saman tien. Miten navigointi sitten oikeasti toimii verkkosivustolla?
Mitä verkkosivuston navigointi on?
Verkkosivuston navigointi on järjestelmä, jonka avulla kävijät siirtyvät sivustollasi sivulta toiselle. Siihen kuuluvat valikot, linkit, painikkeet ja kaikki muut elementit, joiden kautta kävijä pääsee sivustosi sisällä toiseen paikkaan. Navigointi muuttaa joukon erillisiä verkkosivuja yhtenäiseksi kokemukseksi, joka tuntuu yhdeltä kokonaiselta sivustolta.
Hyvä navigointi vastaa jokaisen kävijän yksinkertaiseen kysymykseen: minne menen seuraavaksi? Kävijä saattoi saapua etusivulle, tuotesivulle tai blogikirjoitukseen, mutta hänen pitää aina tietää, miten hän pääsee etsimänsä tiedon luo arvailematta.
Verkkosivuston navigoinnin tyypit
Kaikki navigointi ei näytä samalta. Eri tyypit palvelevat eri tarkoituksia, ja useimmat sivustot käyttävät samanaikaisesti useampaa kuin yhtä tyyppiä.
1. Yläpalkin navigointi
Tämä on yleisin navigoinnin tyyppi. Se sijaitsee sivun yläreunassa ja näyttää sivuston pääosiot. Kävijät odottavat löytävänsä sen sieltä, joten he katsovat usein ensin juuri sinne. Se toimii parhaiten, kun se on lyhyt ja yksinkertainen ja siinä on selkeät nimikkeet, kuten Etusivu, Meistä, Palvelut ja Yhteystiedot.
2. Sivupalkin navigointi
Pystysuora valikko sivun vasemmassa tai oikeassa reunassa. Se on yleinen sivustoilla, joilla on paljon luokkia tai osioita, kuten tietopankeissa, ohjesivustoilla tai verkkokaupoissa. Sen avulla kävijät voivat selata pitkää vaihtoehtolistaa sotkematta pääsisältöaluetta.
3. Alatunnisteen navigointi
Alatunniste sijaitsee jokaisen sivun alareunassa. Siellä on yleensä linkkejä toissijaisille sivuille, kuten tietosuojakäytäntöön, käyttöehtoihin, yhteystietoihin ja sosiaalisen median profiileihin. Kävijät, jotka vierittävät sivun alalaitaan, etsivät sieltä usein linkkejä, joita he eivät löytäneet päävalikosta.
4. Hampurilaisvalikko
Mobiililaitteilla ja joissakin minimalistisissa sivustoissa koko valikko on piilotettu pienen kuvakkeen taakse, jossa on kolme vaakaviivaa. Kuvaketta napauttamalla koko navigointi aukeaa. Näin näyttö pysyy siistinä pienemmillä laitteilla, mutta kävijät pääsevät silti kaikille sivuille.
5. Murupolku
Murupolku näyttää kävijälle, missä kohdassa sivuston rakennetta hän on. Se näkyy linkkien jonona sivun yläosassa, yleensä esimerkiksi näin: Etusivu > Palvelut > Verkkosuunnittelu. Se auttaa kävijöitä hahmottamaan sivuston hierarkian ja palaamaan edelliseen osioon ilman selaimen takaisin-painiketta.
Miksi navigointi on tärkeää brändillesi?
Ajattele asiaa näin. Jos joku saapuu sivustollesi eikä ensimmäisten sekuntien aikana ymmärrä, minne mennä, hän lähtee. Hän ei yritä kovemmin. Hän palaa hakutuloksiin ja valitsee jonkun toisen. Niin nopeasti kävijän voi menettää.
Hyvä navigointi pitää ihmiset liikkeessä sivustollasi sen sijaan, että he poistuisivat heti. He löytävät sen, mitä tulivat hakemaan, näkevät mitä muuta tarjoat ja ottavat todennäköisemmin seuraavan askeleen. Se myös saa koko sivuston tuntumaan harkitummalta, mikä rakentaa luottamusta ilman että sinun tarvitsee sanoa sanaakaan.
Myös hakukoneet välittävät navigoinnista. Kun sivusi on yhdistetty selkeillä linkeillä ja loogisella rakenteella, hakukoneet löytävät ja ymmärtävät sisältösi nopeammin. Se auttaa sivujasi näkymään hakutuloksissa. Etenkin jos sinulla on monisivuinen verkkosivusto, navigointi sitoo kaikki nämä sivut yhdeksi yhtenäiseksi sivustoksi.
Jos haluat oppia rakentamaan oman sivustosi valikon vaihe vaiheelta, lue miten verkkosivuston valikko rakennetaan. Jos haluat tietää tarkemmin, miten sivustosi rakenne auttaa hakukoneita löytämään kaikki sivusi, lue miten sivustokartta luodaan.
Usein kysytyt kysymykset
Kuinka monta kohtaa päävalikossa pitäisi olla?
Hyvä määrä on viidestä seitsemään kohtaa. Liian harvoilla kohdilla kävijät eivät välttämättä löydä tarvitsemaansa. Liian monella valikko käy ylivoimaiseksi ja vaikeaksi silmäillä. Keskity sivuihin, jotka ovat kävijöillesi tärkeimpiä: Etusivu, Meistä, Palvelut tai Tuotteet, Blogi ja Yhteystiedot ovat hyvä lähtökohta. Alaluokille voit aina lisätä alasvetovalikoita. Vaiheittaisen oppaan löydät täältä: miten verkkosivuston valikko rakennetaan.
Vaikuttaako verkkosivuston navigointi hakukoneoptimointiin (SEO)?
Kyllä. Selkeä navigointi auttaa hakukoneita ymmärtämään, miten sivusi liittyvät toisiinsa ja mitkä sivut ovat tärkeimpiä. Hyvä sisäinen linkitys valikon kautta ja sivujen sisällä helpottaa sisällön indeksointia. Huono navigointi voi johtaa orpoihin sivuihin, joita hakukoneet eivät koskaan löydä. Lue lisää linkityksen toiminnasta: miten sivustokartta luodaan.
Mitä eroa on navigoinnilla ja sivustokartalla?
Navigoinnin avulla kävijät liikkuvat sivustollasi: valikot, linkit, painikkeet. Sivustokartta on tiedosto, joka listaa kaikki sivustosi sivut hakukoneiden löydettäväksi. Kävijät näkevät sivustokartan harvoin. Molempien tavoite on tehdä sisällöstäsi saavutettavaa, mutta navigointi on ihmisille ja sivustokartta hakukoneille. WEMASYn sivustonrakentaja hoitaa molemmat puolestasi: navigointiin on visuaalinen valikkoeditori ja hakukoneille sivustokartta syntyy automaattisesti.
Pitäisikö jokaiselle sivustosi sivulle päästä päävalikosta?
Ei. Päävalikossa tulisi näkyä vain tärkeimmät sivusi. Blogikirjoitukset, yksittäiset tuotesivut, lakisivut ja syvempi sisältö kannattaa tarjota sisäisten linkkien, luokkien tai alatunnisteen navigoinnin kautta. Kun kaikki on päävalikossa, siitä tulee sekava ja vaikeakäyttöinen. Jos sinulla on monisivuinen verkkosivusto, käytä selkeää hierarkiaa: pääsivut yläpalkin valikkoon ja tukisivut linkitettyinä sisällön sisältä.
Mikä on paras navigointityyli mobiilisivustoille?
Hampurilaisvalikko toimii useimmilla mobiilisivustoilla hyvin. Se pitää näytön siistinä, mutta kävijät pääsevät silti kaikille sivuille napauttamalla kuvaketta. Muutaman sivun sivustoilla myös yksinkertainen vaakasuunnassa vieritettävä valikko yläreunassa voi toimia. Tärkeintä on, että painikkeet ja linkit ovat riittävän suuria napautettaviksi pienellä näytöllä. WEMASYn mallipohjissa on valmiina mobiiliystävällinen navigointi, joten sinun ei tarvitse määrittää sitä itse.
Mistä tiedät, tarvitseeko sivustosi navigointi parannusta?
Tarkista analytiikkasi. Jos kävijät poistuvat sivustoltasi nopeasti, katsovat vain yhtä sivua tai eivät pääse tärkeille sivuille, kuten yhteystieto- tai palvelusivulle, ongelma voi olla navigoinnissa. Voit myös pyytää tuttavaa etsimään jotain tiettyä sivustoltasi ja katsoa, missä hän jumittuu. Jos hänellä on vaikeuksia, todennäköisesti myös kävijöilläsi on. Lue lisää seurannasta: tärkeimmät mittarit verkkosivuston suorituskyvyn seurantaan.