Moni kävijä antaa sivulle noin seitsemän sekuntia ennen kuin päättää, jääkö vai lähteekö. Sinä aikana alt-tekstien esimerkit tekevät enemmän työtä kuin myyntitekstisi. Visuaalinen selkeys ansaitsee ne lisäsekunnit, joita tarvitset tarjouksesi selittämiseen.
Alt-tekstien esimerkit kuvaavat kuvan sisällön ja tehtävän tiiviisti ja selkeästi. 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 kuvat SEO:ta varten liittyvät samaan kokonaisuuteen. Käydään asia läpi askel kerrallaan.
Mitä alt-tekstien esimerkit tarkoittavat käytännössä
Alt-tekstien esimerkit kuvaavat kuvan sisällön ja tehtävän tiiviisti ja selkeästi.
Hyvä alt-teksti auttaa SEO:ssa ja saavutettavuudessa ilman avainsanojen tunkemista.
Kuvien alt-tekstistä kannattaa jättää pois ilmaukset kuten "kuva aiheesta", ellei niitä tarvita.
Näin sovellat alt-tekstejä sivustollasi
Kirjoita alt-teksti tietoa antaville kuville ja merkitse koristekuvat asianmukaisesti.
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 kuvatiedostotyypit perustaksi ja verkkosivun kuvat seuraavaksi askeleeksi tässä osiossa.
Käytännön tarkistuslista, jota voit käyttää heti
Kirjoita alt-teksti tietoa antaville kuville ja merkitse koristekuvat asianmukaisesti.
Kun käyt läpi jotakin sivua, kysy, näkyvätkö alt-tekstien esimerkit 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 alt-teksteissä sivustollasi.
Jaa tämä tarkistuslista kaikille, jotka päivittävät sivustoasi, jotta kuvien SEO pysyy yhtenäisenä 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. Kuvien alt-tekstistä kannattaa jättää pois ilmaukset kuten "kuva aiheesta", ellei niitä tarvita.
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 verkkosivun kuvat vertaillaksesi muistiinpanojasi tämän osion toiseen lukuun.
Hyvä alt-teksti auttaa SEO:ssa ja saavutettavuudessa ilman avainsanojen tunkemista.
Kysymyksiä, jotka usein unohtuvat
Lisähakusanat, kuten kuvat SEO:ta varten ja kuvien alt-teksti, auttavat sinua löytämään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Kuvien alt-tekstistä kannattaa jättää pois ilmaukset kuten "kuva aiheesta", ellei niitä tarvita.
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ä alt-teksteistä, 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 kuvatiedostotyypit ja kuvien optimointi verkkoon, jotta kokonaisuus pysyy mielessäsi.
Sinulla on nyt toimiva tapa katsoa alt-tekstien esimerkkejä. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai ohjeistat suunnittelijaa. Jatka sivuilla kuvien optimointi verkkoon ja verkkosivun kuvat, niin vauhti säilyy tässä osiossa.
Usein kysytyt kysymykset
Kuinka kauan alt-tekstien 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 alt-tekstien kirjoittamiseen?
Suunnittelija auttaa laajoissa brändiuudistuksissa, mutta moni alt-teksteihin liittyvä asia on helppo hoitaa itse, kun tiedät, mitä etsiä. Käytä tämän luvun rinnalla sivua kuvatiedostotyypit, niin saat aiheesta lisää tietoa.
Voiko WEMASY auttaa alt-tekstien 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 alt-teksteissä?
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 kuvien optimointi verkkoon seuraava parannus.
Miten alt-tekstit 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 alt-tekstien jälkeen?
Jatka tämän kirjan sivuilla kuvatiedostotyypit ja kuvien optimointi verkkoon, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.