Mitä kotisivujen valikkoon ja alatunnisteeseen kuuluu?

Montako kohtaa valikkoon mahtuu

Valikko on lyhyt luettelo vastauksia kysymykseen, mitä tältä sivustolta löytyy. Kävijä lukee sen yhdellä silmäyksellä ja päättää, mihin klikkaa. Mitä enemmän kohtia on, sitä kauemmin valinta yleensä kestää ja sitä helpommin oikea kohta jää huomaamatta.

Pienyrityksen sivustolla neljästä kuuteen kohtaa on tavallisesti sopiva määrä. Se ei ole sääntö vaan arvio, joka perustuu siihen, mitä tällaisella sivustolla yleensä on. Jos sivuja on neljä, valikossakin on luontevasti neljä kohtaa. Jos kohtia alkaa kertyä yli seitsemän, syy on usein se, että jokainen palvelu on nostettu valikkoon omaksi kohdakseen.

Silloin palvelut kannattaa koota yhden Palvelut-kohdan alle. Alavalikko on hyvä ratkaisu, kun palveluita on useita ja jokaisella on oma sivunsa. Nielsen Norman Groupin valikkosuunnittelun ohjeissa suositellaan merkitsemään alavalikko selvästi esimerkiksi nuolella, avaamaan se klikkauksella eikä pelkällä hiiren viennillä ja välttämään monitasoisia, sivuun aukeavia valikkoketjuja. Pienyrityksen sivustolla yksi alavalikkotaso riittää yleensä.

Jos jokin sivu ei mahdu valikkoon, se ei tarkoita, että sivu olisi turha. Tietosuojaseloste, työpaikkailmoitus tai vanha uutinen löytyvät hyvin alatunnisteesta tai sivun sisältä linkkinä.

Missä järjestyksessä kohdat ovat

Yksi tavallinen järjestys pienyrityksen sivustolla on palvelut, hinnat, referenssit, meistä ja yhteystiedot. Se mukailee järjestystä, jossa ostaja usein etenee. Ensin hän selvittää, teetkö sitä, mitä hän tarvitsee, sitten mitä se maksaa, sitten onko joku muu ollut tyytyväinen ja lopuksi kuka sinä olet ja miten sinut tavoittaa.

Etusivua ei tarvitse laittaa valikkoon omaksi kohdakseen, jos logo vie etusivulle. Erillinen Etusivu-linkki ei silti ole virhe, ja se auttaa kävijää, joka ei tiedä logon toimivan linkkinä. Yhteystiedot ovat tavallisesti valikon viimeisenä, joten kävijä osaa etsiä niitä sieltä.

Järjestyksestä voi poiketa, kun siihen on syy. Jos suurin osa asiakkaistasi tulee ajanvarauksen kautta, ajanvaraus voi olla valikossa ensimmäisenä tai erillisenä painikkeena. Jos hintoja ei voi kertoa ilman tarjousta, Hinnat-kohdan voi korvata hinnoittelun periaatteet kertovalla osiolla palvelusivulla. Mitä palvelusivulla kannattaa kertoa, on käyty läpi artikkelissa mitä hyvällä palvelusivulla pitää lukea.

Valikon pitää myös kertoa, millä sivulla kävijä on. Nielsen Norman Groupin mukaan kysymys siitä, missä kävijä on, on yksi navigoinnin peruskysymyksistä. Tavallisesti nykyisen sivun kohta korostetaan valikossa esimerkiksi värillä tai alleviivauksella.

Valikon sanat asiakkaan kielellä

Valikon kohdan nimi on lupaus siitä, mitä sen takaa löytyy. Nielsen Norman Groupin valikko-ohjeissa suositellaan selviä, täsmällisiä ja tuttuja sanoja ja varoitetaan keksityistä sanoista ja yrityksen sisäisestä kielestä.

Pienyrityksen sivustolla tavallinen virhe on sisäinen termi. Yrityksen sisällä puhutaan ratkaisuista, osaamisalueista tai konsepteista, mutta asiakas hakee kattoremonttia, kirjanpitoa tai hiustenleikkausta. Kun valikossa lukee Ratkaisut, kävijä ei tiedä, mitä sen takaa löytyy.

Hyvä testi on kysyä, mitä sanaa asiakas käyttää soittaessaan. Jos hän kysyy, paljonko se maksaa, valikossa lukee Hinnat. Jos yksi palvelu tuo valtaosan kaupasta, sen nimi voi olla valikossa sellaisenaan, esimerkiksi Ikkunanpesu, eikä se silloin jää Palvelut-alavalikon taakse.

Valikon kohdat toimivat yleensä parhaiten lyhyinä, yhden tai kahden sanan mittaisina. Pitkä kohta rivittyy kapealla näytöllä ja on hitaampi lukea. Samasta syystä samaa sanaa ei kannata toistaa joka kohdassa, kuten Palvelumme, Hintamme ja Referenssimme.

Valikko puhelimella ja yhteydenotto näkyviin

Puhelimella koko valikko ei mahdu näytön yläreunaan, joten se piilotetaan yleensä kolmen viivan kuvakkeen taakse. Nielsen Norman Groupin mobiilinavigoinnin tutkimuksessa piilotettua valikkoa käytettiin kuitenkin selvästi harvemmin kuin näkyvää valikkoa tai näiden yhdistelmää. Ero oli puhelimella pienempi kuin tietokoneella, ja se vaihteli sivustoittain. Tutkimuksen ohjeissa kehotetaan harkitsemaan näkyvää tai osittain näkyvää valikkoa. Jos valikko piilotetaan, kuvakkeen pitää erottua selvästi, ja sen yhteyteen kannattaa lisätä hyvin luettava teksti, kuten Valikko.

Pienyrityksen sivustolla tavallinen ratkaisu on, että puhelimen yläpalkissa näkyy logo, valikkokuvake ja yksi painike yrityksen tärkeimpään yhteydenottotapaan. Usein se on puhelinnumero tai soittopainike, ajanvarausyrityksellä Varaa aika. Kun painike on aina näkyvissä, kävijän ei tarvitse avata valikkoa löytääkseen tavan ottaa yhteyttä.

Isommalla näytöllä valikkoa ei kannata piilottaa. Nielsen Norman Groupin valikko-ohjeiden mukaan kolmen viivan kuvake ei sovi tietokoneen näytölle, ja pienellä näytöllä se on välttämätön kompromissi, koska tilaa on vähän. Tietokoneella valikko näkyy siksi yleensä kokonaan, ja yhteydenottopainike voi erottua siinä muista kohdista esimerkiksi värillä.

Valikon kohtien täytyy myös olla niin isoja, että niihin osuu sormella, mikä on yksi Nielsen Norman Groupin valikko-ohjeiden kohdista. Kun linkit ovat pieniä ja tiheässä, kävijä napauttaa helposti väärää kohtaa. Valintaa soittopainikkeen, WhatsAppin ja chatin välillä on käsitelty artikkelissa chat, WhatsApp-painike vai soittopainike.

Mitä alatunnisteeseen kuuluu

Alatunniste on sivun alin osa, joka toistuu samanlaisena jokaisella sivulla. Nielsen Norman Groupin alatunnisteita käsittelevän artikkelin mukaan kävijät menevät sinne tarkoituksella etsimään muun muassa yhteystietoja, tietoja yrityksestä ja somelinkkejä. Alatunnistetta käytetään myös viimeisenä keinona, kun jotain ei löydy muualta.

Alatunniste on siis paikka, jossa kävijä tarkistaa, kuka sivuston takana on. Siksi siellä olevat tiedot kannattaa pitää ajan tasalla, vaikka niitä ei muuten tule katsottua.

Y-tunnus, tietosuojaseloste ja evästeet liittyvät lakisääteisiin velvoitteisiin, ja niiden yksityiskohdat on koottu artikkeliin mitä tietoja laki vaatii yrityksen verkkosivuille. Evästeasetusten linkki sijoitetaan usein alatunnisteeseen, koska kävijän pitää päästä perumaan suostumuksensa helposti. Siitä kerrotaan lisää artikkelissa onko evästebanneri pakollinen.

Somelinkkien kohdalla kannattaa olla tarkka. Jos yrityksen Instagram-tilin viimeisin julkaisu on kahden vuoden takaa, linkki ei kerro kävijälle, että yritys on aktiivinen, vaan päinvastoin. Siksi linkit kannattaa rajata kanaviin, joita päivität säännöllisesti.

Pitkällä sivulla alatunnisteeseen voi lisätä myös valikon pääkohdat uudelleen, jotta kävijän ei tarvitse vierittää takaisin ylös. Pienyrityksen sivustolla tämä on harvoin välttämätöntä, mutta siitä ei ole haittaa, kun kohtia on vähän.

Mitä valikosta ja alatunnisteesta kannattaa jättää pois

Kymmeniä linkkejä alatunnisteessa. Nielsen Norman Group varoittaa tekemästä alatunnisteesta paikkaa, johon kasataan kaikki linkit, joille ei löytynyt muuta paikkaa. Koko sivukartan se suosittelee alatunnisteeseen vain, jos sivuja on vähän, noin 25 tai vähemmän, koska muuten alatunnisteesta tulee raskas käyttää. Pienyrityksellä alatunniste on yleensä selkein, kun siinä on yhteystiedot, muutama linkki ja lakisääteiset sivut.

Epämääräisiä linkkien nimiä. Sama periaate kuin valikossa koskee myös alatunnistetta. Linkki nimeltä Resurssit tai Muuta ei kerro, mitä sen takana on.

Pientä ja haaleaa tekstiä. Alatunnisteen teksti tehdään usein pienemmäksi ja vaaleammaksi kuin muu teksti. Jos puhelinnumeroa ei pysty lukemaan puhelimen näytöltä, se ei auta ketään. Riittävä kontrasti kuuluu myös saavutettavuuteen, josta lisää artikkelissa koskeeko verkkosivujen saavutettavuus sinua.

Tekijän mainos isona. Sivuston tekijän pieni maininta alatunnisteen alareunassa on tavallinen käytäntö, eikä siitä ole kävijälle haittaa. Iso logo, mainoslause tai banneri, joka vie huomion yrityksesi omilta tiedoilta, kilpailee kuitenkin sinun yhteystietojesi kanssa. Alatunnisteessa pääasia ovat sinun yrityksesi tiedot.

Valikko, joka muuttuu sivulta toiselle. Valikko kannattaa pitää samana jokaisella sivulla. Jos kohdat vaihtavat paikkaa tai osa katoaa, kävijä ei enää luota siihen, että löytää takaisin.

Vanhentuneet tiedot. Vanha puhelinnumero tai viime vuoden aukioloajat alatunnisteessa ovat usein pahempi virhe kuin puuttuva tieto, koska kävijä luottaa niihin. Kun tiedot muuttuvat, alatunniste kannattaa päivittää ensimmäisenä. Oman sivustosi nykytilan voit käydä läpi kotisivujen itsetestillä, jossa testataan myös valikon kautta liikkumista.

Lyhyt tarkistuslista

• Valikossa on noin neljästä kuuteen kohtaa, ja palvelut ovat tarvittaessa yhden kohdan alla.
• Kohdat on nimetty asiakkaan sanoilla, ja yhteystiedot löytyvät tutusta paikasta, tavallisesti viimeisenä.
• Kävijä näkee valikosta, millä sivulla hän on.
• Puhelimella yhteydenottopainike näkyy ilman, että valikkoa avataan.
• Alatunnisteessa ovat nimi, osoite, puhelin, sähköposti ja y-tunnus.
• Aukioloajat tai palvelualue ovat mukana, jos ne vaikuttavat asiakkaan päätökseen.
• Tietosuojaseloste ja evästeasetukset löytyvät alatunnisteen linkeistä.
• Somelinkit vievät vain kanaviin, joita päivität.

Näin me teemme sen

Valikko rakentuu niistä sivuista, joita yrityksesi tarvitsee, koska kotisivujemme peruspaketin neljän sivun rakenne tehdään yrityksesi tarpeen mukaan. Sivut toimivat puhelimella, tabletilla ja tietokoneella, ja hintaan sisältyvät myös tietosuojaseloste ja tarvittaessa evästekäytäntö.

Näet valikon ja alatunnisteen valmiina maksuttomassa demossa, jonka saat nähtäväksi 1–2 arkipäivässä, ja voit pyytää niihin muutoksia ennen julkaisua. Ylläpitoon kuuluu yksi yhteystiedon päivitys kuukaudessa, esimerkiksi uusi puhelinnumero tai aukioloajat. Kotisivut ovat alkaen 350 € ja ylläpito alkaen 25 €/kk (alv 0 %).