Verkkosivujen etusivu: mitä ensimmäisellä näytöllä pitää kertoa

Mitä etusivulla pitää olla?

Etusivulla pitää olla otsikko, joka kertoo mitä teet ja kenelle, tieto alueesta, jolla toimit, yksi selvä pääpainike ja todiste siitä, että työ on tehty ennenkin hyvin. Nämä kuuluvat ensimmäiseen näyttöön eli siihen osaan, joka näkyy ilman vierittämistä. Niiden alla ovat reitit palveluihin, syyt valita juuri sinut ja yhteystiedot.

Etusivu ei ole yrityksen esittely. Se on risteys, jossa kävijä päättää, onko hän oikeassa paikassa ja mihin hän jatkaa. Jos ensimmäinen näyttö vastaa tähän, kävijä vierittää ja lukee lisää. Jos ei, hän palaa hakutuloksiin ja avaa seuraavan sivun.

Moni etusivu tekee päinvastoin. Ylhäällä on iso kuva, yrityksen nimi ja sana tervetuloa, eli asioita, jotka kävijä tietää jo tai jotka eivät auta häntä. Kaikki hyödyllinen on alempana, eikä sinne asti moni koskaan päädy.

Mitä kävijän pitää ymmärtää ensimmäisten sekuntien aikana?

Ensimmäisten sekuntien aikana kävijän pitää ymmärtää, onko hän oikeassa paikassa, toimitko hänen alueellaan ja mitä hänen kannattaa tehdä seuraavaksi. Hän ei lue kappaleita. Hän silmäilee otsikon, kuvan ja painikkeen ja päättää niiden perusteella.

Oikea paikka tarkoittaa, että otsikossa on se asia, jota hän etsi, hänen omilla sanoillaan. Jos hän haki kattoremonttia ja otsikossa lukee kokonaisvaltaiset rakennuspalvelut, hän ei ole varma. Epävarma kävijä ei jää selvittämään, vaan kokeilee seuraavaa hakutulosta.

Seuraava askel tarkoittaa, että painike on näkyvissä ja sen teksti kertoo, mitä tapahtuu. Kävijä, joka on jo päättänyt, ei halua etsiä yhteystietoja alatunnisteesta. Kävijä, joka vielä vertailee, tarvitsee syyn jäädä, ja se syy on todiste painikkeen vieressä.

Otsikko kertoo, mitä teet ja kenelle

Hyvä etusivun otsikko on arkinen ja täsmällinen. Se kertoo palvelun samoilla sanoilla, joilla asiakas sitä hakee, ja rajaa, kenelle palvelu on tarkoitettu. Iskulause voi olla otsikon alla, mutta se ei korvaa otsikkoa.

Testaa otsikkoa kuvittelemalla se täysin toisen alan yrityksen sivuille. Jos se sopisi sinne yhtä hyvin, se ei kerro mitään. Käytännön ohjeita siihen, miten sivujen tekstit kirjoitetaan asiakkaan kielellä, on artikkelissa verkkosivujen teksteistä, jotka myyvät.

Alue kuuluu ensimmäiseen näyttöön

Paikallista palvelua myyvän yrityksen etusivulla alue kuuluu ensimmäiseen näyttöön. Kangasalla asuva kävijä, joka hakee putkimiestä, haluaa tietää heti, tuletko Kangasalle. Jos alue löytyy vasta yhteystietosivulta, hän olettaa, ettet tule, tai soittaa kysyäkseen ja kuluttaa molempien aikaa.

Alue kirjoitetaan tekstinä, ei pelkkänä karttana. Luettele kunnat tai kaupunginosat, joissa oikeasti teet töitä, ja jos teet töitä laajemmin sopimuksen mukaan, sano sekin. Koko Suomi on otsikossa uskottava vain, jos se pitää paikkansa jokaisen tilauksen kohdalla.

Myymälällä, kampaamolla tai ravintolalla alueen tilalla on osoite ja aukioloajat. Nekin kuuluvat ylös tai heti ensimmäisen näytön alle, koska kävijä tarkistaa ne usein ennen kuin lähtee liikkeelle. Paikallisen näkyvyyden muista keinoista kerrotaan artikkelissa paikallisesta hakukoneoptimoinnista.

Yksi pääpainike ja selvä reitti vakioasiakkaalle

Etusivun pääpainike valitaan sen mukaan, miten asiakkaasi ostavat. Kampaamon asiakas varaa ajan, sähköasentajan asiakas soittaa tai pyytää tarjouksen, ja tilitoimiston asiakas haluaa usein ensin keskustella. Yksi pääasiallinen toiminto riittää, ja sen rinnalle voi tulla yksi selvästi toissijainen reitti.

Painikkeen teksti kertoo, mitä tapahtuu. "Varaa aika", "Pyydä tarjous kuvien perusteella" tai "Soita päivystykseen" toimivat paremmin kuin "Lue lisää", koska kävijä tietää, mihin sitoutuu. Toimintakehotteiden muotoilusta ja lomakkeista kerrotaan tarkemmin artikkelissa konversio-optimoinnista. Etusivulla on lisäksi yksi ryhmä, joka unohtuu usein: vakioasiakas.

Vakioasiakas ei lue etusivua. Hän tuli varaamaan uuden ajan, katsomaan aukioloajan tai soittamaan. Hänen reittinsä pitää löytyä ilman vierittämistä, esimerkiksi yläpalkin puhelinnumerona tai varauslinkkinä, joka pysyy näkyvissä puhelimella.

Todiste painikkeen vieressä

Kävijä, joka ei tunne yritystä, tarvitsee syyn uskoa otsikkoa. Paras paikka sille on painikkeen lähellä, koska juuri siinä hän päättää, painaako.

• Arvostelujen keskiarvo, määrä ja lähde, jos arvosteluja on kertynyt riittävästi.
• Lyhyt asiakkaan kommentti nimellä tai nimikirjaimilla, luvan kanssa.
• Kuva omasta työstä, joka näyttää lopputuloksen.
• Alan pätevyydet ja rekisteröinnit, jos asiakas ymmärtää niiden merkityksen.
• Lupaus vastausajasta, esimerkiksi tarjous kahden arkipäivän kuluessa.

Todisteen pitää olla totta ja tarkistettavissa. Keksitty arvostelu tai laatumerkki, jolla ei ole myöntäjää, syö luottamusta nopeammin kuin puuttuva todiste. Referenssien keräämisestä ja esittämisestä kerrotaan artikkelissa referensseistä ja asiakastarinoista.

Kuva, joka kertoo saman asian kuin otsikko

Ensimmäisen näytön kuva tukee otsikkoa eikä kilpaile sen kanssa. Kylpyhuoneremontteja tekevän yrityksen etusivulla toimii valmis kylpyhuone, jonka itse teitte, ja kampaamon etusivulla oma liike asiakkaineen. Kuvapankin hymyilevä perhe olohuoneessa ei kerro kummastakaan mitään.

Kuvan koko on toinen asia. Ruudun täyttävä kuva näyttää hienolta tietokoneella, mutta puhelimella se voi työntää otsikon ja painikkeen näkyvistä. Jos kuva vie koko ensimmäisen näytön, kävijä näkee kauniin kuvan ja joutuu arvaamaan, mistä on kyse.

Otsikko kuvan päällä on riski, koska kuvan vaaleat ja tummat kohdat vaihtelevat ja teksti katoaa osittain. Jos otsikko sijoitetaan kuvan päälle, kuvaa tummennetaan tai teksti saa oman taustan. Ensimmäisen näytön kuva on myös usein sivun raskain tiedosto, joten se pakataan huolella, kuten artikkelissa verkkosivujen kuvista neuvotaan.

Ensimmäinen näyttö puhelimella ja pienellä kannettavalla

Suunnittele ensimmäinen näyttö ensin puhelimelle. Puhelimen ruutuun mahtuu yläpalkki, otsikko, yksi lause ja painike, ja jos kuva vie enemmän tilaa, jokin niistä putoaa näkyvistä. Se, mikä ei mahdu, on väärässä järjestyksessä tai liian iso.

Toinen usein unohtuva ruutu on pieni kannettava. Iso näyttö antaa suunnittelijalle väärän kuvan, koska siinä kaikki mahtuu. Kannettavalla, jonka näyttö on matala, sama etusivu voi näyttää vain kuvan yläosan ja otsikon ensimmäisen rivin.

Testaa siis oikeilla laitteilla, älä vain pienentämällä selaimen ikkunaa. Tarkista puhelimella myös, että numero soittaa painettaessa ja että valikko aukeaa ja sulkeutuu ongelmitta. Mobiilikäytön perusasioista kerrotaan artikkelissa mobiiliystävällisistä verkkosivuista.

Kuinka pitkä etusivun pitää olla?

Etusivun pitää olla niin pitkä, että se vastaa kävijän tärkeimpiin kysymyksiin ja ohjaa hänet eteenpäin, eikä yhtään pidempi. Pieni palveluyritys pärjää usein muutamalla selkeällä osiolla, kun taas monta palvelua myyvä yritys tarvitsee enemmän tilaa reiteille.

Pituus ei ole ongelma sinänsä. Puhelimella vierittäminen on luontevaa, ja kiinnostunut kävijä vierittää mielellään. Ongelma on osio, joka ei tee mitään, kuten arvolista, yleinen teksti laadusta tai kolmas kuvagalleria. Jokainen tällainen osio siirtää hyödyllistä sisältöä kauemmas.

Hyvä sääntö on, että jokainen osio vastaa johonkin kysymykseen, jonka asiakas kysyy ennen yhteydenottoa. Jos et osaa nimetä kysymystä, osio voi lähteä.

Etusivun osiot järjestyksessä

Useimmille palveluyrityksille toimii suunnilleen tämä järjestys. Kaikkia osioita ei tarvita, mutta järjestyksestä kannattaa pitää kiinni:

1. Ensimmäinen näyttö: otsikko, alue, pääpainike ja todiste.
2. Palvelut lyhyesti, jokaisesta linkki omalle sivulleen.
3. Syyt valita juuri teidät, konkreettisesti eikä adjektiiveina.
4. Näin työ etenee yhteydenotosta valmiiseen, muutamana vaiheena.
5. Referenssit, arvostelut tai kuvia töistä.
6. Hinnat tai kuvaus siitä, mistä hinta muodostuu.
7. Muutama usein kysytty kysymys vastauksineen.
8. Yhteystiedot, alue ja pääpainike uudelleen.

Palveluosio on ensimmäisen näytön jälkeen etusivun tärkein osa, koska se jakaa kävijät oikeille sivuille. Siksi jokaisella palvelulla on oma sivunsa, jolle linkki vie, eikä kaikkea kerrota etusivulla. Miksi näin kannattaa tehdä, on perusteltu artikkelissa palvelusivuista.

Kannattaako etusivulle laittaa karuselli tai video?

Yleensä ei. Itsestään vaihtuvasta karusellista moni kävijä näkee vain ensimmäisen kuvan, koska hän ehtii vierittää ohi ennen kuin seuraava vaihtuu esiin. Taustalla pyörivä video taas on usein sivun raskain osa ja vie huomion otsikolta, jonka pitäisi kertoa, mitä teet.

Karuselli syntyy usein siitä, ettei ole päätetty, mikä on tärkeintä, joten kaikki viestit pääsevät vuorollaan esiin. Kävijälle tulos on sama kuin jos mikään ei olisi tärkeää. Lisäksi itsestään liikkuva sisältö on saavutettavuuskysymys: WCAG:n A-tasolla sisältö, joka alkaa liikkua itsestään, kestää yli viisi sekuntia ja näkyy muun sisällön rinnalla, pitää voida pysäyttää tai piilottaa.

Video toimii, kun se näyttää jotain, mitä kuva ja teksti eivät pysty näyttämään, esimerkiksi miten työ etenee tai miltä tila tuntuu. Silloin video on lyhyt ja äänetön tai kävijän itse käynnistämä, sillä on selvät ohjaimet, ja ennen latautumista sen paikalla näkyy kevyt kuva. Itsestään alkava ääni, joka kestää yli kolme sekuntia, pitää voida pysäyttää tai sen voimakkuutta säätää. Liikkeen hyödyistä ja haitoista kerrotaan tarkemmin artikkelissa animaatioista verkkosivuilla.

Jos karuselli on jo sivulla

Olemassa olevan karusellin voi korjata ilman uutta sivustoa. Valitse dioista se, jonka viesti on tärkein, ja tee siitä pysyvä ensimmäinen näyttö. Muut diat eivät katoa, vaan niistä tulee etusivun omia osioita, jotka kävijä näkee vierittämällä omaan tahtiinsa.

Jos karuselli halutaan pitää, se ei saa vaihtua itsestään ilman pysäytysmahdollisuutta, ja jokaisella dialla pitää olla oma selkeä tekstinsä ja painikkeensa. Tarkista myös, että karusellia voi selata näppäimistöllä ja että se toimii puhelimella pyyhkäisemällä.

Seuraa muutoksen jälkeen, miten etusivun painikkeita käytetään, ja kysy muutamalta asiakkaalta, mitä he muistavat etusivusta. Arvioi muutosta muutaman viikon datan perusteella, ei yhden päivän.

Mitä etusivulta kannattaa jättää pois?

Etusivulta kannattaa jättää pois kaikki, mikä ei auta kävijää päättämään, onko hän oikeassa paikassa, tai etenemään. Tavallisimmin se tarkoittaa näitä:

• Tervetuloa-otsikko ja yrityksen nimi otsikkona, kun logo on jo yläpalkissa.
• Pitkä tarina yrityksen perustamisesta.
• Uutis- tai blogiosio, jonka uusin kirjoitus on vuoden takaa.
• Ponnahdusikkuna, joka pyytää tilaamaan uutiskirjeen ennen kuin kävijä on nähnyt mitään.
• Kolme tai neljä yhtä isoa painiketta, joista kävijän pitää itse päättää tärkein.
• Koko palvelukuvaus kopioituna etusivulle, vaikka palvelulla on oma sivunsa.
• Somesyöte, joka hidastaa sivua ja näyttää sattumanvaraisia julkaisuja.
• Kumppaneiden logorivi, jota asiakas ei tunnista.

Pois jättäminen tuntuu luopumiselta, mutta mikään näistä ei katoa sivustolta. Ne siirtyvät sinne, missä niitä etsitään. Yrityksen tarina esimerkiksi kuuluu Meistä-sivulle, ja siitä, miten sen kirjoittaa, kerrotaan artikkelissa meistä-sivusta, joka rakentaa luottamusta.

Kaikki kävijät eivät tule etusivun kautta

Etusivua pidetään sivuston tärkeimpänä sivuna, mutta hakukoneesta tuleva kävijä päätyy usein suoraan palvelusivulle tai artikkeliin. Etusivulle tullaan tyypillisesti yrityksen nimellä haettaessa, suosittelun jälkeen tai silloin, kun joku kirjoittaa osoitteen itse.

Tämä kannattaa tarkistaa omasta datasta. Search Consolen sivuraportista ja kävijämittarin aloitussivuista näet, mille sivuille kävijät oikeasti saapuvat. Jos suurin osa aloittaa palvelusivuilta, niiden ensimmäinen näyttö on yhtä tärkeä kuin etusivun, ja samat säännöt pätevät niihin.

Mainoksista tulevalle kävijälle tehdään usein oma sivu, joka keskittyy yhteen tarjoukseen. Mitä sellaisella sivulla pitää olla ja miten se eroaa etusivusta, kerrotaan artikkelissa laskeutumissivusta.

Näin testaat etusivun viidessä sekunnissa

Näytä etusivua puhelimella viiden sekunnin ajan jollekulle, joka ei tunne yritystäsi, ja ota puhelin pois. Kysy sitten, mitä yritys tekee, missä se toimii ja mitä hän tekisi seuraavaksi, jos tarvitsisi palvelua.

Jos hän vastaa kaikkiin, ensimmäinen näyttö toimii. Jos hän muistaa kuvan mutta ei palvelua, otsikko on liian heikko tai kuva liian vahva. Jos hän ei tiedä, mitä tekisi seuraavaksi, painike ei erotu tai sen teksti ei kerro mitään.

Tee testi muutamalle eri ihmiselle ja kirjaa vastaukset sanasta sanaan. Kun ulkopuoliset kuvaavat yrityksesi samoin sanoin kuin itse kuvaat sen, etusivu on valmis. Testi maksaa kahvikupin, ja se kertoo enemmän kuin viikon väittely värisävyistä.

Yhteenveto

Etusivun ensimmäisessä näytössä kerrotaan, mitä teet ja kenelle, millä alueella toimit ja mitä kävijän kannattaa tehdä seuraavaksi, ja painikkeen vieressä on todiste, joka antaa syyn luottaa. Otsikko kirjoitetaan asiakkaan sanoilla, ja ensimmäinen näyttö testataan puhelimella ja pienellä kannettavalla.

Etusivun pituus määräytyy kysymyksistä, joihin se vastaa. Karusellit, taustavideot, tervetulotekstit ja vanhentuneet uutiset jätetään pois tai siirretään sinne, missä niitä etsitään.

Moni kävijä ei tule etusivun kautta lainkaan. Katso omasta datasta, mille sivuille kävijät saapuvat, ja anna niille sama huolellinen ensimmäinen näyttö.