Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1431 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1431 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1431 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Undefined variable $blocks in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441 Warning: Trying to access array offset on value of type null in /customers/c/9/8/wpin4.1prod.one/httpd.www/landing-v2/wp-content/themes/onecom-landing-page-v2/functions.php on line 1441

Miten luoda navigointipalkki?

Selvitä, miten luoda hyvä navigointipalkki nettisivulle ja kuinka viedä vierailijasi matkalle nettisivusi läpi

Navigointipalkki ja navigointipalkin suunnittelutapa ovat tärkeitä. Suunnittelussa pitää ottaa huomioon käyttökokemus. Jos suunnittelet suuren ja helposti hallittavan navigointipalkin, kävijät ovat tyytyväisiä. Jos käyttäjällä on vaikeuksia navigoida navigointipalkissa, hän saattaa hyvinkin poistua sivustoltasi eikä koskaan palata takaisin.

Vierailijoiden kärsivällisyys on yleensä olematonta, joten on erittäin tärkeää varmistaa, että he löytävät etsimänsä sivut nopeasti. Muuten vierailijat saattavat poistua sivustoltasi nopeasti ja se vaikuttaa negatiivisesti yritykseesi.

Navigointivalikko auttaa priorisoimaan sen sisällön, jonka haluat kävijöiden lukevan. Sen avulla voit myös johdattaa vierailijaa johdonmukaisesti sivulta toiselle.

Tässä artikkelissa katsomme, miksi valikko palkki on tärkeä ja huomionarvoinen asia.

Mikä on navigointipalkki?

Navigointipalkin tarkoituksena on auttaa käyttäjää selaamaan sivustoasi vaivattomasti. Navigointipalkki sijoitetaan yleensä sivuston yläosaan. Matkapuhelimessa navigointipalkki on yleensä sijoitettu vasempaan yläkulmaan ja se näyttää hampurilaiselta (hanburger button).

Navigointipalkki koostuu sisäisistä linkeistä, eli sivustosi eri sivuista.

Jos käytämme one.comin palkkia esimerkkinä, voit nähdä, että valikko on sijoitettu sivuston yläosaan. Voit myös nähdä, että meillä on kaikki myymämme tuotteet navigointipalkissa. Lisäksi olemme lisänneet siihen artikkeleita, jotka voivat olla hyödyllisiä.

Yleisimmät kategoriat navigointipalkissa ovat:

Tietoa meistä
Ota yhteyttä
Tuotteet
UKK

Mutta kuten one.comin esimerkistä huomaat, voit suunnitella valikon haluamallasi tavalla.

Miksi valikko palkki on tärkeä?

Navigointivalikko on tärkeä siksi, että se helpottaa käyttäjän sivuhakua. Jos sivustolla ei olisi navigointivalikkoa, miten löytäisit kaiken tärkeän tiedon sivustolta? Voit toki linkittää joillekin sivuillesi etusivulla, mutta et löydä kaikkea tärkeää ilman navigointivalikkoa.

Navigointipalkki auttaa myös käyttäjääsi pysymään kauemmin sivustollasi, kun hän selaa palkissa olevia sivuja.

Navigointivalikkoa suunniteltaessa on otettava huomioon muutama tärkeä asia.

Palkin sisältö ja suunnittelu

Navigointipalkin tarkoitus on toimia tienviittana nettisivullasi ja osoittaa kävijät oikeaan suuntaan. Palkin voi luoda helposti sitten, kun nettisivun sisältö on paikallaan ja voit lisätä valikkoon sellaiset sivut, jotka ovat mielestäsi tärkeitä. Voit suunnitella valikon haluamallasi tavalla, mutta pidä se yksinkertaisena ja helppona ymmärtää.

Navigointipalkin suunnittelu riippuu sivustosi sisällöstä. Se voi esimerkiksi riittää, että navigointipalkki on sivun ylälaidassa ja siitä löytyvät sivuston kaikki sivut. Sama tyyli voisi tosin olla vaikeasti luettavissa, jos kyseessä on esimerkiksi nettikauppa. Nettikaupan kannattaa puolestaan käyttää yksinkertaisempaa valikkoa, josta ilmenevät vain pääkategoriat tuotteille.

Samsungin valikko on todella hyvä. Vaikka heillä on paljon eri tuotteita, navigointipalkki listaa vain suosituimmat kategoriat. Muut kategoriat ja esimerkiksi yrityksen historia löytyvät oikeasta laidasta.

– Hyperteksti

Varmista, että sisältösi ja hypertekstisi teksti erotetaan toisistaan selkeästi. Käyttäjän on nähtävä ero selvästi.

– Värit

Varmista, että navigointipalkki erottuu muusta sivusta. Suunnittele ero pääsisällön ja navigointivalikon välillä käyttämällä värejä, fontteja ja muita elementtejä, kuten tyhjää tilaa.

Käytä linkkejä, älä nappeja

Nykyään useat sivustot käyttävät linkkejä navigointivalikossa. Vaikka painikkeet auttoivat aiemmin linkkejä erottumaan sivulta, ne eivät olleet hakukoneystävällisiä.

Nappeja voi käyttää toimintakehoituksia varten.

Piilota hakukenttä

Nykyään on mahdollista (ja trendikästä) piilottaa hakukenttä, kunnes sitä tarvitaan. Se tekee sivustosta siistimmän ja selkeämmän, ja se on hyvä vaihtoehto sivustoille, jotka eivät riipu hakukentästä.

Tahmea navigointipalkki

Tahmea navigointipalkki seuraa sinua, kun skrollaat sivua alaspäin. Jos haluat nähdä tästä esimerkin, voit kurkata meidän sivuamme. Tahmea navigointipalkki antaa sinulle mahdollisuuden hypätä sivulta toiselle nopeasti ilman, että sinun täytyy skrollata takaisin ylös. Voit myös käyttää hyväksesi “palaa sivun yläosaan” nappia, jonka voi myös tehdä tahmeaksi.

Ota alatunniste huomioon

Alatunniste on myös tietynlainen navigointipalkki. Voit lisätä sinne lisäinfoa, jota et halua laittaa päävalikkoon tai jolle ei ole muuten tilaa. Alatunnisteessa voi myös toistaa tietoa ja ohjata kävijöitä seuraavalle sivulle.

Rakenna helposti kotisivut, joista olet ylpeä


Rakenna ammattimaiset verkkosivut helppokäyttöisellä ja edullisella kotisivukoneella.

Kokeile 14 päivää ilmaiseksi
  • Valitse yli 140 valmispohjasta
  • Et tarvitse koodaustaitoja
  • Luo kotisivut helposti
  • Ilmainen SSL-sertifikaatti
  • Mobiiliystävällinen
  • 24/7 tuki