Nettisivujen teko onnistuu, kun päätät ensin, kenelle sivusto tehdään ja mitä kävijän pitää siellä pystyä tekemään. Valitse vasta sen jälkeen alusta, kirjoita sisältö, suunnittele ulkoasu ja rakenna sivusto.
Yksinkertaiset kotisivut voi tehdä itse kotisivukoneella. Yrityksen useamman palvelun sivusto vaatii lisäksi suunnitelman palvelusivuista, mobiilikäytöstä, hakukoneista, yhteydenotosta ja ylläpidosta. Sama työjärjestys auttaa, vaikka ostaisit toteutuksen ammattilaiselta.
Nettisivujen teko pähkinänkuoressa
- 01Päätä, kenelle sivusto tehdään ja mitä sen pitää saada aikaan.
- 02Valitse, teetkö sivut itse vai annatko toteutuksen ammattilaiselle.
- 03Varaa verkkotunnus ja valitse sivustolle sopiva hosting.
- 04Suunnittele sivukartta ja sisältöjen järjestys.
- 05Kirjoita palveluista asiakkaan kysymysten pohjalta.
- 06Tee ulkoasusta selkeä ja varmista, että se toimii puhelimella.
- 07Huolehdi löydettävyydestä ja tee yhteydenotosta helppoa.
- 08Testaa, julkaise ja kehitä sivustoa tulosten perusteella.
Tekninen rakentaminen on vain yksi vaihe. Sivuston hyöty syntyy siitä, että asiakas löytää tarvitsemansa tiedon ja pääsee helposti seuraavaan askeleeseen.
Tee nettisivut itse vai käytä ammattilaista?
Valitse tapa sen mukaan, mitä sivuston pitää tehdä ja kuinka paljon aikaa voit käyttää itse. Nopein tai halvin aloitus ei aina ole edullisin kokonaisuus, jos sivustoa pitää myöhemmin rakentaa uudelleen.
| Toteutustapa | Sopii, kun | Huomioi |
|---|---|---|
| Kotisivukone | Haluat tehdä pienen sivuston itse valmiilla pohjalla. | Rakenne, tekstit ja näkyvyys jäävät omalle vastuulle. |
| WordPress | Haluat muokata sisältöä itse ja käyttää teemoja tai lisäosia. | Teemojen, lisäosien ja tietoturvan ylläpito pitää järjestää. |
| Ammattilainen | Tarvitset suunnitellun yrityssivuston ja apua sisällöissä. | Sovi laajuus, omistajuus, päivitykset ja jatkuvat kulut. |
| Custom-toteutus | Tarvitset yksilöllisen rakenteen, suorituskykyä tai integraatioita. | Varmista, miten sisältöä ja tekniikkaa ylläpidetään. |
Kotisivukoneen ja ostetun toteutuksen eroja voi vertailla tarkemmin artikkelissa kotisivukone vai ammattilainen. Jos valinta on WordPressin ja yksilöllisen toteutuksen välillä, lue myös WordPressin ja custom-sivuston vertailu. WebFinin yrityssivustot tehdään custom-koodattuna Next.js-toteutuksena ilman valmista sivupohjaa.
1. Määritä ensin nettisivujen tavoite
Kysy ennen värien ja kuvien valintaa: mitä haluat kävijän tekevän sivustolla? Päätavoite voi olla tarjouspyyntö, puhelu, ajanvaraus tai ostos. Sivu voi myös vahvistaa luottamusta ennen yhteydenottoa.
Valitse yksi tai kaksi tärkeintä tavoitetta. Jos haluat tarjouspyyntöjä, näytä palvelut, työnäytteet ja yhteydenotto johdonmukaisesti. Jos asiakas tarvitsee heti apua, nosta puhelinnumero näkyviin etenkin mobiilissa.
2. Suunnittele sivuston rakenne ennen designia
Kirjoita ensin lista tarvittavista sivuista. Pienelle palveluyritykselle hyvä lähtökohta on etusivu, palvelut, tärkeimpien palveluiden omat sivut, referenssit, yrityksen esittely ja yhteystiedot. Jos palveluita on yksi, yksi huolellisesti tehty sivu voi riittää.
Esimerkiksi LVI-yrityksen asiakkaalle yksi yleinen ”Palvelut”-sivu voi olla liian epämääräinen. Erilliset sivut putkitöille, LVI-huollolle ja lämpöpumpuille auttavat asiakasta löytämään oikean palvelun. Kirjoita sivujen nimet asiakkaan käyttämillä sanoilla.
Piirrä sivukartta vaikka paperille: mistä asiakas aloittaa, mihin hän siirtyy ja mistä yhteydenotto löytyy? Tämä säästää turhaa työtä, kun ulkoasua aletaan rakentaa.
Älä tee erillisiä sivuja vain sivumäärän kasvattamiseksi. Oma sivu on hyödyllinen, kun palvelulla on erillinen kysyntä ja pystyt kertomaan siitä asiakkaalle olennaista tietoa. Jos kahdella sivulla olisi lähes sama teksti, yhdistä ne tai rajaa niiden tehtävät selvemmin.
Jos yrityksesi on pieni ja pohdit sopivaa laajuutta, katso myös opas pienyrityksen kotisivujen suunnitteluun.
3. Hanki domain ja hosting
Domain on sivustosi osoite, esimerkiksi yritys.fi. Valitse helposti muistettava nimi, joka vastaa yritystäsi. Suomalaiselle yritykselle .fi on usein luonteva vaihtoehto. Tarkista, että verkkotunnuksen hallinta ja rekisteröintitiedot ovat yrityksesi saatavilla. Traficomin .fi-verkkotunnusohjeet auttavat alkuun.
Hosting on ympäristö, jossa sivusto toimii. Kotisivukoneessa se kuuluu tavallisesti palveluun. WordPressille hankitaan usein webhotelli, ja custom-sivusto voidaan julkaista erilliseen pilviympäristöön. Vertaile myös varmuuskopioita, tukea, tietoturvaa ja sitä, kuka vastaa ongelmatilanteista.
Kirjaa talteen, kenellä on pääsy domainiin, hostingiin ja yrityssähköpostin asetuksiin. Jos ulkopuolinen tekee sivuston, sovi jo ennen projektia, miten tunnukset ja sivuston materiaalit siirtyvät yrityksellesi tarvittaessa.
4. Kirjoita sisältö asiakkaan kysymysten ympärille
Etusivun yläosasta pitää selvitä nopeasti, mitä teet, kenelle tai missä palvelet ja miten asiakkaan kannattaa edetä. ”Kylpyhuoneremontit Helsingissä ja Vantaalla” kertoo enemmän kuin yleinen lupaus laadusta.
Kirjoita jokaiselle palvelusivulle suora vastaus: mitä palvelu sisältää, kenelle se sopii, mistä hinta muodostuu, miten työ etenee ja miten yhteyden saa. Jos käytät toimialan termejä, selitä ne. Lyhyet kappaleet ja kuvaavat väliotsikot auttavat lukijaa löytämään tiedon.
Kerää ennen rakentamista kuvat, logo, yhteystiedot ja mahdolliset oikeat referenssit. Aito projektikuva ja selkeä selitys tehdystä työstä ovat yleensä hyödyllisempiä kuin yleinen kuvapankkikuva.
Esimerkiksi remonttiyrityksen palvelusivulla kannattaa näyttää, millaisia kohteita yritys tekee, miten arviokäynti järjestyy ja mitä asiakkaan pitää valmistella ennen tarjouspyyntöä. Asiakas voi silloin arvioida sopivuuden ilman, että hän joutuu arvaamaan palvelun sisältöä.
5. Suunnittele ulkoasu ja mobiilikäyttö
Designin tehtävä on tehdä sisällöstä helppoa ymmärtää. Valitse luettava kirjasin, riittävä kontrasti, selkeät otsikot ja kuvat, jotka tukevat asiaa. Näyttävät tehosteet eivät korvaa ymmärrettävää palvelukuvausta.
Testaa jokainen tärkeä sivu puhelimella: näkyvätkö palvelu ja yhteydenotto heti, voiko painikkeita käyttää sormella ja pysyykö teksti luettavana? Tarkista myös näppäimistökäyttö ja kuvien vaihtoehtoiset tekstit. W3C:n mobiilisaavutettavuuden ohjeet auttavat huomioimaan eri käyttäjät.
Kuvat kannattaa rajata niin, että tärkeä kohde näkyy myös kapealla näytöllä. Tarkista erikseen pitkä palveluotsikko, hinnastotaulukko ja yhteydenottolomake: ne paljastavat mobiiliasettelun ongelmat usein ensimmäisinä.
6. Huomioi hakukoneoptimointi jo tehdessä
Hakukoneoptimointi alkaa sivurakenteesta ja hyödyllisestä sisällöstä. Selvitä, millä sanoilla asiakkaat etsivät palvelua, ja tee tärkeille aiheille selkeät sivut. Lisää jokaiselle sivulle oma title, kuvaus, H1 ja kuvaava URL. Linkitä sivut toisiinsa luonnollisesti.
Varmista lisäksi, että hakukone voi löytää sivut, sivukartta toimii ja tärkeät sivut eivät ole vahingossa noindex-tilassa. Google muistuttaa omassa SEO-aloitusoppaassaan, ettei mikään yksittäinen asetus takaa sijoituksia. Jos tarvitset apua kokonaisuuteen, katso WebFinin hakukoneoptimoinnin palvelut.
Hakusanaa ei tarvitse toistaa joka kappaleessa. Kuvaava otsikko ja asiakkaan kysymyksiin vastaava sisältö ovat parempi lähtökohta kuin saman termin mekaaninen lisääminen. Tarkista myös, että sivu kertoo selvästi, mitä yritys tarjoaa ja missä se palvelee.
7. Tee yhteydenotosta helppoa ja rakenna luottamusta
Valitse asiakkaalle luonteva seuraava askel: tarjouspyyntö, puhelu, ajanvaraus tai sähköposti. Näytä se sivun alussa ja uudelleen kohdassa, jossa olet jo vastannut asiakkaan kysymyksiin. Pyydä lomakkeella vain seuraavaa vaihetta varten tarvittavat tiedot.
Ennen yhteydenottoa asiakas haluaa tietää, voiko yritykseen luottaa. Näytä oikeat referenssit, työnäytteet, yhteystiedot, yrityksen tausta ja hinnan muodostuminen silloin kun se on mahdollista. Todiste toimii paremmin kuin väite siitä, että yritys on luotettava.
8. Testaa sivusto ennen julkaisua
Valmis ulkoasu ei vielä tarkoita valmista sivustoa. Käy etusivu ja tärkeimmät palvelusivut läpi tietokoneella ja puhelimella. Avaa navigaation linkit, lähetä testiviesti lomakkeella ja varmista, että viesti saapuu oikeaan osoitteeseen.
Tarkista vielä HTTPS, sivuston latautuminen, kuvien koko, title- ja metatiedot, canonicalit, sivukartta sekä vanhojen osoitteiden ohjaukset, jos korvaat aiemman sivuston. Rikkoutunut lomake voi jäädä huomaamatta, ellei sitä testata loppuun asti.
Pyydä lisäksi henkilöä, joka ei ole osallistunut sivun rakentamiseen, etsimään yksi palvelu ja lähettämään testiyhteydenotto. Jos hän epäröi, missä tieto tai painike on, korjaa polku ennen julkaisua.
9. Mittaa tuloksia ja ylläpidä sivustoa
Julkaisun jälkeen seuraa muutakin kuin kävijämäärää. Mittaa lomakkeiden lähetyksiä, puhelinklikkejä, ajanvarauksia ja sivuja, joilta yhteydenotot tulevat. Näin näet, mitkä palvelut kiinnostavat ja mitä sisältöä kannattaa parantaa.
Päivitä palvelut, hinnat, henkilöt, kuvat ja yhteystiedot aina niiden muuttuessa. Tekninen ylläpito riippuu alustasta: WordPressissä myös järjestelmä, teemat ja lisäosat vaativat huomiota. WordPressin oma ohje käsittelee niiden päivityksiä.
Varaa kalenteriin säännöllinen katsaus: toimivatko lomakkeet, ovatko tärkeimmät palvelusivut ajan tasalla ja onko asiakkaiden kysymyksistä syntynyt uutta sisältötarvetta? Näin sivustosta tulee yrityksen mukana kehittyvä työkalu.
Paljonko nettisivujen tekeminen maksaa ja kestää?
Itse tehdyssä sivustossa maksat tavallisesti työkalusta, domainista, hostingista ja omasta työajastasi. Ammattilaisella kustannus riippuu sivujen määrästä, sisällöistä ja toiminnallisuuksista. Vertaa aina myös jatkuvaa ylläpitoa, omistajuutta ja sitä, mitä julkaisuun sisältyy.
WebFinin custom-koodattu yhden sivun Käyntikorttisivu maksaa 449 € + alv, 5–10 sivun Yrityssivusto 990 € + alv ja yli kymmenen sivun Kasvupaketti alkaen 1 400 € + alv. Kuukausipalvelu on kaikissa 35 € + alv/kk. Lue laajempi vertailu artikkelista mitä verkkosivut maksavat.
Aikataulu riippuu varsinkin siitä, ovatko palvelukuvaukset, kuvat ja päätökset valmiina. Sovi etukäteen sivumäärä, vastuut, kommentointikierrokset ja tavoiteaika. Jos ostat toteutuksen, voit verrata vaiheita WebFinin verkkosivuprojektin prosessiin.
Milloin nettisivujen teko kannattaa antaa ammattilaiselle?
Itse tekeminen on järkevää, kun sivusto on pieni, budjetti on hyvin rajallinen ja sinulla on aikaa opetella työkalu sekä huolehtia päivityksistä. Se on toimiva tapa aloittaa, jos verkkosivusto ei vielä ole yrityksen keskeinen asiakashankinnan kanava.
Ammattilainen kannattaa ottaa mukaan, kun yrityksellä on useita palveluita, asiakkaat vertailevat toimijoita verkossa tai sivustolta odotetaan tarjouspyyntöjä. Samoin suunnitteluapu voi olla arvokasta, jos et tiedä, miten palvelut pitäisi jakaa sivuille tai mitä asiakkaalle pitää kertoa ennen yhteydenottoa.
Pyydä tarjouksessa erittely rakenteesta, sisällöistä, teknisestä toteutuksesta, julkaisusta ja ylläpidosta. Varmista, kuka tekee lopulliset päätökset, kuka omistaa materiaalit ja miten muutoksia tehdään julkaisun jälkeen.
Tarjousten vertaamiseen saat lisää kysymyksiä artikkelista miten valita kotisivujen tekijä.
Yleisimmät virheet nettisivujen tekemisessä
- Design aloitetaan ennen rakennetta. Sivut näyttävät valmiilta, mutta asiakkaan kysymyksille ei löydy paikkaa.
- Kaikki palvelut piilotetaan yhdelle sivulle. Useita erillisiä palveluita on vaikea vertailla tai löytää hausta.
- Kirjoitetaan yrityksen sisäisellä kielellä. Asiakas ei tunnista, ratkaiseeko palvelu hänen ongelmansa.
- Yhteydenotto on hankalaa. Painike tai puhelinnumero löytyy vasta pitkän etsimisen jälkeen.
- Mobiili ja SEO tarkistetaan lopuksi. Rakenteen korjaaminen julkaisun alla vie enemmän aikaa.
- Julkaistaan ilman mittausta. Yritys ei tiedä, saako sivusto oikeita yhteydenottoja.
Nettisivujen julkaisun tarkistuslista
Käy nämä kohdat läpi ennen kuin jaat uuden sivuston asiakkaille:
Sisältö
- Yrityksen nimi, palvelut, toimialue ja yhteystiedot ovat oikein.
- Tekstit on luettu läpi eikä sivulla ole keskeneräistä sisältöä.
- Kuvat ovat ajantasaisia ja niillä on kuvaavat vaihtoehtoiset tekstit.
Käytettävyys
- Navigaatio, painikkeet ja lomakkeet toimivat puhelimella.
- Puhelinnumerosta voi soittaa ja tärkeä yhteydenottotapa löytyy nopeasti.
- Teksti on luettavaa eikä sivu vieri vaakasuunnassa.
SEO ja tekniikka
- Jokaisella tärkeällä sivulla on oma title, kuvaus ja H1.
- Sivukartta, canonical-osoitteet ja indeksointiasetukset ovat oikein.
- HTTPS, linkit, lomakkeen toimitus ja mittaus on testattu.
Kun perusta toimii, sivustoa voi kasvattaa uusilla palvelusivuilla, referensseillä ja oppailla. Hyvä ensimmäinen versio on selkeä ja käytettävä; kaikkea ei tarvitse tehdä yhdellä kertaa.
Usein kysyttyä nettisivujen tekemisestä
Voiko nettisivut tehdä itse ilman kokemusta?
Kyllä. Kotisivukoneella voi rakentaa yksinkertaisen sivuston ilman ohjelmointia. Rakenne, tekstit, kuvat ja toimiva yhteydenotto pitää silti suunnitella itse.
Tarvitseeko kotisivujen tekemiseen osata koodata?
Ei välttämättä. Kotisivukone ja WordPress tarjoavat tapoja rakentaa sivuja ilman omaa koodia. Räätälöity toteutus vaatii ohjelmistokehitystä, jonka voi ostaa ammattilaiselta.
Mikä on paras tapa tehdä yrityksen nettisivut?
Valinta riippuu tavoitteesta, omasta ajasta ja tarvittavista ominaisuuksista. Pieneen itse tehtävään sivuun voi riittää kotisivukone, säännöllisesti muokattavaan sisältöön WordPress ja vaativampaan kokonaisuuteen ammattilaisen toteutus.
Mitä yrityksen nettisivuilla pitää olla?
Kerro heti, mitä yritys tekee, kenelle ja missä. Lisää selkeät palvelukuvaukset, yhteystiedot, toimiva yhteydenottotapa ja luottamusta tukevat aidot esimerkit. Testaa kaikki myös puhelimella.
Paljonko nettisivujen teko maksaa?
Itse tehdyssä sivustossa maksat yleensä työkalusta, domainista ja omasta ajastasi. Ammattilaisen hinta riippuu laajuudesta ja sisällöistä. WebFinin yhden sivun Käyntikorttisivu maksaa 449 € + alv ja 5–10 sivun Yrityssivusto 990 € + alv; ylläpito on 35 € + alv/kk.
Kuinka kauan nettisivujen tekeminen kestää?
Aikataulu riippuu sivujen määrästä, sisällöistä, kuvista ja tarvittavista hyväksynnöistä. Kevyen sivun voi tehdä nopeammin kuin laajan palvelusivuston, mutta materiaalien keräämiseen ja päätöksiin kannattaa varata aikaa.
Näkyvätkö uudet nettisivut heti Googlessa?
Julkaisu ei takaa välitöntä indeksointia tai sijoituksia. Varmista, että sivut ovat hakukoneen löydettävissä, lähetä sivukartta Search Consoleen ja seuraa indeksoinnin sekä hakuliikenteen kehitystä.
Tarvitseeko nettisivuja ylläpitää?
Kyllä. Palvelut, yhteystiedot ja muut sisällöt pitää pitää ajan tasalla. Tekninen ylläpito riippuu alustasta; esimerkiksi WordPressin ydinohjelmisto, teemat ja lisäosat vaativat päivityksiä.
Seuraava askel
Nettisivujen teko ei pääty julkaisuun.
Jos rakennat sivut itse, käytä tämän oppaan vaiheita työlistana. Jos haluat, että yrityksesi rakenne, sisällöt, design ja toteutus suunnitellaan puolestasi, tutustu WebFinin kotisivupaketteihin.
Tutustu kotisivupaketteihin