Moni kävijä antaa sivulle noin seitsemän sekuntia, ennen kuin päättää jäädä tai lähteä. Sinä aikana verkkoturvalliset fontit tekevät enemmän työtä kuin myyntitekstisi. Visuaalinen selkeys ostaa ne lisäsekunnit, joita tarvitset tarjouksesi kertomiseen.
Verkkoturvalliset fontit ovat kirjasintyyppejä, jotka näkyvät todennäköisesti samanlaisina selaimesta ja laitteesta riippumatta. Tässä luvussa kerrotaan arkikielellä, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sen voi ottaa käyttöön ilman ammattisanoja. Näet myös, miten serif- ja sans serif -valinta liittyy samaan asiaan. Edetään vaihe vaiheelta.
Mitä ovat verkkoturvalliset fontit
Verkkoturvalliset fontit ovat kirjasintyyppejä, jotka näkyvät todennäköisesti samanlaisina selaimesta ja laitteesta riippumatta.
Käytännössä verkkoturvalliset fontit näkyvät sivustosi otsikoissa, palvelusivuilla, some-grafiikoissa ja painotuotteissa. Kun osaat nimetä ne oikein, ohjeistat suunnittelijoita nopeammin ja arvioit luonnoksia varmemmin.
Lähiaiheet, kuten serif- ja sans serif -valinta, liittyvät suoraan tähän. Pidä ne mielessä, kun luet tämän osion loput luvut.
Ne vähentävät yllätyksiä, kun kävijällä on vanhempi järjestelmä tai pieni mobiilinäyttö.
Miksi verkkoturvalliset fontit ovat tärkeitä yrityksellesi?
Asiakkaat arvioivat uskottavuutta asettelun perusteella, ennen kuin ehtivät lukea jokaisen sanan. Selkeä visuaalinen rakenne vähentää kitkaa ja tekee tarjouksista helpommin ymmärrettäviä.
Fonttien yhdistäminen on edelleen tärkeää, vaikka pysyisit laajasti tuetuissa fonttiperheissä.
Testaa valitsemasi fontit iOS-, Android- ja pöytäkonelaitteilla ennen julkaisua.
Jos haluat nähdä, miten tämä liittyy lähialueisiin, lue seuraavaksi parhaat fontit verkkosivustolle ja fonttien luettavuus.
Käytännön tarkistuslista tälle päivälle
Testaa valitsemasi fontit iOS-, Android- ja pöytäkonelaitteilla ennen julkaisua.
Kun katsot mitä tahansa sivua, kysy, näkyvätkö verkkoturvalliset fontit toimivina jo ensimmäisellä vierityksellä puhelimessa. Jos eivät, vaihda osioiden järjestystä, ennen kuin hiot yksityiskohtia.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, niin opit, mikä muutos auttoi verkkoturvallisten fonttien kanssa sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta serif- ja sans serif -valinta pysyy samana uusillakin sivuilla.
Valitse tälle kuukaudelle yksi seurattava mittari, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Näin ulkoasun muutokset kytkeytyvät liiketoiminnan tuloksiin eivätkä pelkkään makuun.
Miten aihe liittyy laajempaan brändiisi
Visuaaliset valinnat tuskin koskaan koskevat vain yhtä sivua. Fonttien yhdistäminen on edelleen tärkeää, vaikka pysyisit laajasti tuetuissa fonttiperheissä.
Some-julkaisujesi, sähköpostiesi ja painotuotteidesi pitäisi noudattaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä kuin verkkosivustosi.
Kun brändin visuaalinen ilme alkaa karata, asiakkaat tuntevat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Lue fonttihierarkia, niin voit verrata muistiinpanojasi tämän osion toiseen lukuun.
Ne vähentävät yllätyksiä, kun kävijällä on vanhempi järjestelmä tai pieni mobiilinäyttö.
Kysymykset, jotka usein jäävät huomaamatta
Lisähakusanat, kuten serif vai sans serif ja fonttien yhdistäminen, auttavat löytämään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Fonttien yhdistäminen on edelleen tärkeää, vaikka pysyisit laajasti tuetuissa fonttiperheissä.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat tällä viikolla julkaistulla sivulla. Pienet mitatut muutokset voittavat epämääräiset suunnitelmat.
Kun tiimilläsi on yhteinen sanasto verkkoturvallisista fonteista, suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän korjauskierroksia.
Työkalut, jotka helpottavat visuaalisia päivityksiä
Moneen asettelun ja tyylin ongelmaan et tarvitse omaa koodia. Visuaalisessa editorissa säädät välejä, värejä ja kirjasimia ja esikatselet samalla puhelin- ja tietokonenäkymää.
WEMASYn Sivustonrakentajassa on visuaalinen muokkaus, joten voit julkaista muutokset odottamatta kehittäjää jokaisen pienen säädön takia. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, tarkista vielä parhaat fontit verkkosivustolle ja fonttien luettavuus, jotta osio pysyy yhtenä kokonaisuutena mielessäsi.
Sinulla on nyt toimiva näkökulma verkkoturvallisiin fontteihin. Käytä sitä, kun tarkistat sivustoasi, hyväksyt markkinointiaineistoja tai ohjeistat suunnittelijaa. Jatka lukuihin fonttien luettavuus ja fonttihierarkia, niin vauhti säilyy tässä osiossa.
Usein kysytyt kysymykset
Kauanko verkkoturvallisten fonttien käyttöönotto kestää?
Useimmat pienyritykset saavat sivunsa selkeämmiksi muutamalla keskittyneellä kerralla, kun soveltavat tämän luvun perusasioita. Aloita etusivusta ja vie samat säännöt sitten palvelu- ja yhteystietosivuille.
Tarvitsetko suunnittelijan verkkoturvallisiin fontteihin?
Suunnittelija auttaa isoissa brändiuudistuksissa, mutta moni verkkoturvallisiin fontteihin liittyvä asia hoituu itse, kun tiedät, mitä katsoa. Lue tämän luvun rinnalla parhaat fontit verkkosivustolle, niin saat aiheesta lisää.
Voiko WEMASY auttaa verkkoturvallisten fonttien käytössä verkkosivustollasi?
WEMASYn Sivustonrakentajassa on visuaalinen editori, jolla voit säätää asettelua, värejä ja kirjasimia ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää pohjia ja esikatsella muutoksia puhelimessa.
Mikä on yleisin virhe verkkoturvallisten fonttien kanssa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät sivu kerrallaan. Valitse yksi tärkein asia, esimerkiksi luettavuus tai kontrasti, ja katso sitten fonttien luettavuus seuraavaa parannusta varten.
Miten verkkoturvalliset fontit liittyvät SEO:hon?
Selkeä visuaalinen hierarkia ja luettava teksti pitävät kävijät pidempään sivulla, mikä tukee merkkejä, joita hakukoneet seuraavat. Yhdistä ulkoasun korjaukset toimivaan sisältörakenteeseen, niin tulos on paras.
Mitä kannattaa lukea seuraavaksi verkkoturvallisten fonttien jälkeen?
Jatka tämän kirjan luvuilla parhaat fontit verkkosivustolle ja fonttien luettavuus, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.