Vältä nämä virheet nettisivupohjien kanssa

Päätit tehdä nettisivusi itse ja helpottaa omaa työtäsi ottamalla avuksi valmiin nettisivupohjan. Valmiit pohjat auttavat sinua pääsemään alkuun, mutta nekään eivät auta välttämään näitä yleisiä itse tehtyjen sivujen ongelmakohtia.

Tässä vinkit yleisimpien virheiden välttämiseen, kun toteutat nettisivusi valmiin pohjan avulla.

Et muokkaa sivupohjaa brändiisi sopivaksi

Nettisivujen rakentaminen valmiin pohjan avulla on super helppoa, vai mitä? Laitat pohjan sivuille ja viet sisältösi paikoilleen. Jos kuitenkin jätät sivujesi ulkoasun muokkaamatta värien ja fonttien osalta, saat helposti sivut, jotka näyttävät samalta kuin kaikkien muidenkin. 

Yleisin syy siihen, että sivuille jätetään ne pohjan mukana tulleet fontit tai värit, on usein se, ettei yksinkertaisesti tiedetä, mistä kaikki värit ja fontit saataisiin muutettua. Erilaisten teemojen ilmaiset sivupohjat sisältävät harvoin minkäänlaista ohjausta niiden muokkaamiseen. Silloin käy helposti niin, että jossain kohdassa annetaan periksi ja mennään sillä, mitä pohjassa on valmiina.

Tämän takia WordPress-sivujen mallipohjieni mukana tulevat ohjevideot sivuston ulkoasun muokkaukseen, jossa käydään läpi kaikki tarvittava. Näin saat pohjan muokattua varmasti juuri omaan brändiisi sopivaksi.

Fonttien ja värien valinta

Sivuilla käytettävien fonttien valinta voi olla välillä yllättävän vaikeaa. Ne samat, kaikkien käyttämät fontit voivat tuntua todella tylsiltä, mutta toisaalta kannattaa löytää kirjasin, joka on selkeä luettava. Esimerkiksi erilaiset kaunokirjoitus fontit voivat olla vaikeita hahmottaa.

Hyvä nyrkkisääntö sivuston fonteissa on pitää määrä enintään kolmessa eri fontissa, ehkä enemmin vain yhdessä tai kahdessa. Käytännössä sivustolla on tällöin otsikoiden sekä leipätekstin fontti. Jos sivustolle valitaan lisäksi kolmas fontti, se saattaa olla käytössä tietyissä alaotsikoissa tai nostoissa sivustolla. 

Tärkeää fonttien käytössä on kuitenkin yhdenmukaisuus. Esimerkiksi sivuston eri otsikkotasojen pitäisi olla aina samannäköisiä. Tällöin sisältöä ja sen rakennetta on helpompi hahmottaa.

Lue täältä, miten voit lisätä oman fontin WordPress-nettisivuillesi.

Sivujen rakenne ei ole selkeä

Fonteista puhuttaessa mainitsin jo yhdenmukaisuuden tärkeydestä sivuston hahmottamisessa. Yksi kompastuskivi, joka tekee sivustosta helposti hankalan hahmottaa, on juurikin esimerkiksi eritasoisten väliotsikoiden käyttäminen epäyhdenmukaisesti. Sen sijaan, että sivun pääotsikon jälkeen käytettäisiin H2 tason väliotsikkoa, käytetäänkin H3 tason väliotsikkoa, koska se tuntuu näyttävän paremmalta.

Sama toistuu helposti muidenkin elementtien kanssa. Esimerkiksi samaan aiheeseen liittyvät asiat eivät tunnu olevan visuaalisesti yhdessä sivuilla vaikkapa taustavärin avulla. Tällöin sivuja on vaikea lukea ja hahmottaa, miten eri asiat liittyvät toisiinsa tai ovat ikään kuin samanarvoisia sivuilla.

Sivut eivät toimi hyvin mobiilissa

Tällä hetkellä n. 60 % ihmisistä selaa nettiä kännyköillään. Sen takia on tärkeää, että sivut toimivat hyvin myös mobiililaitteilla. 

Vaikka itse sivupohja olisi optimoitu näyttämään hyvältä myös mobiilissa, ongelmia tulee helposti siinä vaiheessa, kun sivuille halutaan lisätä uutta sisältöä. Teet sivuille uuden sisältöosion tai sivun, mutta sen asettelu ei enää toimikaan kännykällä. 

Mallipohjissani tämä ongelma on ratkaisu lohkokirjastolla, josta löydät kaikki sivujen osiot sekä kokonaiset sivut. Näin pystyt helposti lisäämään sivuille uusia osioita tarpeen mukaan tai vaikka kokonaisia uusia sivuja. Samalla sivuston asettelut toimivat edelleen hyvin myös mobiilissa.