I tillegg til velge de riktige bildene og forberede dem ordentlig på nettet, er det å skrive stor alt-tekst en viktig oppgave som du aldri bør forsømme. Her er noen tips for å skrive effektiv alt-tekst for nettstedets bilder.
Gjenta teksten i bildet
Hvis et bilde har tekst i seg, bør teksten være alt-teksten. Du kan legge til andre ord, men alt-teksten skal si det samme som bildet. For eksempel skal en logo for Acme Widgets som inneholder de faktiske ordene, ha alt-tekst som inkluderer disse ordene.
Husk at bilder som logoer kan antyde tekst - for eksempel den røde kulen i Dotdash-logoen. Det er en prikk, så hjernen leser og husker "dot dash." Alt-teksten for det ikonet kan være "Dotdash.com", ikke bare "firmalogo."
Hold teksten kort
Jo lenger alt-teksten din er, desto vanskeligere er det å lese for tekstlesere. Det kan være fristende å skrive lange setninger med alt-tekst (en vanlig praksis for søkeordfylling som kan medføre SEO-straffer), men å holde alt-taggene korte holder sidene mindre. Mindre sider lastes ned raskere. Søtpunktet er mellom fem og 15 ord.
Bruke SEO-nøkkelord i Alt-koder
Hovedformålet med alt-taggen er ikke å øke SEO-verdien, men å vise intelligent tekst som forklarer hva bildet er. Informativ, relevant tekst for alt-taggen din, har imidlertid en positiv effekt på SEO-verdien.
Når det er sagt, er det en god praksis å bruke søkeordene dine i alt-tekst så lenge de er relevante. Det er lite sannsynlig at søkemotorer straffer deg for å ha plassert nøkkelord der hvis innholdet du legger til gir mening. Bare husk at din første prioritet er leserne dine. Søkemotorer oppdager spamming av søkeord enkelt, og søkemotorer endrer reglene ofte for å hindre spammere.
Vanligvis ikke bruk mer enn ett nøkkelord i den alternative teksten.
Hold teksten din meningsfull
Husk at poenget med alt-tekst er å definere bilder for leserne dine. Mange webutviklere bruker alt-tekst for seg selv og inkluderer informasjon som bildestørrelse, filnavn og så videre. Dette kan være nyttig for deg, men det gjør ingenting for leserne dine - som er prioritert i nettdesign.
Bruk bare tom tekst bare for ikoner og kuler
Med jevne mellomrom vil du bruke bilder som ikke har noen nyttig beskrivende tekst, for eksempel kuler og enkle ikoner. Den beste måten å bruke disse bildene på er i CSS, hvor du ikke trenger alternativ tekst. Men hvis du absolutt må ha dem i deg HTML, bruk et tomt alt-attributt i stedet for å la det være helt.
Det kan være fristende å bruke et tegn som en stjerne til å representere en kule, men dette kan være mer forvirrende enn å bare la det være tomt. Å bruke teksten "bullet" vil gjengis enda merkeligere i en tekstleser.
Hvorfor er alt-tekst så viktig?
Tekstlesere og andre nettbrukeragenter som ikke kan se bilder, bruker alt-tekst for å "lese" bildene. Dette oppnår flere ting:
- Det gjør din nettsider tilgjengelig for personer som bruker en skjermleser eller annen assistert enhet.
- Hvis et bilde ikke lastes inn, lar alt teksten seeren vite hva som skal være der.
- Søkemotorer kan ikke "se" bilder, men de kan og gjør edderkopp-alt-tekst - så å inkludere alt-tekst hjelper sidens SEO-verdi.