Verkkosivut · Opas
Kuinka tehdä kotisivut: opas alusta loppuun
Tämä on rehellinen vastaus kysymykseen, miten tehdään kotisivut omalle yritykselle. Käymme läpi kymmenen vaihetta järjestyksessä: verkkotunnus, webhotelli, alustan valinta, sivurakenne, tekstit, kuvat, hakukoneoptimoinnin perusteet ja julkaisun tarkistuslista. Kotisivujen tekeminen itse onnistuu hyvin, kun tarpeet ovat yksinkertaiset. Kerromme myös suoraan, missä kohtaa ammattilaisen palkkaaminen maksaa itsensä takaisin, jotta et tuhlaa kolmea kuukautta väärään suuntaan.
Lyhyt vastaus ensin
Kotisivujen teko lyhyesti: kuusi asiaa järjestyksessä
Kotisivut tehdään näin: päätä ensin, mitä kävijän pitää sivustolla tehdä, hanki verkkotunnus ja webhotelli, valitse alusta, piirrä sivurakenne palvelu kerrallaan, kirjoita tekstit asiakkaan kielellä ja julkaise vasta kun olet testannut sivuston puhelimella. Loput tästä sivusta avaa jokaisen vaiheen niin, että pystyt tekemään sen itse. Jos haluat vain tietää, kannattaako ostaa vai tehdä itse, hyppää suoraan kohtaan itse vai ammattilaiselta.
Aikaa
1 tai 2 viikkoa iltatyötä, kun tekstit ovat valmiina. Ilman tekstejä varaudu kuukauteen.
Rahaa
Verkkotunnus 10 ja 20 euron välillä vuodessa, webhotelli 5 ja 15 euron välillä kuukaudessa. Loput on omaa työtäsi.
Osaamista
Koodausta ei tarvita. Tarvitset kärsivällisyyttä, kyvyn kirjoittaa selkeästi ja jonkun, joka lukee tekstit läpi.
Vaihe vaiheelta
Näin kotisivujen tekeminen etenee
Tee vaiheet tässä järjestyksessä. Yleisin virhe on aloittaa ulkoasusta ja miettiä sisältö vasta lopuksi. Silloin tekstit kirjoitetaan sopimaan pohjaan, vaikka pohjan pitäisi joustaa sisällön mukaan. Kun teet vaiheet 1 ja 5 kunnolla, loput sujuvat nopeasti.
Voit myös tulostaa tämän listan ja rastia kohdat. Sama järjestys pätee riippumatta siitä, teetkö sivut WordPressillä, sivustonrakentimella vai palkkaatko tekijän.
- 1
Päätä ensin, mitä sivuston pitää tehdä
Ennen kuin ostat mitään, kirjoita paperille yksi lause: mitä haluat kävijän tekevän. Soittavan, jättävän tarjouspyynnön, varaavan ajan vai tilaavan verkkokaupasta. Tämä yksi lause ohjaa kaikkea myöhempää: sivurakennetta, tekstejä, nappien paikkaa ja sitä, mitä kuvia tarvitset. Ilman sitä rakennat esitteen, jota kukaan ei lue.
- 2
Hanki verkkotunnus
Ota fi-päätteinen verkkotunnus, jos asiakkaasi ovat Suomessa. Pidä se lyhyenä, kirjoita se ääneen puhelimessa ja katso, joutuuko sitä tavaamaan. Vältä väliviivoja ja numeroita. Verkkotunnus kannattaa rekisteröidä omiin nimiin, ei toimiston tai kaverin tunnuksilla, jotta se on varmasti sinun. Hinta on luokkaa 10 ja 20 euroa vuodessa.
- 3
Valitse webhotelli
Webhotelli on se palvelin, jolla sivustosi asuu. Katso kolmea asiaa: onko palvelin Suomessa tai lähellä, sisältyykö SSL-varmenne ja päivittäiset varmuuskopiot hintaan, ja saatko ihmisen kiinni kun jokin menee rikki. Halvin megatarjous on harvoin edullisin, koska hidas jaettu palvelin näkyy suoraan sivuston latausnopeudessa ja sitä kautta hakutuloksissa.
- 4
Valitse alusta silmät auki
WordPress omalla webhotellilla antaa omistajuuden ja vapauden mutta vaatii päivittämistä. Sivustonrakentimet ovat helpompia, mutta sivustoa ei voi viedä ulos: jos lopetat tilauksen, sivusto katoaa. Staattinen sivusto on nopein ja turvallisin. Valitse sen mukaan, kumpi harmittaa vähemmän: pieni tekninen vaiva vai pysyvä riippuvuus palveluntarjoajasta.
- 5
Piirrä sivurakenne ennen kuin avaat editorin
Listaa sivut: etusivu, oma sivu jokaiselle palvelulle, tietoa meistä, referenssit, yhteystiedot, tietosuojaseloste. Yksi palvelu, yksi sivu. Tämä on tärkein hakukoneoptimoinnin päätös koko projektissa, ja se tehdään ennen kuin mitään on rakennettu. Yhdelle sivulle ahdettu palveluluettelo ei sijoitu millään hakusanalla kunnolla.
- 6
Kirjoita tekstit asiakkaan kielellä
Aloita jokainen sivu vastaamalla kysymykseen, jonka takia kävijä tuli. Kerro hinta tai edes hintahaarukka, sillä sen puuttuminen karkottaa enemmän kävijöitä kuin liian korkea hinta. Käytä samoja sanoja kuin asiakkaasi käyttävät, ei toimialan sisäistä jargonia. Kirjoita lyhyitä kappaleita, väliotsikoita ja konkreettisia esimerkkejä. Yksi vinkki: sanele teksti puhelimeen kuin selittäisit asiakkaalle, ja siisti se sitten.
- 7
Kuvat: omat ennen kuvapankkia
Aidot kuvat sinusta, tiimistä ja tehdyistä töistä myyvät moninkerroin paremmin kuin hymyilevä kuvapankkitoimisto. Puhelimen kamera riittää, kun valo on hyvä. Pakkaa kuvat ennen kuin lataat ne: yli megatavun kuva on aina liikaa. Anna jokaiselle kuvalle kuvaava tiedostonimi ja alt-teksti, se auttaa sekä hakukoneita että ruudunlukijan käyttäjiä.
- 8
Hakukoneoptimoinnin perusteet kuntoon
Anna jokaiselle sivulle oma title ja kuvaus, joissa on se hakusana, jolla sivun halutaan löytyvän. Käytä yhtä h1-otsikkoa sivua kohti. Kirjoita sisäiset linkit sivujen välille. Lisää sivusto Google Search Consoleen ja lähetä sivukartta. Perusta Google-yritysprofiili, jos palvelet asiakkaita paikallisesti, sillä se tuo usein ensimmäiset yhteydenotot nopeammin kuin itse sivusto.
- 9
Testaa ennen julkaisua
Avaa sivusto puhelimella ja käytä sitä kuin asiakas. Klikkaa jokainen linkki, lähetä lomake itsellesi ja tarkista, että viesti tulee perille. Aja osoite pagespeed.web.dev-mittauksessa ja katso nimenomaan mobiilipisteet. Luetuta tekstit yhdellä ihmisellä, joka ei tunne alaasi: hän löytää ne kohdat, jotka ovat sinulle itsestäänselvyyksiä mutta asiakkaalle kiinalaista.
- 10
Julkaise ja pidä sivusto elossa
Julkaisu ei ole maali vaan lähtö. Varaa kalenteriin tunti kuukaudessa: päivitykset ja varmuuskopiot, uusi referenssi tai kuva, tarkistus Search Consolesta mitä hakusanoja sivustolle tuo kävijöitä. Sivusto, jota päivitetään kerran kuussa, ohittaa vuodessa sen kilpailijan sivuston, joka julkaistiin kerran ja unohdettiin.
Alustan valinta
Kolme tietä, kolme erilaista laskua
Alustavalinta ei ole makuasia vaan päätös siitä, kuka omistaa sivustosi ja kuinka pitkälle sen kanssa pääsee. Tässä erot ilman markkinointipuhetta.
| Kriteeri | Sivustonrakennin | WordPress itse | Tekijän rakentama |
|---|---|---|---|
| Aloittamisen helppous | Helpoin | Keskitaso | Helpoin sinulle |
| Omistajuus | Ei omistajuutta | Täysi | Täysi |
| Hakukoneoptimointi | Rajoitettu | Hyvä, jos osaat | Sisältyy |
| Latausnopeus | Raskas yleiskoodi | Riippuu teemasta | Kevyt ja staattinen |
| Ylläpito | Palveluntarjoaja | Sinä itse | Sovitusti |
| Oma työaikasi | Paljon | Paljon | Muutama tunti |
Syvempi vertailu löytyy sivuilta kotisivukoneiden vertailu ja WordPress-kotisivut. Jos etsit täysin maksuttomia vaihtoehtoja, lue ilmaiset kotisivut yritykselle.
Rehellinen rajanveto
Milloin tee itse riittää ja milloin ei
Emme väitä, että kotisivujen teko itse olisi huono ajatus. Moni yritys pärjää omilla sivuillaan vuosia. Mutta raja on olemassa, ja se kannattaa tietää etukäteen.
Tee itse, kun
- Sivusto on lähinnä käyntikortti: kerrot kuka olet ja miten sinuun saa yhteyden.
- Asiakkaat tulevat suosituksista, ei Google-hauista.
- Toimialallasi on vähän kilpailua verkossa.
- Budjetti on nyt nolla, ja sivusto on parempi kuin ei sivustoa lainkaan.
- Haluat oppia, miten kotisivut toimivat, ennen kuin ostat isomman.
- Kokeilet uutta liikeideaa, jonka kysyntää testaat ensin kevyesti.
Osta ammattilaiselta, kun
- Yksi uusi asiakas on sinulle satojen tai tuhansien eurojen arvoinen.
- Kilpailijasi näkyvät Googlessa ja sinä et.
- Oma aikasi on laskutettavaa: 30 tuntia rakentamista maksaa enemmän kuin sivusto.
- Tekstien kirjoittaminen tökkii, eikä sivusto siksi valmistu koskaan.
- Tarvitset ajanvarauksen, verkkokaupan tai muun toiminnallisuuden.
- Sivustolla on oikea myyntitavoite eikä vain velvollisuus olla olemassa.
Meillä landing-sivu on alk. 390 € ja kokonainen yrityssivusto alk. 790 €, hintoihin lisätään ALV 25,5 %. Rakennamme ensin ja maksat vasta, kun olet tyytyväinen, joten voit verrata lopputulosta omaan versioosi ennen kuin päätät. Tekstit ja hakukoneoptimointi kuuluvat hintaan, ja sisältöä pääset muokkaamaan itse omalla CMS:llämme.
Ennen julkaisua
Julkaisun tarkistuslista
Käy nämä läpi ennen kuin kerrot sivustosta kenellekään. Puolet näistä kohdista on niitä, jotka muuten löytyvät vasta puoli vuotta myöhemmin.
Yhteystiedot ja y-tunnus
Puhelinnumero, sähköposti, y-tunnus ja osoite löytyvät helposti jokaiselta sivulta.
Lomake testattu
Lähetit lomakkeen itsellesi ja viesti tuli perille. Tarkista myös roskapostikansio.
Mobiili kunnossa
Kävit sivuston läpi puhelimella. Teksti on luettavaa ilman zoomausta ja napit osuvat sormeen.
SSL päällä
Osoite alkaa https-muodossa eikä selain varoita turvattomasta yhteydestä.
Titlet ja kuvaukset
Jokaisella sivulla on oma otsikko ja kuvaus, ei kymmentä kertaa samaa tekstiä.
Kuvat pakattu
Yksikään kuva ei ole megatavua isompi ja jokaisella on alt-teksti.
Search Console
Sivusto on lisätty Google Search Consoleen ja sivukartta on lähetetty.
Tietosuojaseloste
Seloste on olemassa ja kertoo, mitä tietoja lomake kerää ja mihin niitä käytetään.
Nopeus mitattu
Ajoit osoitteen pagespeed.web.dev-mittauksessa ja katsoit erityisesti mobiilipisteet.
Jos tekstien kirjoittaminen on se kohta, joka jumittaa projektin, lue verkkosivujen sisällöntuotanto. Nopeuden viilaamisesta kerromme sivulla nopeusoptimointi ja hakukoneoptimoinnin perusteista sivulla hakukoneoptimointi.
Rehelliset vastaukset
Usein kysyttyä kotisivujen tekemisestä
Kuinka tehdä kotisivut itse, jos en osaa koodata?
Et tarvitse koodausta. Hanki verkkotunnus, valitse sivustoalusta (WordPress omalla webhotellilla tai jokin sivustonrakennin), valitse pohja, kirjoita tekstit, lisää kuvat, laita yhteystiedot näkyviin ja julkaise. Työjärjestys ratkaisee enemmän kuin tekniikka: kun rakenne ja tekstit ovat mietittyjä ennen kuin avaat editorin, koko projekti menee muutamassa illassa. Ilman suunnitelmaa sama työ venyy viikoiksi.
Miten tehdään kotisivut, kuinka kauan siihen menee?
Yksinkertaiset esittelysivut, joissa on 4 tai 5 alasivua, syntyvät itse tehden noin 15 ja 30 tunnin työllä, kun tekstit ja kuvat ovat valmiina. Käytännössä se tarkoittaa 1 tai 2 viikkoa iltatyötä. Suurin osa ajasta ei mene tekniikkaan vaan tekstien kirjoittamiseen ja kuvien hankintaan. Ammattilaisen rakentamana vastaava sivusto valmistuu tyypillisesti 1 tai 2 viikossa, mutta sinun omaa aikaasi kuluu vain haastatteluun ja kommentteihin.
Paljonko kotisivujen tekeminen maksaa itse tehtynä?
Verkkotunnus maksaa noin 10 ja 20 euron välillä vuodessa. Webhotelli liikkuu 5 ja 15 euron välillä kuukaudessa. Maksullinen teema tai lisäosat, jos niitä tarvitset, ovat kertaluontoisesti 50 ja 100 euron välillä. Kuvapankkikuvat maksavat muutamia kymppejä. Rahassa mitattuna kotisivujen teko itse on siis edullista. Kallein erä on oma työaikasi, ja se on hyvä laskea mukaan ennen kuin päättää.
Mikä alusta kannattaa valita?
Jos haluat omistaa sivustosi ja kasvattaa sitä myöhemmin, WordPress omalla webhotellilla on turvallisin valinta: tiedostot ja tietokanta ovat sinun ja voit siirtää ne muualle. Jos haluat nopeimman mahdollisen aloituksen etkä välitä omistajuudesta, sivustonrakentimet ovat helpompia mutta sitovat sinut palveluntarjoajaan. Kolmas tie on staattinen sivusto, joka on nopein ja turvallisin mutta vaatii yleensä tekijän.
Mitä sivuja kotisivuilla pitää vähintään olla?
Etusivu, jossa kerrot yhdellä lauseella mitä teet ja kenelle, oma sivu jokaiselle palvelulle, tietoa meistä, yhteystiedot lomakkeella ja puhelinnumerolla sekä tietosuojaseloste. Suomessa yrityksen pitää lisäksi kertoa sivuillaan y-tunnus ja yhteystiedot. Jos toimit tietyllä alueella, tee oma sivu tärkeimmille paikkakunnille: se on yksi harvoista helpoista tavoista näkyä paikallisissa hauissa.
Milloin kotisivujen tekeminen kannattaa ostaa ammattilaiselta?
Silloin kun sivuston pitää tuoda rahaa eikä vain olla olemassa. Käytännön raja menee tässä: jos yksi uusi asiakas on sinulle satojen tai tuhansien eurojen arvoinen, kannattaa ostaa. Sama pätee, jos toimialallasi on kilpailua Googlessa, jos et pysty kirjoittamaan myyviä tekstejä tai jos oma aikasi on laskutettavaa. Verkkosivut yritykselle maksavat meillä landing-sivuna alk. 390 € ja kokonaisena yrityssivustona alk. 790 €, hintoihin lisätään ALV 25,5 %.
Voinko tehdä kotisivut itse ja ostaa vain hakukoneoptimoinnin?
Voit, ja se on usein järkevä välimuoto. Rakenna sivusto itse, ja anna ammattilaisen tehdä avainsanatutkimus, sivurakenne, otsikot, tekstien viilaus ja tekninen tarkistus. Yksi varoitus: jos alusta on rajoittava tai sivusto on hidas, hakukoneoptimoinnilla on käsijarru päällä eikä lopputulos vastaa panostusta. Kerromme rehellisesti, kumpi kannattaa, kun katsomme sivustosi läpi.
Kannattaako kotisivut koodata itse alusta asti?
Jos osaat HTML:ää ja CSS:ää, se on pienelle sivustolle täysin pätevä tie. Käsin koodatut html kotisivut ovat nopeimmat mahdolliset, koska mukana ei ole lisäosia eikä turhaa koodia, eikä päivitettävää juuri ole. Kompastuskiviä on kaksi. Sisällön muokkaaminen vaatii jatkossakin koodieditorin, joten pieninkin tekstimuutos jää sinun tehtäväksesi. Lisäksi mobiiliversio, lomakkeet, hakukoneoptimointi ja tietosuoja pitää hoitaa itse alusta loppuun. Me rakennamme sivustot samalla periaatteella, staattisiksi ja kevyiksi, mutta päälle tulee oma CMS, jolla sisällöt muokkautuvat klikkaamalla.
Tee itse tai anna meidän tehdä. Kerromme kumpi kannattaa.
Kerro lyhyesti, mitä yrityksesi tekee ja mitä sivuston pitäisi tuoda. Sanomme suoraan, riittääkö itse tehty sivusto vai kannattaako ostaa. Emme myy sinulle sivustoa, jota et tarvitse.
Vastaamme kahden tunnin sisällä