Päivität etusivusi myöhään tiistai-iltana. Otsikko on kunnossa ja kuvat ovat kunnossa, mutta kävijät poistuvat silti sekunneissa. Alat miettiä, ovatko verkkosivun kuvat se asia, jonka olet jättänyt huomaamatta. Usein ovat. Pienet visuaaliset valinnat muokkaavat ensivaikutelmaa nopeammin kuin useimmat yrittäjät arvaavat.
Verkkosivun kuvien pitäisi tukea viestiäsi, sopia brändin sävyyn ja tuntua aidoilta. Tässä luvussa kerrotaan selkeästi, mitä tämä tarkoittaa, miksi se vaikuttaa verkkosivuusi ja markkinointiisi ja miten voit soveltaa sitä ilman alan sanahelinää. Näet myös, miten hero-kuva liittyy samaan kokonaisuuteen. Käydään asia läpi askel kerrallaan.
Mitä verkkosivun kuvat tarkoittavat käytännössä
Verkkosivun kuvien pitäisi tukea viestiäsi, sopia brändin sävyyn ja tuntua aidoilta.
Mitäänsanomaton kuvapankkikuva voi heikentää luottamusta, jos se näyttää selvästi lavastetulta.
Verkkosivun taustakuvien pitää pysyä hillittyinä, jotta teksti pysyy luettavana.
Näin sovellat verkkosivun kuvia sivustollasi
Suosi mahdollisuuksien mukaan oikeita kuvia tiimistäsi tai tuotteistasi abstraktien kuvapankkikuvien sijaan.
Aloita yhdestä sivusta, esimerkiksi etusivusta tai pääasiallisesta laskeutumissivusta. Korjaa suurin ongelma ensin ja vie sama ratkaisu sitten muihin pohjiin.
Lue tämän luvun kanssa negatiivisen tilan valokuvaus perustaksi ja kuvapankkikuvat verkkosivuille seuraavaksi askeleeksi tässä osiossa.
Käytännön tarkistuslista, jota voit käyttää heti
Suosi mahdollisuuksien mukaan oikeita kuvia tiimistäsi tai tuotteistasi abstraktien kuvapankkikuvien sijaan.
Kun käyt läpi jotakin sivua, kysy, näkyvätkö verkkosivun kuvat jo ensimmäisellä vierityksellä mobiilissa. Jos eivät näy, vaihda osioiden järjestystä ennen kuin viilaat yksityiskohtia.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta näet, mikä muutos auttoi verkkosivun kuvien kanssa sivustollasi.
Jaa tämä tarkistuslista kaikille, jotka päivittävät sivustoasi, jotta hero-kuvat pysyvät yhtenäisinä uusillakin sivuilla.
Valitse yksi mittari seurattavaksi tässä kuussa, esimerkiksi sivulla vietetty aika tai lomakkeiden aloitukset. Näin muutokset kytkeytyvät liiketoiminnan tuloksiin eivätkä jää pelkän maun varaan.
Miten aihe liittyy laajempaan brändiisi
Visuaaliset valinnat eivät koske vain yhtä sivua. Verkkosivun taustakuvien pitää pysyä hillittyinä, jotta teksti pysyy luettavana.
Sosiaalisen median julkaisujesi, sähköpostiesi ja painotuotteidesi pitäisi toistaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä kuin verkossa.
Kun brändin ilme alkaa hajota, asiakkaat aistivat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Käytä sivua kuvapankkikuvat verkkosivuille vertaillaksesi muistiinpanojasi tämän osion toiseen lukuun.
Mitäänsanomaton kuvapankkikuva voi heikentää luottamusta, jos se näyttää selvästi lavastetulta.
Kysymyksiä, jotka usein unohtuvat
Lisähakusanat, kuten hero-kuva ja verkkosivun taustakuvat, auttavat sinua löytämään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Verkkosivun taustakuvien pitää pysyä hillittyinä, jotta teksti pysyy luettavana.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat tällä viikolla toimivalla sivulla. Pienet mitatut muutokset voittavat epämääräiset suunnitelmat.
Kun tiimisi käyttää samoja käsitteitä verkkosivun kuvista, korjauskierroksia suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän.
Työkalut, jotka helpottavat visuaalisia päivityksiä
Moniin asettelu- ja tyyliongelmiin et tarvitse omaa koodia. Visuaalisessa editorissa voit säätää välejä, värejä ja kirjasimia ja katsoa samalla mobiili- ja työpöytänäkymää.
WEMASY sisältää Sivustonrakentajan visuaalisella muokkauksella, joten voit julkaista muutokset odottamatta kehittäjää jokaiseen pieneen säätöön. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, lue uudelleen negatiivisen tilan valokuvaus ja verkkosivun taustakuvat, jotta kokonaisuus pysyy mielessäsi.
Sinulla on nyt toimiva tapa katsoa verkkosivun kuvia. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai ohjeistat suunnittelijaa. Jatka sivuilla verkkosivun taustakuvat ja kuvapankkikuvat verkkosivuille, niin vauhti säilyy tässä osiossa.
Verkkosivun kuvien valinta on taito, joka kehittyy vähitellen. Palaa tähän lukuun, kun olet toteuttanut yhden parannuksen, jotta ajatukset siirtyvät lukemisesta tavaksi. Pienet toistuvat tarkistukset voittavat sen, että yrität opetella kaikki säännöt kerralla. Pidä muistiinpanoja siitä, mikä toimi yleisöllesi, jotta seuraava päivitys sujuu nopeammin.
Usein kysytyt kysymykset
Kuinka kauan verkkosivun kuvien parantaminen kestää?
Useimmat pienyritykset saavat sivunsa selkeämmiksi muutamassa keskittyneessä työvaiheessa, kun soveltavat tämän luvun perusteita. Aloita etusivusta ja ota samat säännöt käyttöön palvelu- ja yhteystietosivuilla.
Tarvitsetko suunnittelijan verkkosivun kuvien valintaan?
Suunnittelija auttaa laajoissa brändiuudistuksissa, mutta moni verkkosivun kuviin liittyvä asia on helppo hoitaa itse, kun tiedät, mitä etsiä. Käytä tämän luvun rinnalla sivua negatiivisen tilan valokuvaus, niin saat aiheesta lisää tietoa.
Voiko WEMASY auttaa verkkosivun kuvien käytössä verkkosivullasi?
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 mobiilissa.
Mikä on yleisin virhe verkkosivun kuvien kanssa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät yksi sivu kerrallaan. Valitse yksi tärkein tavoite, esimerkiksi luettavuus tai kontrasti, ja katso sitten sivulta verkkosivun taustakuvat seuraava parannus.
Miten verkkosivun kuvat liittyvät SEO:hon?
Selkeä visuaalinen hierarkia ja luettava teksti pitävät kävijät sivulla pidempään, mikä tukee sitä, mitä hakukoneet seuraavat. Yhdistä suunnittelun korjaukset hyvään sisältörakenteeseen, niin tulokset ovat parhaat.
Mitä kannattaa opiskella seuraavaksi verkkosivun kuvien jälkeen?
Jatka tämän kirjan sivuilla negatiivisen tilan valokuvaus ja verkkosivun taustakuvat, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.