Alt-tekst

Alt-tekst er en kort tekstbeskrivelse, der fortæller, hvad et billede viser eller gør, når billedet ikke kan ses. Den ligger i billedets HTML-kode og bliver blandt andet læst højt af skærmlæsere. Derfor er den ikke en lille SEO-boks, man fylder med nøgleord for Googles skyld. Den er en del af selve indholdet.

Forestil dig en frisørsalon med et billede af en ny klipning. En seende besøgende kan straks se, at det er en kort page med lyse striber. En blind besøgende får kun den information, du har skrevet. Står der bare "billede123.jpg", er billedet i praksis væk. Står der "kort page med lyse striber set fra siden", er pointen med.

Alt-tekst hænger sammen med både tilgængelighed og billeders mulighed for at blive forstået i søgning. Men rækkefølgen betyder noget: først skal teksten hjælpe den person, der ikke ser billedet. At den samtidig kan støtte din samlede SEO er en sidegevinst.

Et billede af en håndværker foran en varevogn kan have forskellig alt-tekst alt efter sammenhængen. På en "Om os"-side kan navnet og rollen være relevant. På en side om facaderenovering er det måske vigtigere at beskrive arbejdet på facaden. Samme foto. Forskellig opgave.

Start med at spørge: Hvad mister læseren, hvis billedet ikke bliver vist? Svaret er næsten altid alt-teksten. Det gør arbejdet lettere end at forsøge at skrive en "perfekt" beskrivelse af hver eneste detalje.

Et produktfoto i en webshop bør normalt nævne produktet og den variant, der faktisk ses. Et ikon med en pil behøver måske bare at beskrives gennem linkets tekst. Et dekorativt baggrundsbillede skal ofte have tom alt-attribut, så skærmlæseren springer det over i stedet for at afbryde med ligegyldig støj.

• Skriv som en kort, almindelig sætning. Du behøver ikke begynde med "billede af" — skærmlæseren ved allerede, at det er et billede.
• Beskriv funktionen, når billedet er en knap eller et link. "Se ledige tider" er bedre end "kalenderikon".
• Tag kun tekst med fra billedet, hvis teksten ikke allerede står ved siden af. Ellers hører brugeren det samme to gange.
• Lad alt-teksten være tom på ren pynt. Tom betyder ikke glemt; det betyder bevidst ignoreret.
• Kontrollér billederne i dit CMS efter import. Mange systemer genbruger mediebibliotekets gamle tekst, selv om billedet får en ny rolle på en anden side.

På en ny hjemmeside giver det mening at tage alt-tekst med i den almindelige indholdsproces. Det er langt nemmere at skrive den, mens du ved, hvorfor billedet blev valgt, end seks måneder senere, når filnavnet "DSC_4821-final-2.jpg" er det eneste spor.

En køreskole har en side om glatbanekørsel. Øverst ligger et foto af en skolevogn på en våd bane. I et konkret eksempel kunne alt-teksten være: "Skolevogn på våd glatbane under bremseøvelse". Den fortæller det, der er relevant for siden, uden at beskrive himmel, fælge og farven på keglerne.

Længere nede ligger køreskolens logo som del af sidens faste header. Logoets alt-tekst kan være skolens navn, fordi billedet fungerer som identifikation og link til forsiden. Et orange mønster bag en tekstboks har derimod ingen opgave. Her er tom alt-tekst den rigtige løsning.

Hvis siden senere får et diagram over bremselængde, skal alt-teksten ikke forsøge at presse hele diagrammet ind i én sætning. Skriv en kort identifikation og giv selve dataene som rigtig tekst ved siden af. Det er samme princip som ved responsivt design: indholdet skal kunne bruges, også når præsentationen ændrer sig.

Den klassiske fejl er "keyword stuffing" forklædt som billedbeskrivelse: "frisør Aalborg billig frisør dameklip Aalborg". Ingen taler sådan, og en skærmlæser gør den dårlige tekst meget tydelig. Google anbefaler også beskrivende, naturlig tekst frem for lister af ord.

En anden fejl er automatisk genereret alt-tekst uden kontrol. Billedgenkendelse kan være nyttig som første udkast, men den kan tage fejl af produkter, personer og situationer. Et system kan beskrive en motorcykelhjelm som en "sort beholder". Det er teknisk tekst, ja. Det er bare ikke brugbart.

Der opstår også problemer, når den samme alt-tekst kopieres til ti næsten ens billeder. På en produktside med front, side og detaljefoto bør forskellen fremgå. Ellers får en bruger med skærmlæser ti gentagelser uden at vide, hvorfor billederne er der.

Google kan bruge alt-tekst som ét af flere signaler til at forstå et billede og den side, det ligger på. Det kan være relevant i billedsøgning og i sammenhængen mellem tekst og foto. Men alt-tekst redder ikke en tynd side, et forkert title tag eller et billede på fem megabyte, der gør siden langsom.

Du får mere ud af at arbejde samlet: ordentlige filformater, passende billedstørrelser, tekst omkring billedet og en klar side om emnet. Læs også Deluxe Medias guide til søgemaskineoptimering, hvis billederne skal indgå i en større oprydning.

På en billedtung side som en frisørhjemmeside skal billederne både vise arbejdet og have en tekstlig funktion, når de ikke kan ses.

Der findes ikke én rigtig længde. En alt-tekst skal være så kort som muligt og så lang som nødvendigt. "Rød kjole" kan være nok i én sammenhæng. På en produktside kan "Rød knælang kjole med korte ærmer og bindebånd" være mere hjælpsomt. Stop, når læseren har fået den information, billedet bidrager med.

Test et par vigtige sider med billeder slået fra eller med en skærmlæser. Det afslører hurtigt, om teksterne giver mening. Du behøver ikke blive ekspert i hjælpemidler for at høre forskellen på "IMG 2048" og en reel beskrivelse.

Alt-tekst skal vedligeholdes ligesom resten af siden. Skifter du billedet, men beholder den gamle beskrivelse, får du en side, der siger én ting og viser noget andet. Det er både forvirrende for mennesker og et dårligt signal om kvalitet.