● Kotisivuopas
Kotisivujen kuvat – valinta, optimointi ja tekijänoikeudet
Kuvat ratkaisevat ensivaikutelman: hyvä kuva rakentaa luottamusta, huono tai hidas karkottaa. Tässä oppaassa käyn läpi mistä saat laadukkaat kotisivujen kuvat, miten optimoit ne nopeiksi ja hakukoneystävällisiksi ja mitä tekijänoikeuksista pitää tietää.
Miksi kuvat ratkaisevat kotisivuilla?
Ihminen käsittelee kuvan tuhansia kertoja nopeammin kuin tekstin. Kuva luo ensivaikutelman ennen kuin sanaakaan on luettu – ja ensivaikutelma ratkaisee, jääkö kävijä vai poistuuko. Laadukkaat, aiheeseen sopivat kuvat kertovat ammattimaisuudesta ja rakentavat luottamusta.
Kuvat myös ohjaavat katsetta ja tekevät sivusta miellyttävän käyttää. Ne kertovat tarinaa, jota teksti tukee: tuotteesta, palvelusta, tiimistä tai lopputuloksesta. Oikein valitut kuvat eivät ole koriste vaan osa myyntiä.
Mistä saat laadukkaat kuvat?
Paras vaihtoehto on usein omat kuvat: aidot kuvat tuotteista, tiloista, tiimistä ja työn jäljestä vakuuttavat enemmän kuin kuvapankki. Ne ovat aidosti sinun eikä niitä näe sadalla muulla sivustolla. Ammattivalokuvaajan käyttö maksaa itsensä takaisin etusivun ja avainsivujen kuvissa.
Kun omaa kuvaa ei ole, laadukkaat ja maksuttomat kuvapankit (kuten Unsplash, Pexels ja Pixabay) tarjoavat käyttökelpoisia vaihtoehtoja. Valitse hillittyjä, aiheeseen sopivia ja aitoja kuvia – vältä ylisiloiteltuja ja kliseisiä arkistokuvia, jotka näyttävät heti kuvapankkikuvilta.
Kuvien optimointi – nopeus ratkaisee
Optimoimattomat kuvat ovat yleisin syy hitaaseen sivustoon, ja hidas sivu menettää sekä kävijöitä että Google-sijoituksia. Skaalaa kuvat oikeaan kokoon (ei 4000 pikselin kuvaa 400 pikselin paikkaan), pakkaa ne ja käytä kevyttä tiedostomuotoa kuten WebP.
Hyvä kuva on tasapaino laadun ja tiedostokoon välillä: tarpeeksi terävä näyttääkseen hyvältä, tarpeeksi kevyt latautuakseen nopeasti. Lataa lazy load -tekniikalla niin, että kuvat latautuvat vasta kun kävijä vierittää niiden kohdalle. WordPress ja hyvät lisäosat hoitavat suuren osan tästä automaattisesti.
Alt-tekstit ja kuvahaku
Jokaiselle kuvalle kuuluu alt-teksti: sanallinen kuvaus siitä, mitä kuvassa on. Se palvelee näkövammaisia (ruudunlukijat) ja kertoo hakukoneelle kuvan sisällön. Hyvä alt-teksti on kuvaava ja luonteva, ja sisältää tarvittaessa hakusanan – ei tyhjää avainsanojen luetteloa.
Alt-tekstit ja kuvaavat tiedostonimet (esim. tampere-kotisivut-toimisto.jpg, ei IMG_2831.jpg) tuovat kävijöitä myös Google Kuvahausta. Se on aliarvostettu kanava, joka voi tuoda merkittävästi liikennettä oikein hyödynnettynä.
Tekijänoikeudet – käytä vain kuvia joihin sinulla on oikeus
Netistä poimittu kuva ei ole vapaasti käytettävissä, vaikka se löytyisi Googlen kuvahaulla. Luvaton kuvien käyttö voi johtaa korvausvaatimuksiin – ja niitä esitetään yrityksille säännöllisesti. Käytä vain omia kuvia, ostettuja kuvia tai kuvapankkien kuvia, joiden lisenssi sallii käytön.
Tarkista aina lisenssiehdot: osa maksuttomistakin kuvista vaatii lähdemaininnan tai kieltää kaupallisen käytön. Kirjaa ylös mistä kukin kuva on peräisin. Näin vältät ikävät yllätykset ja voit todistaa käyttöoikeutesi tarvittaessa.
Kotisivujen kuvien muistilista
Ennen kuin lisäät kuvan sivustolle, tarkista nämä:
Aito ja aiheeseen sopiva – mieluiten oma kuva, ei kliseinen arkistokuva.
Oikea koko ja kevyt muoto – skaalattu ja pakattu, mieluiten WebP.
Kuvaava tiedostonimi – esim. palvelu-kaupunki.jpg, ei IMG_1234.jpg.
Alt-teksti – kuvaileva, palvelee saavutettavuutta ja kuvahakua.
Käyttöoikeus kunnossa – oma, ostettu tai lisensoitu kuva.
Hyvät ja optimoidut kuvat tekevät sivustosta sekä kauniin että nopean. Palaa sisällöntuotanto-oppaaseen tai lue lisää verkkosivujen teksteistä.
● Usein kysyttyä
Usein kysyttyä kotisivujen kuvista
Saako Googlesta löytyviä kuvia käyttää kotisivuilla?
Ei ilman lupaa. Se että kuva löytyy Googlen kuvahausta ei tarkoita, että sen käyttö olisi sallittua. Luvaton käyttö voi johtaa korvausvaatimuksiin. Käytä vain omia, ostettuja tai lisenssiltään sallivia kuvapankkikuvia.
Miten saan kuvat latautumaan nopeasti?
Skaalaa kuvat oikeaan kokoon, pakkaa ne ja käytä kevyttä muotoa kuten WebP. Lazy load lataa kuvat vasta kun ne tulevat näkyviin. WordPressissä hyvät optimointilisäosat hoitavat tämän suurelta osin automaattisesti.
Kannattaako palkata valokuvaaja?
Avainsivujen (etusivu, palvelut, referenssit) kohdalla usein kyllä. Aidot, laadukkaat kuvat erottavat sinut kilpailijoista ja rakentavat luottamusta paremmin kuin kuvapankki. Muualla laadukas kuvapankkikuva riittää hyvin.
Mikä on hyvä kuvakoko kotisivuille?
Riippuu paikasta: kokoleveä hero-kuva voi olla noin 1600–2000 pikseliä leveä, pienemmät kuvat vähemmän. Tärkeintä ei ole tietty pikselimäärä vaan että kuva on skaalattu ja pakattu sopivaksi – tarpeeksi terävä mutta kevyt latautumaan.
Haluatko sivuston joka näyttää ammattimaiselta?
Manse Media hoitaa kotisivujesi kuvat kuntoon – valinnan, optimoinnin ja oikeat alt-tekstit – niin että sivusto on sekä kaunis että nopea. Rakennamme visuaalisen ilmeen, joka vakuuttaa asiakkaan ja tukee hakukonenäkyvyyttä.
Pyydä maksuton kartoitus →