Skip to content
huhtikuuta 8, 2023
5 min read time

Verkkosivuston suunnittelu: Opas onnistuneeseen projektiin

Myyntiä edistävän verkkosivuston uudistaminen tai kokonaan uuden luominen on laaja prosessi. Siksi se kannattaa suunnitella ammattilaisten kanssa alusta asti. 
Verkkosivujen suunnittelu

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:

  1. Ylänavigaatio
  2. Sisältö
  3. 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)

e-strand-meta-title-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. 

google image search

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:

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ä.