Näin rakennat verkkosivut vaihe vaiheelta

Verkkosivujen rakentamisen osaaminen on yksi käytännöllisimmistä taidoista, joita yrittäjällä voi nykyään olla. Tämä opas käy läpi jokaisen vaiheen verkkotunnuksen valinnasta ensimmäisen sivun julkaisuun olettamatta mitään teknistä taustaa.

Mitä tarvitset ennen aloittamista?

Ennen kuin avaat sivustonrakentajan tai rekisteröit verkkotunnuksen, kannattaa tehdä hieman pohjatyötä. Yritykset, joilla on vaikeuksia julkaisun jälkeen, ovat lähes aina jättäneet tämän osan väliin.

Kolme asiaa kannattaa tietää ennen kuin avaat yhtään työkalua.

• Mitä sivuston pitää tehdä
• Keitä juuri sinun yleisösi ovat
• Mitä haluat kävijän tekevän, kun hän saapuu sivulle

Nämä vastaukset muokkaavat jokaista seuraavaa päätöstä verkkotunnuksestasi sivurakenteeseesi. Ilman selkeää tarkoitusta rakennetusta sivustosta tulee helposti sekava sivukokoelma, joka ei muuta kävijöitä asiakkaiksi.

Jos rakennetta vielä mietitään, artikkeli miten suunnittelet sivuston ennen sen rakentamista käsittelee asiaa perusteellisesti. Palaa tähän, kun tavoitteesi ovat selvillä.

Vaihe 1. Valitse verkkotunnus

Verkkotunnuksesi on osoitteesi verkossa. Sen ihmiset kirjoittavat löytääkseen sinut, ja se näkyy jokaisessa jakamassasi linkissä. Sen onnistuminen on tärkeää.

Hyvä verkkotunnus on lyhyt, helppo kirjoittaa ja helppo sanoa ääneen. Jos joudut tavaamaan sen aina, kun joku kysyy sivustoasi, se toimii sinua vastaan. Vältä tavuviivoja, numeroita ja kaikkea, mikä kuulostaa puhuttuna toiselta sanalta.

Myös valitsemasi pääte on tärkeä. .com on edelleen luotetuin vaihtoehto yrityssivustoille. Jos haluamasi .com on varattu, harkitse maakohtaista päätettä, jos toimit paikallisesti, tai tarkista, toimisiko hieman erilainen nimi paremmin.

Muutama asia mielessä pidettäväksi.

• Yrityksesi nimi on ilmeinen lähtökohta, mutta tarkista ensin tavaramerkkiristiriidat
• Jos täsmälleen sama nimi on varattu, kokeile lisätä kaupunkisi, palvelusi tai lyhyt kuvaus
• Vältä pelkkiä yleisiä sanakirjasanoja. Ne ovat lähes aina varattuja ja niillä on vaikea sijoittua
• Rekisteröi verkkotunnus vähintään kahdeksi vuodeksi, jos rakennat jotain pitkäjänteisesti

Jos haluat ymmärtää lisää siitä, mitä verkkotunnukset ovat ja miksi ne ovat tärkeitä, lue mikä verkkotunnus on ja miksi se on tärkeä.

Vaihe 2. Valitse, miten rakennat sivustosi

Tämä on yksi koko prosessin isommista päätöksistä. Käytettävissä on muutama reitti, ja oikea riippuu teknisestä osaamisestasi, budjetistasi ja siitä, kuinka paljon hallintaa haluat.

Sivustonrakentaja

Sivustonrakentaja antaa sinulle visuaalisen editorin, jossa suunnittelet sivuja lisäämällä ja järjestelemällä komponentteja. Koodausta ei tarvita. Useimmat rakentajat sisältävät valmiiksi webhotellin, pohjat sekä työkaluja, kuten yhteydenottolomakkeet ja analytiikan. Tyhjästä julkaistuun sivustoon pääsee yleensä päivässä.

Tämä on oikea valinta, jos haluat rakentaa ja hallita sivustoasi itse oppimatta koodaamaan. Se on myös nopein reitti ammattimaisen näköiseen lopputulokseen.

Jos punnitset vaihtoehtojasi, opas mikä sivustonrakentaja on ja miten se toimii selittää toimintaperiaatteen, ja miten valitset oikean sivustonrakentajan auttaa vertailemaan oleellisia asioita.

Sisällönhallintajärjestelmä

CMS antaa enemmän joustavuutta kuin perusrakentaja. Voit asentaa lisäosia, muokata teemoja ja laajentaa toiminnallisuutta merkittävästi. Vastineeksi oppimiskäyrä on jyrkempi ja ylläpitovastuuta on enemmän, mukaan lukien päivitykset, tietoturva ja webhotellin määritykset.

Kehittäjän palkkaaminen

Jos vaatimuksesi ovat monimutkaisia tai et halua hallita rakentamista itse, kehittäjän palkkaaminen on perusteltu tie. Saat täysin räätälöidyn lopputuloksen, mutta kustannukset ja aikataulu ovat huomattavasti suuremmat. Artikkeli itse tehty sivusto vai suunnittelijan palkkaaminen kertoo tarkasti, milloin kumpikin tapa on järkevä.

Vaihe 3. Ota webhotelli käyttöön

Sivustosi täytyy sijaita jossain. Se jossain on palvelin, ja palvelua, joka sen tarjoaa, kutsutaan webhotelliksi. Kun joku vierailee sivustollasi, hänen selaimensa yhdistää tuohon palvelimeen ja hakee sivusi.

Jos käytät sivustonrakentajaa, webhotelli sisältyy yleensä siihen. Sinun ei tarvitse ajatella sitä erikseen. Jos valitset CMS:n tai räätälöidyn reitin, sinun täytyy valita webhotellin tarjoaja ja paketti.

Hyvä webhotelli kattaa muutaman keskeisen asian.

• Korkea käytettävyys, 99,9 % tai parempi. Käyttökatkot tarkoittavat menetettyjä kävijöitä
• Nopeat latausajat. Hitaat palvelimet heikentävät sekä käyttökokemusta että hakusijoituksia
• SSL mukana. Tämä on nykyään vakio ja odotettua
• Selkeät tukivaihtoehdot, jos jokin menee pieleen

Artikkeli mikä webhotelli on käsittelee eri tyypit ja sen, mitä kannattaa katsoa, tarkemmin.

Vaihe 4. Hanki SSL-varmenne

Katso lähes mitä tahansa sivustoa selaimen osoiterivillä, ja näet URL-osoitteen vieressä lukkokuvakkeen. Lukko tarkoittaa, että sivustolla on SSL, joka salaa sivustosi ja kävijän selaimen välisen yhteyden.

Ilman SSL:ää selaimet merkitsevät sivustosi "ei turvalliseksi" ennen kuin kävijät edes näkevät sisältösi. Se on nopea tapa menettää luottamus. Se vaikuttaa myös hakusijoituksiisi. Hakukoneet pitävät turvallisia sivustoja uskottavampina.

Useimmat webhotellin tarjoajat ja sivustonrakentajat sisältävät SSL:n automaattisesti. Jos omasi ei sisällä, se on ehdoton este. Lue lisää siitä, mikä SSL on ja miksi sivustosi tarvitsee sitä.

Vaihe 5. Suunnittele sivusi ja rakenne

Ennen kuin alat suunnitella mitään, kartoita, mitä sivuja sivustosi tarvitsee. Selkeä rakenne tekee navigoinnista kävijöille ilmeistä ja auttaa hakukoneita ymmärtämään, mistä sivustosi kertoo.

Useimmat yrityssivustot tarvitsevat vähintään:

• Etusivun, joka kertoo sekunneissa, mitä teet ja kenelle
• Palvelu- tai tuotesivun, joka selittää tarjontasi
• Meistä-sivun, joka antaa taustaa ja rakentaa luottamusta
• Yhteystietosivun, jossa on tietosi ja yksinkertainen lomake

Yrityksesi tyypistä riippuen voit lisätä myös blogin, portfolion, ajanvarausjärjestelmän tai verkkokaupan. Älä rakenna sivuja, joita et aio ylläpitää. Niukka sivusto, jonka sisältö on terävää ja ajantasaista, voittaa aina turhan laajan sivuston, jossa on keskeneräisiä sivuja.

Mieti myös navigointiasi. Kävijöiden pitäisi päästä mille tahansa tärkeälle sivulle kahdella klikkauksella etusivulta. Jos rakenteesi pakottaa heidät etsimään tietoa, he lähtevät.

Vaihe 6. Valitse ja muokkaa ulkoasu

Useimmat sivustonrakentajat ja CMS-alustat tarjoavat pohjia, joita voit muokata. Oikean lähtökohdan valinta säästää paljon aikaa.

Pohjaa valitessasi etsi sellainen, joka vastaa sisältösi rakennetta, ei pelkästään visuaalista tyyliä. Valokuvaportfolioon tehty pohja toimii eri tavalla kuin palveluyritykselle tehty, vaikka molemmat näyttäisivät siisteiltä ja modernilta.

Keskeisiä suunnittelupäätöksiä:

• Värimaailmasi. Pidä kiinni enintään kahdesta tai kolmesta väristä ja käytä brändivärejäsi, jos sinulla on ne
• Fonttisi. Yksi otsikoille, yksi leipätekstille, molemmat luettavia mobiilissa
• Logosi ja favicon. Pieni kuvake, joka näkyy selaimen välilehdissä
• Kuvituksesi. Käytä oikeita kuvia yrityksestäsi aina kun mahdollista, kuvapankin kuvia silloin, kun ei ole

Suunnittele mobiili mielessä alusta asti. Yli puolet verkkoliikenteestä tulee puhelimista. Suunnittelu, joka näyttää hyvältä työpöydällä mutta hajoaa mobiilissa, on vasta puoliksi valmis. Katso pohjaasi puhelimen näytöltä ennen kuin jatkat. Lisää aiheesta kertoo artikkeli mikä responsiivinen suunnittelu on, joka selittää, miten se toimii ja miksi sillä on väliä.

Vaihe 7. Kirjoita ja lisää sisältö

Sisältö on se, joka oikeasti tekee työn sivustollasi. Ulkoasu saa kävijät jäämään. Sisältö saa heidät toimimaan.

Aloita etusivustasi. Sen täytyy vastata kolmeen kysymykseen heti, ilman vierittämistä:

• Mitä teet?
• Kenelle se on?
• Mitä kävijän pitäisi tehdä seuraavaksi?

Kirjoita selkeällä kielellä. Pitkät lauseet ja alan ammattisanasto hidastavat ihmisiä ja työntävät heidät pois. Lyhyet kappaleet, selkeät otsikot ja täsmällinen kieli toimivat aina paremmin kuin epämääräinen, hiotun kuuloinen teksti.

Jokaisella sivulla pitää olla kävijälle selkeä seuraava askel. Se voi olla puhelinnumero, ajanvarauspainike, yhteydenottolomake tai linkki hinnastoosi. Älä jätä kävijöitä lukemaan sivua ilman ilmeistä paikkaa, mihin mennä seuraavaksi.

Kuvituksessa käytä omia kuviasi aina kun voit. Oikeat kuvat tiimistäsi, tilastasi tai tuotteestasi rakentavat luottamusta tavalla, johon kuvapankin kuvat eivät yksinkertaisesti pysty. Jos käytät kuvapankin kuvia, valitse sellaisia, jotka näyttävät luonnollisilta eivätkä lavastetuilta.

Vaihe 8. Tee teknisen puolen perusasiat

Muutama tekninen asia täytyy olla kunnossa ennen julkaisua. Mikään niistä ei ole monimutkainen, mutta niiden ohittaminen aiheuttaa ongelmia myöhemmin.

Yhdistä verkkotunnuksesi

Jos rekisteröit verkkotunnuksen erikseen webhotellistasi tai rakentajastasi, sinun täytyy ohjata se sivustollesi. Tähän kuuluu DNS-tietueiden päivittäminen, tarkemmin nimipalvelimien tai A-tietueen. Webhotellin tarjoajasi antaa sinulle tarkat arvot. Artikkeli mikä DNS on selittää, miten tämä toimii, jos haluat ymmärtää sen ennen aloittamista.

Lisää analytiikka

Haluat tietää, kuka sivustollasi vierailee, mistä he tulevat ja mitä he tekevät siellä ollessaan. Ota analytiikkatyökalu käyttöön ennen julkaisua, jotta keräät dataa ensimmäisestä päivästä alkaen. Useimmissa sivustonrakentajissa tämä on sisäänrakennettuna tai sen yhdistäminen on helppoa.

Tee yhteydenottolomake

Toimiva yhteydenottolomake on useimmille yrityssivustoille ehdoton. Testaa se itse ennen julkaisua. Lähetä testilähetys ja varmista, että se päätyy oikeaan postilaatikkoon.

Tarkista sivun nopeus

Hitaat sivut menettävät kävijöitä. Sivu, jonka lataus kestää yli kolme sekuntia, menettää merkittävän osan ihmisistä ennen kuin he ovat nähneet mitään. Tee nopeustesti tärkeimmille sivuillesi ja korjaa ilmeiset ongelmat. Liian suuret kuvat ovat yleensä ensimmäinen syyllinen.

Vaihe 9. Optimoi hakukoneita varten

Sivusto, jota kukaan ei löydä, on yleinen ja turhauttava lopputulos. Perus-SEO alusta asti antaa sivustollesi paljon paremmat mahdollisuudet näkyä, kun ihmiset etsivät sitä, mitä tarjoat.

Aloita perusasioista:

• Jokaisella sivulla pitää olla yksilöllinen title-tagi, joka sisältää kyseisen sivun pääavainsanan
• Jokainen sivu tarvitsee meta-kuvauksen. Se on lyhyt lause, joka näkyy hakutuloksissa ja kertoo, mistä sivu kertoo
• Otsikoiden pitäisi olla jäsennelty loogisesti. Yksi H1 sivua kohden, sen alla H2:t ja H3:t
• Kuvien tarvitsevat kuvailevan alt-tekstin. Se auttaa hakukoneita ja ruudunlukijoita käyttäviä ihmisiä
• URL-osoitteiden pitäisi olla siistejä ja luettavia, ei satunnaisten merkkien jono

Katso sivujasi kysymyksellä "jos joku hakisi tätä aihetta, antaisiko tämä sivu hänelle hyödyllisen vastauksen?" Se on mittapuu, jota hakukoneet yrittävät soveltaa. Jos vastaus on kyllä, olet oikealla tiellä.

Jos haluat syvemmän katsauksen siihen, miten hakukoneet toimivat ja miten niitä varten optimoidaan, artikkeli mikä SEO on on hyvä lähtökohta.

Vaihe 10. Testaa ennen julkaisua

Testaus on vaihe, jota useimmat kiirehtivät. Älä tee niin. Muutaman tunnin perusteellinen tarkistus estää nolot korjaukset julkaisun jälkeen.

Käy tämä läpi ennen julkaisua:

• Klikkaa jokaista linkkiä jokaisella sivulla ja etsi rikkinäiset linkit tai väärät kohteet
• Testaa yhteydenottolomake ja kaikki muut lomakkeet
• Tarkista jokainen sivu puhelimella, tabletilla ja työpöydällä
• Avaa sivusto vähintään kahdella eri selaimella
• Lue jokainen teksti kirjoitusvirheiden, virheellisten tietojen ja kaiken epäselvän varalta
• Tarkista, että verkkotunnus ohjautuu oikein ja lukko näkyy
• Varmista, että analytiikka seuraa

Auttaa myös, kun saat tuoreet silmät katsomaan. Jaa sivusto jollekulle, joka ei tunne yritystäsi, ja pyydä häntä kertomaan, mitä teet ja mitä hän tekisi seuraavaksi. Jos hän ei osaa vastata näihin kysymyksiin nopeasti, etusivusi tarvitsee työtä.

Vaihe 11. Julkaise ja jatka

Julkaisu ei ole maaliviiva. Se on lähtölaukaus.

Kun sivustosi on julkaistu, työ siirtyy sen ylläpitoon ja tavoittavuuden kasvattamiseen. Muutama tapa, joilla on merkitystä:

• Tarkista analytiikkasi aluksi viikoittain ymmärtääksesi, mikä toimii ja missä ihmiset lähtevät
• Päivitä sisältösi säännöllisesti. Vanhentunut tieto syö luottamusta
• Lisää uusia sivuja ajan myötä, kun yrityksesi kasvaa tai kun tunnistat aukkoja
• Pidä silmällä sivuston nopeutta, erityisesti uuden sisällön tai kuvien lisäämisen jälkeen

Sivusto on elävä omaisuuserä. Yritykset, jotka saavat siitä eniten irti, kohtelevat sitä sellaisena.

Mitä WEMASY sisältää?

WEMASY on sivustonrakentaja, joka sisältää webhotellin, SSL:n, verkkotunnuksen yhdistämistyökalun, vedä ja pudota -editorin, sisäänrakennetun analytiikan ja SEO-asetukset jokaiselle sivulle. Voit rakentaa ja hallita sivustoasi yhdessä paikassa tarvitsematta erillisiä tilejä webhotellille, analytiikalle tai tietoturvatyökaluille.

Näet, mitä mukana on, Sivustonrakentajan sivulta, ja voit tutustua pakettivaihtoehtoihin hinnastosivulla.

Usein kysytyt kysymykset