Yrityksen verkkosivusto kannattaa nähdä laajemmin, kuin pelkkänä tuote- tai yhteystietojen säilytyspaikkana. Tehokas sivusto voi esimerkiksi konvertoida liidejä myynnille, säästää Back-Office aikaa ja olla asiakaspalvelurobotti. Tämä opas kertoo pähkinänkuoressa, mitä verkkosivujen suunnittelussa tulee ottaa huomioon.
Sisällysluettelo
Vanhan sivuston analytiikka
Uuden sivuston tavoitteet
Sivuston navigaatiot
Tekstin kirjoitus ja SEO
Sivujen metatiedot
Kuvien hankkiminen
Sisällönhallintajärjestelmät (CMS)
Graafinen suunnittelu
"Briiffauksen kultainen sääntö: Pystyäksesi selittämään asian muille, se on osattava selittää ensin itselle."
Historiasta voi oppia
Kun on kyse verkkosivun uudistuksesta, kannattaa ensin perata, mitä vanha sivusto teki hyvin, mitä huonosti. Analytiikkatyökalujen avulla se onnistuu parhaiten. Yleensä jokaisella 2010 jälkeen tehdyllä nettisivulla on ollut Google Analytics tai vastaava analytiikkaohjelma käytössä.
Mitä tavoitteita uudelle verkkosivulle asetetaan?
Ostopolut ja oma myyntiorganisaatio täytyy saada kohtaamaan mahdollisimman vaivattomasti. Tässä esimerkkinä muutamia palikoita joita voi käyttää liidigenerointiin ja myynnin tehostamiseen.
- Kalenteribuukkaukset
- Liidilomakkeet (lämpimät liidit)
- Liiditunnistukset (kylmät liidit)
- Landing page (kampanjasivut)
- CTA (Call to Action) eli Palikat, jotka houkuttelevat kävijöitä toimimaan
- Markkinoinnin automaatio
Näitä pallottelemalla saadaan hahmotettua haavekuva uudesta sivustosta. Uudet toiminnot vaativat usein myös muutoksia myyntiprosesseihin, joten kokonaisuus kannattaa miettiä huolella.
Layoutin aika ei ole vielä!
Usein viimeistään tässä kohtaa ajaudutaan väärälle raiteelle. Aletaan miettiä liian aikaisin, mille uusi sivusto tulee näyttämään. Siihen ei kannata vielä hypätä. Raaka ja työläs suunnittelun vaihe on vielä edessä.
Kartoitetaan ylänavigaatio ja footer
Lähes jokainen verkkosivusto käsittää samat sisältökokonaisuudet:
- Ylänavigaatio
- Sisältö
- Footer
Klassinen, mutta edelleen toimiva metodi on kirjoittaa Exceliin, mitä lukee ylänavigaatiossa ja mitä footerissa. Tämän itsestään selvälle kuulostavan työvaiheen kun tekee kunnolla, säästää erittäin paljon aikaa, rahaa ja hermoja.
Malliesimerkki ylänavigaatiosta kuvitteellisen psykoterapiafirman sivuilla:
Etusivu | Autamme sinua | Terapiamuotomme | Meistä |
Unettomuudessa | Lyhytterapia | Historia | |
Ahdistuksessa | Hypnoosi | Yhteystiedot | |
Elämänmuutoksissa | Kertaterapia |
Tähän vaiheeseen liittyy oleellisesti terminologia ja hakukoneoptimointi. Täytyy pureskella todella valmiiksi se mitä ollaan myymässä - niin, että sen voi kiteyttää yhteen sanaa. Navigaatioihin tulevat sanat ja termit ovat myös yksi suurimmista tekijöistä, mitkä ratkaisevat kuinka korkealle hakukonetuloksissa noustaan (SERP).
Kaikki lähtee tekstistä
Jokainen edellisessä kohdassa mainittu sivu täytyy kirjoittaa auki. Otsikot, väliotsikot sekä "taglinet" on mietittävä huolellisesti. Kun kirjoitamme verkkoon, emme kirjoita pelkästään ihmisille, vaan myös internetin hakukoneille. Kirjoitusprosessi auttaa hahmottamaan mitä ja millä termistöllä (SEO) tuotteitanne tai palvelujanne tullaan myymään. Myyntiprosessit hioutuvat ja kokonaiskuva alkaa hahmottua - sivujaottelusta ja tekstin määrästä puhumattakaan.
Usein tässä kohdassa kuulee lauseen: "No, laitetaan nyt jotain aluksi, muutetaan sitten myöhemmin". Kannattaa muistaa, että hakukoneet tekevät ns. Deep Crawlin useiden kuukausien sykleillä. Vaikka sivun teksti on muutettu, se muuttuu hitaasti hakukoneiden näkökulmasta. Kannattaa julkaista mahdollisimman valmiiksi mietityt tekstit heti uuden nettisivun lanseerauksessa.
Hakukoneoptimoinnin osa-alueet tulee ottaa huomioon
Hakukoneet arvostavat selkeyttä, siksi niille on annettava selkeästi mietityt:
- Sivuotsikot (Meta title / Title Tag)
- Kuvaus (Meta Description)
Näihin potentiaalinen asiakas törmää ensimmäisenä hakiessaan tietoa internetistä.
Jos ja kun sivujen teksti on kirjoitettu jo valmiiksi auki, näiden kenttien määrittely on helppoa.
Kuvien hankinta: Helpommin sanottu kuin tehty
Kun tekstit on tehty, on aika valita tekstille sopivat kuvat. Tyypillisesti jokaisella sivulla on vähintään yksi kuva.
Tämä kohta kuulostaa helpolle, mutta on käytännössä kaikkea muuta. Täydellistä markkinointikuvaa kun ei ole olemassakaan. Ei, vaikka sadat kuvapankit tarjoavat kymmeniä miljoonia kuvia. Niitä kahlatessa ja kuvapankkien lisenssioikeuksia lukiessa vierähtää helposti tunteja tai päiviä. Ilmaisia kuvapankkeja on myös, mutta niiden kuvatarjonta on hyvin rajallinen.
Vanhalta sivustolta voidaan saada joitain käyttökelpoisia kuvia, mutta yleensä verkkosivun uudistuksessa tähdätään freesiin ilmeeseen, jota vanhat kuvat eivät mahdollista.
Tekoälyn avulla voidaan myös luoda kuvia. Vaihtoehto toimii joissain tapauksissa, joissain ei.
Valokuvaaja voidaan myös palkata jos budjetti antaa myöden.
Vaihtoehtoja on siis olemassa. Tähän aiheeseen kannattaa laittaa aikaa ja miettiä kuvat sekä kuvien nimeäminen tarkkaan. Hakukoneiden kuvahakutoiminto on räjähdysmäisessä kasvussa myynnin tekijänä. Esimerkkinä verkkokaupat.
Kuvat eivät ole esillä pelkästään omilla verkkosivulla, vaan myös silloin, kun joku jakaa verkkosivun toisille somessa, eli ns. featured image - joka on oma taiteenlajinsa.
Viimeistään tässä vaiheessa kannattaa myös tarkistaa, onko yrityksenne logo ajan tasalla ja käyttövalmiina digitaaliseen julkaisuun.
Sisällönhallintajärjestelmän ja ulkoasun valinta
Kun edellä mainitut pohjatyöt on tehty (tai saatu ainakin käyntiin), päästään tekniikkaan käsiksi.
Valitaan verkkosivulle tekninen alusta eli sisällönhallintajärjestelmä. Vaihtoehtoja on tietenkin lukuisia. Tässä ne missä me voimme olla avuksi:
- WordPress
- HubSpot CMS
Kummassakin on puolensa. Kumpikin toimii valmiina saatavilla olevilla sivupohjilla (template), jotka määrittelevät sivuston rautalankamallin, käytettävyyttä (UX) ja pitkälle sitä mille verkkosivu tulee näyttämään.
Lue vertailumme WordPressin ja HubSpot CMS:n välillä
Graafinen suunnittelu
Valmiiden CMS-sivupohjien käyttö raamittaa sivustoprojektia. Lopullinen viilaus tehdään kuitenkin graafisen suunnittelun näkökulmasta. Värit, fontit ja sivuston koko ulkoasu viilataan näyttämään juuri teidän brändille.
Myyntiä edistävän verkkosivun suunnittelu on aina laaja prosessi. Ammattilainen kannattaa ottaa jo mahdollisimman aikaisessa vaiheessa mukaan, kun tätä prosessia aletaan miettimään. Panostus tulee takaisin lopputuloksessa.
Olemme tehneet verkkosivuja vuodesta 2004. Ollaan yhteydessä.