Etusivu on ensimmäinen sivu, jonka useimmat kävijät näkevät päättäessään tutustua yritykseesi. Se tekee siitä sivun, jolla on eniten pelissä ja usein myös sen, joka saa vähiten keskittynyttä suunnittelua. Useimmat etusivut yrittävät sanoa kaiken. Toimivat sanovat yhden asian selvästi.
Etusivun suunnittelu ratkaisee, toimiiko sivustosi vai hukkaako se saamansa liikenteen. Etusivu, joka latautuu sujuvasti ja tekee seuraavasta askeleesta ilmeisen, pitää kävijät liikkeessä. Sekava, hidas tai epäselvä etusivu menettää heidät ennen kuin he pääsevät parhaan sisältösi luo.
Tämä artikkeli käsittelee sitä, mitä etusivun pitää tehdä, miten sisältö rakennetaan ja ne konkreettiset päätökset, jotka erottavat konvertoivan etusivun sellaisesta, joka vain on olemassa.
Mitä etusivun pitää tehdä?
Etusivulla on yksi tehtävä: auttaa oikeaa kävijää ymmärtämään, että hän on oikeassa paikassa, ja näyttää, minne mennä seuraavaksi. Se kuulostaa yksinkertaiselta. Useimmat etusivut epäonnistuvat siinä, koska ne yrittävät tehdä liian montaa asiaa kerralla.
Kävijät saapuvat etusivulle eri paikoista ja eri tietoisuustasoilla. Jotkut ovat hakeneet juuri sitä, mitä tarjoat, ja ovat valmiita toimimaan. Jotkut ovat kuulleet nimesi joltakulta ja haluavat varmistaa, että olet luotettava. Jotkut selailevat eivätkä ole vielä varmoja, tarvitsevatko mitään. Hyvä etusivun suunnittelu palvelee kaikkia kolmea muuttumatta geneeriseksi esitteeksi.
Selkein tapa arvioida etusivua on kysyä, osaako ensimmäistä kertaa vieraileva kävijä vastata kolmeen kysymykseen viidessä sekunnissa saapumisestaan: mikä tämä yritys on, kenelle se on tarkoitettu ja mitä minun pitäisi tehdä seuraavaksi? Jos vastaus johonkin näistä on epäselvä, etusivu ei toimi.
Mitä etusivun ensimmäiseen näkymään (above the fold) kuuluu?
Etusivun ensimmäinen näkymä (above the fold) painaa eniten, koska sen jokainen kävijä näkee ennen kuin päättää vierittää tai lähteä. Sen pitää vastata yllä oleviin kolmeen kysymykseen mahdollisimman suoraan.
Otsikko, joka kertoo, mitä teet ja kenelle. Ei slogan eikä missiolause. Selkeä, suora kuvaus tarjoamastasi arvosta. Tukeva lause, joka lisää täsmällisyyttä tai vastaa tärkeimmän toivomasi kävijän pääasialliseen huoleen. Toimintakehote, joka antaa valmiille kävijöille selvän seuraavan askeleen ja ei painosta niitä, jotka eivät ole valmiita.
Visuaali, joka vahvistaa viestiä sen sijaan, että korvaisi sen. Abstrakti kuvitus tai pelkästään koristeelliset taustat luovat tunnelmaa mutta vähentävät selkeyttä. Vahvimmat ensimmäisen näkymän visuaalit näyttävät tuotteen, lopputuloksen tai henkilön, joka hyötyy.
Navigointi kuuluu tähän osioon. Kävijät, jotka haluavat tutustua pidemmälle, tarvitsevat tavan tehdä se ilman etsimistä. Artikkeli mitä above the fold tarkoittaa käsittelee yksityiskohtaisesti, mikä tekee ensimmäisestä näkymästä tehokkaan ja miten se käyttäytyy eri tavalla mobiilissa ja työpöydällä.
Miten rakennat sisällön ensimmäisen näkymän alapuolelle?
Ensimmäisen näkymän alapuolella etusivulla on tilaa rakentaa perustelut kävijälle, joka ei toiminut heti. Parhaiten toimiva rakenne etenee loogisesti: mitä teet, todiste siitä, että se toimii, kenelle se on tarkoitettu ja mitä tehdä seuraavaksi.
Lyhyt selitys ydintarjoamasta, riittävän täsmällinen karsimaan pois kävijät, jotka eivät ole oikea kohderyhmä, ja rauhoittamaan ne, jotka ovat. Sosiaalinen todiste siinä muodossa, joka on yrityksellesi uskottavin: asiakkaiden lainaukset, tulokset, tunnettujen asiakkaiden logot tai luku, joka osoittaa mittakaavan. Osio, joka puhuu tärkeimmistä huolista tai tilanteista, joista parhaat asiakkaasi tulevat. Toinen toimintakehote kävijöille, jotka ovat lukeneet näin pitkälle ja ovat nyt valmiita.
Etusivun alaosan alatunnisteen navigointi antaa kaiken lukeneille kävijöille tavan päästä toissijaisille sivuille. Se palvelee myös kävijöitä, jotka vierittävät suoraan alas etsimään yhteystietoja, lakilinkkejä tai muita tarvitsemiaan sivuja. Artikkeli mitä verkkosivuston navigointi on käsittelee sekä päänavigoinnin että alatunnisteen navigoinnin suunnittelua yksityiskohtaisesti.
Mikä saa etusivun tekstin toimimaan?
Etusivun teksti epäonnistuu kahdella ennustettavalla tavalla. Se on joko liian epämääräinen merkitäkseen mitään tai sanoo niin paljon, ettei mikään jää mieleen.
Epämääräinen versio käyttää ilmauksia kuten "Autamme yrityksiä kasvamaan" tai "Muutamme tapaa, jolla työskentelet." Nämä väitteet pitävät teknisesti paikkansa lähes jokaisesta yrityksestä, ja siksi ne eivät pidä paikkaansa mistään hyödyllisellä tavalla. Kävijä ei voi niistä päätellä, onko yrityksesi relevantti hänen tilanteessaan.
Ylitäytetty versio yrittää selittää jokaisen ominaisuuden, mainita jokaisen käyttötapauksen ja vastata jokaiseen mahdolliseen kysymykseen yhdellä sivulla. Tuloksena on sivu, joka lukeutuu esitteeksi ja konvertoi kuin esite.
Toimiva teksti on täsmällistä, suoraa ja kirjoitettu yhdenlaiselle kävijälle. Se nimeää ongelman tai tilanteen, kuvaa lopputuloksen ja tekee seuraavasta askeleesta ilmeisen. Paras etusivun teksti kuulostaa siltä, että joku, joka tuntee yrityksesi hyvin, on kirjoittanut sen jollekulle, joka päättää luottaako sinuun.
Miten etusivun pitäisi toimia mobiilissa?
Pelkästään työpöydälle suunniteltu etusivu menettää suurimman osan kävijöistään. Yli 60 prosenttia verkkoliikenteestä tulee mobiililaitteista, ja etusivu on usein ensimmäinen sivu, jonka nämä kävijät näkevät.
Mobiilissa asettelun sarakkeet tiivistyvät, fonttikokojen täytyy olla suurempia ja napautuskohteiden riittävän väljiä sormelle. Ensimmäisen näkymän alue on pienempi, mikä tarkoittaa, että otsikon ja toimintakehotteen on toimittava ahtaammassa ikkunassa. Suuret koristekuvat, jotka toimivat työpöydällä, täyttävät usein koko mobiilinäytön ilman mitään hyödyllistä.
Etusivun testaaminen oikealla puhelimella ennen kuin sen katsotaan olevan valmis ei ole valinnaista. Selainesikatselut ovat hyödyllisiä kehityksen aikana, mutta eivät vastaa kosketuslaitteen kokemusta. Artikkeli miten teet verkkosivustosta mobiiliystävällisen käsittelee kaikki muutokset, jotka tekevät sivustosta aidosti käyttökelpoisen puhelimella.
Vaikuttaako etusivun suunnittelu SEO:hon?
Etusivu on tyypillisesti sivuston eniten linkitetty sivu ja sillä on suurin arvovalta. Sen rakenne vaikuttaa sekä siihen, miten hakukoneet ymmärtävät sivuston, että siihen, miten tämä arvovalta kulkeutuu muille sivuille.
Selkeä otsikkorakenne, jossa on yksi H1, joka kertoo, mistä sivusto kertoo, ja H2-osioita, jotka kattavat aiheeseen liittyviä aiheita, auttaa hakukoneita ymmärtämään sivun. Etusivulta tärkeille tuote-, palvelu- tai sisältösivuille johtavat sisäiset linkit siirtävät arvovaltaa näille sivuille ja viestivät niiden tärkeydestä.
Etusivun nopeudella on suhteettoman suuri merkitys, koska se on eniten vierailtu sivu. Etusivu, joka latautuu hitaasti mobiilissa, laskee koko sivuston hakusuorituskykyä. Artikkeli mitä web-suunnittelu on selittää, miten asettelu- ja rakennepäätökset liittyvät hakusuorituskykyyn. Kattavan kuvan hakusijoituksista saat artikkelista mitä SEO on joka käsittelee tekniset ja sisältötekijät, jotka vaikuttavat sivujen sijoittumiseen.
Miten WEMASY hoitaa etusivun suunnittelun
WEMASYn sivustorakentimessa on toimialoittain jaoteltuja etusivupohjia, jotka on rakennettu selkeän ensimmäisen näkymän, loogisen sisältövirran ja mobiiliresponsiivisten asettelujen ympärille. Visuaalisella editorilla voit muokata sisältöä, värejä ja osioita koskematta koodiin. Mobiiliesikatselu näyttää rakentaessasi, miltä etusivu näyttää puhelimella, joten julkaisun jälkeen ei tule yllätyksiä.
Katso, mitä kuuluu mukaan, osoitteesta WEMASYn sivustonrakentaja tai tutustu vaihtoehtoihin hintasivulla.
Usein kysytyt kysymykset
Kuinka pitkä etusivun pitäisi olla?
Riittävän pitkä vastatakseen kysymyksiin, joihin ensikertalainen tarvitsee vastauksen ennen toimimista, eikä pidempi. Yksinkertaiselle palveluyritykselle se voi tarkoittaa kolmea tai viittä osiota. Monimutkaisemmalle tuotteelle tai pidemmälle päätösjaksolle seitsemää tai kahdeksaa. Pituus ei ole tavoite. Oikean sisällön kattaminen oikeassa järjestyksessä on. Liian lyhyt etusivu jättää kävijät ilman riittävästi tietoa toimimiseen. Liian pitkä menettää heidät ennen kuin he pääsevät toimintakehotteeseen. WEMASYn sivustorakentimellavoit toteuttaa tämän suoraan omalla sivustollasi.
Kuinka monta toimintakehotetta etusivulla pitäisi olla?
Yksi ensisijainen toimintakehote, joka toistuu loogisissa kohdissa kävijän vieriessä. Yksi selkeä ensisijainen toiminto, olipa se puhelun varaaminen, ilmaisen kokeilun aloittaminen tai tarjouksen pyytäminen, säästää kävijää valitsemasta useiden kilpailevien vaihtoehtojen välillä. Toissijaiset toiminnot, kuten "Lue lisää" tai "Katso miten se toimii", voivat olla ensisijaisen rinnalla, mutta niiden pitäisi tuntua selvästi toissijaisilta, jotta tärkein toiminto erottuu.
Pitäisikö etusivulla olla video?
Video voi toimia etusivulla hyvin, jos se näyttää jotain, jota on todella vaikea viestiä tekstillä ja kuvilla, kuten tuote-esittelyn tai prosessin. Riskit ovat latausaika ja automaattinen toisto. Etusivun video, joka toistuu automaattisesti äänen kanssa, turhauttaa useimpia kävijöitä heti, erityisesti mobiilissa. Video, joka lisää sivun latausaikaan useita sekunteja ennen kuin mitään hyödyllistä näkyy, heikentää poistumisprosenttia. Jos lisäät videon, varmista, että se on valinnainen, oletuksena mykistetty eikä estä muun sivun latautumista.
Mikä on suurin virhe, jonka yritykset tekevät etusivullaan?
Sen suunnittelu itselleen eikä ensikertalaiselle kävijälle. Yrittäjät tuntevat tuotteensa, erottautumistekijänsä ja tarinansa. Ensikertalaiset eivät tunne mitään näistä ja päättävät sekunneissa, kannattaako huomiota sijoittaa. Yleisin tulos on etusivu, joka aloittaa sisäisellä kielellä, käyttää epämääräisiä otsikoita, jotka tuntuvat sisäisesti merkityksellisiltä mutta eivät kerro mitään ulkopuoliselle, ja hautaa varsinaisen tarjonnan pitkän yrityksen arvoja käsittelevän selityksen taakse. Korjaus on kirjoittaa etusivu ikään kuin selittäisit, mitä teet jollekulle, joka ei ole koskaan kuullut sinusta ja on hieman epäileväinen.
Kuinka usein etusivu pitäisi uudistaa?
Kun se lakkaa toimimasta, ei kiinteällä aikataululla. Merkkejä siitä, että etusivu tarvitsee huomiota, ovat uusien kävijöiden korkea poistumisprosentti, ensisijaisen toimintakehotteen matala konversioaste tai palaute siitä, etteivät kävijät ymmärrä, mitä yritys tekee. Pienet päivitykset tekstiin, kuviin ja toimintakehotteisiin voivat korjata useimmat ongelmat ilman täyttä uudistusta. Täysi uudistus on järkevä, kun yritys on muuttunut merkittävästi, nykyinen suunnittelu ei enää heijasta yrityksen identiteettiä tai tekninen perusta on niin vanhentunut, että uudelleenrakentaminen on helpompaa kuin paikkaaminen.