Alt-teksti ei ole koriste. Se on rakennetta. Kun suhtaudut kuvien alt-tekstiin liiketoimintataitona, teet vähemmän kalliita arvauksia ja rakennat sivuja, jotka ohjaavat ihmisiä toimimaan.
Kuvien alt-teksti kuvaa sisällön ja tarkoituksen mahdollisuuksien mukaan noin 125 merkillä. 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 alt-tekstien esimerkit liittyvät samaan kokonaisuuteen. Käydään asia läpi askel kerrallaan.
Mitä kuvien alt-teksti tarkoittaa käytännössä
Kuvien alt-teksti kuvaa sisällön ja tarkoituksen mahdollisuuksien mukaan noin 125 merkillä.
Toiminnalliset kuvat, kuten painikkeet, tarvitsevat toimintaan ohjaavan kuvauksen.
Tyylioppaaseen kirjatut alt-tekstien esimerkit pitävät tiimin työn yhtenäisenä.
Näin otat kuvien alt-tekstit käyttöön sivustollasi
Käy tärkeimpien laskeutumissivujen alt-tekstit läpi jokaisen suuren ulkoasumuutoksen jälkeen.
Aloita yhdestä sivusta, esimerkiksi etusivustasi tai pääasiallisesta laskeutumissivustasi. Korjaa suurin ongelma ensin ja ota sama malli sitten käyttöön muissa pohjissa.
Yhdistä tämä luku sivuun kuvien laatu brändissä, joka antaa perustan, ja sivuun mitä on hero-kuva, joka vie seuraavaan vaiheeseen tässä osiossa.
Käytännön tarkistuslista, jota voit käyttää heti
Käy tärkeimpien laskeutumissivujen alt-tekstit läpi jokaisen suuren ulkoasumuutoksen jälkeen.
Kun käyt läpi jotakin sivua, kysy, näkyvätkö kuvien alt-tekstit jo ensimmäisellä vierityksellä mobiilissa. Jos eivät, vaihda osioiden järjestystä ennen kuin viilaat yksityiskohtia.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta näet, mikä muutos auttoi sivustosi alt-tekstien kanssa.
Jaa tämä tarkistuslista kaikille, jotka päivittävät sivustoasi, jotta alt-tekstien esimerkit pysyvät yhtenäisinä uusillakin sivuilla.
Valitse yksi mittari seurattavaksi tässä kuussa, esimerkiksi sivulla vietetty aika tai lomakkeiden aloitukset, jotta suunnittelumuutokset kytkeytyvät liiketoimintatuloksiin eivätkä pelkkään makuun.
Miten tämä aihe liittyy laajempaan brändiisi
Visuaaliset valinnat eivät yleensä elä vain yhdellä sivulla. Tyylioppaaseen kirjatut alt-tekstien esimerkit pitävät tiimin työn yhtenäisenä.
Somejulkaisujesi, sähköpostiesi ja painettujen materiaalien pitäisi toistaa samaa hierarkiaa, värejä ja kirjasinsääntöjä, joita käytät verkossa.
Kun brändin visuaalinen ilme alkaa hajota, asiakkaat aistivat hienovaraisen epäsuhdan, vaikka eivät osaisi selittää sitä.
Käytä sivua mitä on hero-kuva vertaillaksesi muistiinpanoja tämän osion toisen luvun kanssa.
Toiminnalliset kuvat, kuten painikkeet, tarvitsevat toimintaan ohjaavan kuvauksen.
Kysymykset, jotka usein jäävät huomaamatta
Liittyvät hakusanat, kuten alt-tekstien esimerkit ja kuvat SEO:ssa, auttavat sinua etsimään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Tyylioppaaseen kirjatut alt-tekstien esimerkit pitävät tiimin työn yhtenäisenä.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat toimivalla sivulla tällä viikolla. Pienet mitatut muutokset voittavat epämääräiset suunnitelmat.
Kun tiimilläsi on yhteinen sanasto kuvien alt-tekstien ympärillä, korjauskierroksia suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän.
Työkalut, jotka helpottavat visuaalisia päivityksiä
Moniin ulkoasun ja tyylin ongelmiin ei tarvita räätälöityä koodia. Visuaalisessa editorissa voit säätää välejä, värejä ja typografiaa samalla, kun katsot esikatselua mobiilissa ja tietokoneella.
WEMASY:n Sivustonrakentajassa on visuaalinen muokkaus, jolloin voit julkaista muutokset odottamatta kehittäjää jokaisen pienen säädön takia. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, tarkista uudelleen sivut kuvien laatu brändissä ja hero-kuva, jotta osio pysyy yhtenäisenä mielessäsi.
Sinulla on nyt toimiva näkökulma kuvien alt-teksteihin. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai ohjeistat suunnittelijaa. Jatka sivuille hero-kuva ja mitä on hero-kuva, niin pidät vauhdin yllä tässä osiossa.
Usein kysytyt kysymykset
Kuinka kauan kuvien alt-tekstien parantaminen kestää?
Useimmat pienyritykset saavat sivunsa selkeämmiksi muutamassa keskittyneessä työrupeamassa, kun soveltavat tämän luvun perusteita. Aloita etusivustasi ja ota samat säännöt sitten käyttöön palvelu- ja yhteystietosivuilla.
Tarvitsetko suunnittelijan kuvien alt-tekstien kanssa?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni alt-teksteihin liittyvä korjaus onnistuu itse, kun tiedät, mitä katsoa. Käytä tämän luvun rinnalla sivua kuvien laatu brändissä, niin saat aiheeseen liittyviä ohjeita.
Voiko WEMASY auttaa kuvien alt-tekstien käyttöönotossa verkkosivullasi?
WEMASY:n Sivustonrakentajassa on visuaalinen editori, jolla voit säätää ulkoasua, värejä ja typografiaa ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää pohjia ja esikatsella muutoksia mobiilissa.
Mikä on yleisin virhe kuvien alt-tekstien kanssa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät yksi sivu kerrallaan. Valitse yksi ensisijainen asia, esimerkiksi luettavuus tai kontrasti, ja katso sitten seuraavaa parannusta varten sivua hero-kuva.
Miten kuvien alt-teksti liittyy SEO:hon?
Selkeä visuaalinen hierarkia ja luettava teksti pitävät kävijät sivulla pidempään, mikä tukee hakukoneiden seuraamia sitoutumissignaaleja. Yhdistä suunnittelukorjaukset hyvään sisältörakenteeseen, niin tulokset ovat parhaat.
Mitä kannattaa opiskella seuraavaksi kuvien alt-tekstien jälkeen?
Jatka tämän kirjan sivuille kuvien laatu brändissä ja hero-kuva, niin rakennat brändillesi kokonaisvaltaisen visuaalisen järjestelmän verkkoon.