8 asiaa mitkä usein puuttuvat DIY verkkosivuilta
Aina sinulle räätälöitynä ammattilaisen tekemät verkkosivut eivät ole mahdolliset tehdä esimerkiksi resurssisyistä. Tai se ei ole juuri siinä kohtaa järkevää jostain muusta syystä johtuen. Näissä tapauksissa verkkosivujen tekeminen itse on oiva vaihtoehto, koska nykyään on palveluita kuten Squarespace, joka mahdollistaa sivujen teknisen toteutuksen ilman koodausta.
Verkkosivuja voi ja kannattaakin siis monessa tilanteessa tehdä itse. Mutta kun päättää tehdä verkkosivut eikä ole niitä aiemmin tehnyt, kannattaa panostaa sen verran asiaan, että selvittää mitkä ovat ne pääasiat mitä verkkosivuprojekteissa ylipäätään pitää ottaa huomioon, että verkkosivut palvelevat tarkoitustaan parhaalla mahdollisella tavalla. Tässä postauksessa nostan 8 asiaa, joita monesti näkee verkkosivuilla, joita ei ole tehnyt ammattilainen. Eli jos teet itse verkkosivuja, ota huomioon ainakin nämä asiat omassa projektissasi niin saat nostettua sivusi paremmalle tasolle.
Nämä asiat jäävät monesti DIY verkkosivuprojekteissa huomioimatta:
1 | SIVUSTOLLA EI OLE TAVOITTEITA
Kun tehdään verkkosivut, ensimmäinen asia, joka tulisi miettiä on, että mikä sen sivuston tavoite on. Sivustoa ei kannata tehdä vain lillumaan internettiin ilman, että se palvelee jotain tarkoitusta. Kun sivuston tavoite jää asettamatta, se näkyy verkkosivulla yleensä epäselvyytenä. Ilman tavoitetta oleva sivusto ei välitä siellä kävijälle sivujen omistajan (yrityksen tms tahon) viestiä ja täten ei palvele mitään tiettyä tarkoitusta.
Sivuston tavoite voi olla esimerkiksi:
Kerätä aiheesta kiinnostuneita uutiskirjelistalle
Myydä jotain
Kerätä yhteydenottoja
tms.
Jos teet verkkosivut itse, lähde liikenteeseen sivuston tavoitteen asettamisesta.
2 | SIVUSTOLLA EI OLE AKTIVOINTEJA
Kun ihminen saapuu verkkosivulle, sen sivuston pitäisi kuljettaa kävijä luontevasti sivuston aiheen parissa paikasta toiseen. Tämä tapahtuu aktivointien avulla. Ilman aktivointeja kävijä jää ilman “reittiä” minne siirtyä seuraavaksi. Aloittejoilla tai verkkosivujen tekoon tottumattomilla monesti jäävät nämä aktivoinnit (= call to action) tekemättä ja kävijöiden käyttökokemus jää heikoksi eikä sivuston tavoitteet täyty niin helposti.
Aktivointeja ovat sanalliset ja visuaaliset ohjaukset, joilla kehoitetaan tekemään jotain - yleensä siirtymään seuraavalle sivulle tai tiettyyn kohtaan sivustolla.
Esimerkkejä verkkosivujen aktivoinneista ovat kohdat, joissa sanotaan:
Lue lisää
Siirry ostamaan
Tutustutaan toisiimme lisää
Katso kaikki projektit
tms.
Jos teet verkkosivut itse, pidä huolta, että ohjaat sivustolla kävijää tarpeellisilla aktivoinneilla.
3 | SIVUSTOLLA EI OLE YHTENÄISTÄ ILMETTÄ
Verkkosivujen tekoon liittyy olennaisesti visuaalisuus. Eli miltä sivusto näyttää. Verkkosivujen tekijän ei tarvitse olla välttämättä graafikko osatakseen tehdä siisti sivusto. Mutta kenen tahansa verkkosivujen tekijän kannattaa panostaa yhtenäisen yleisilmeen tavoitteluun, koska se helpottaa kävijää saamaan mielikuvan millaisesta yrityksestä / toimijasta on kyse. Sivuston ilme on se, joka viestii esimerkiksi palvelun / tuotteen tyylistä, laadusta, luotettavuudesta ja arvoista.
Sivuston yleisilmeeseen vaikuttaa olennaisesti:
Fontit
Värit
Kuvat
Jos teet verkkosivut itse, mieti miten hyödynnät yllämainittuja elementtejä sivustolla niin, että ne luovat yhtenäisen kokonaisuuden.
4 | SIVUSTON MOBIILINÄKYMIÄ EI OLE HUOMIOITU
Nykyään jo yli puolet verkkosivuvierailuista tehdään mobiililaitteilla. Tämä tarkoittaa, että verkkosivujen mobiilinäkymät ovat yhtä tärkeitä kuin sivujen desktop eli tietokonenäkymät. Kun tehdään verkkosivuja, tulee siis tietokonenäkymien lisäksi suunnitella tai vähintään tarkistaa kaikkien sivujen mobiilinäkymät, että ne näkyvät mobiililaitteisiin sopivalla tavalla.
Mobiilinäkymissä kannattaa ottaa huomioon etenkin, että:
Kuvat eivät leikkaannu oudoista kohdista ja kuvan sisältö näkyy fiksusti
Tekstit eivät ole liian pienellä fonttikoolla ja katkea epäloogisista kohdista eri riveille
Kaikki olennaiset elementit näkyvät ruudulla
Jos teet verkkosivut itse, vähintään tarkista sivujen muuten ollessa valmiit, että mobiilinäkymät ovat yhtä siistit ja toimivat kuin tietokonenäkymät.
5 | SIVUSTOLLA EI OLE FAVICONIA
Favicon eli selaintunniste on se pienen pieni merkki, joka näkyy selaimen välilehtien nurkassa:
Faviconin jättämättä laittaminen monesti kielii siitä, että verkkosivut on tehnyt ihminen, jolle verkkosivujen tekeminen ei ole kovin tuttua. Tämän pienen asian tekemällä saat sivustosi erottumaan paremmin selaimissa ja annat sivuistasi ammattimaisemman kuvan.
Jos teet verkkosivut itse, opettele miten lisäät sivuillesi faviconin.
6 | SIVUSTO LATAUTUU HITAASTI
Hitaasti latautuva sivusto antaa huonon kokemuksen käyttäjälle ja se voi vahingoittaa näkyvyyttäsi hakukoneissa. Yksi merkittävin sivustoja hidastava elementti on liian suuret kuvatiedostot. Kuvat voivat olla verkkosivuilla isoja näkyvyydeltään, mutta tiedostokooltaan niiden pitäisi olla mahdollisimman pieniä.
Jos teet verkkosivut itse, opettele pienentämään niiden kuvien tiedostokoko, jotka lisätään verkkosivuille. Täältä löydät ohjeen miten pienennät verkkosivuille tulevien kuvien tiedostokoon.
7 | SIVUSTOLLA EI OLE HUOMIOITU HAKUKONEOPTIMOINTIA
Verkkosivujen yksi tehokkain liikenteen tuova tekijä on hakukoneet. Se miten löydyt ja näyt hakukonetuloksissa on siis merkittävä asia sen kannalta kuinka paljon sivustollesi tulee kävijöitä. Monesti DIY verkkosivujen tekijöiltä jää huomioimatta sivujen hakukoneoptimointi. Hakukoneoptimoinnin perusteet ovat samat riippumatta millä sivusto on tehty, mutta se miten käytännössä jotkut asiat tehdään riippuu siitä millä alustalla sivusto on rakennettu.
Jos teet verkkosivut Squarespacella, se tekee puolestasi monet tekniset hakukoneoptimointiin vaikuttavat asiat, mutta sivukohtaiset sanalliset optimoinnit sinun pitää tehdä itse. Näitä ovat esimerkiksi:
Jokaisen verkkosivulla olevan sivun Page/SEO title
Jokaisen verkkosivulla olevan sivun Page/SEO description
Jos teet verkkosivut itse, selvitä vähintään miten päivität yllä olevat kaikille sivuston sivuille.
8 | SIVUSTOA EI OLE TESTATTU
Kun verkkosivut ovat valmiit tulisi ne testata huolellisesti. Testaus jää monella verkkosivuja ensimmäisiä kertoja tekevällä kokonaan tekemättä, koska ollaan niin innoissaan, että sivusto on valmis.
Sivujen testauksella varmistetaan, että:
Kaikki linkit vievät sinne minne niiden on tarkoitus mennä
Sivustolle ei ole jäänyt mitään rakennusvaiheen tekstejä tai sisältöjä
Sivustolla ei ole kirjoitusvirheitä
Sivustolla olevat elementit kuten yhteydenottolomakkeet yms. toimivat
Jos teet verkkosivut itse, lisää testausvaihe projektiisi.
Jos haluat nostaa oman osaamisesi seuraavalle tasolle ja opetella miten tämän postauksen asiat ja muut tärkeät verkkosivuprojekteihin liittyvät asiat kannattaa tehdä, tutustu Squarespace Perusta -verkkokurssiini. Kurssi opettaa kaiken mitä tarvitset, että osaat itse suunnitella ja rakentaa toimivat verkkosivut.
