Når et billede ikke kan ses, er det alt tekst, der forklarer indholdet med ord. Det er et kort tekstalternativ, som hjælper brugeren med at forstå, hvad billedet viser eller gør. Alt tekst er især vigtig for personer, der bruger skærmlæser, men den har også værdi, hvis billedvisning fejler.
I praksis tilføjes alt tekst som regel i HTML via alt-attributten på et billede. Teksten bør beskrive billedets formål og betydning i den konkrete sammenhæng. Hvis et billede for eksempel understøtter et budskab, skal alt teksten formidle det vigtigste.
Alt tekst hjælper desuden søgemaskiner med at forstå billeder og deres relation til sidens indhold. Den erstatter ikke god brødtekst, men supplerer den. Kort sagt gør alt tekst billeder mere tilgængelige, mere forståelige og mere brugbare.
I HTML placeres alt tekst i billedtagget som en attribut til selve billedet. Det betyder, at teksten knyttes direkte til elementet og fungerer som billedets tekstlige alternativ, hvis billedet ikke kan vises, eller hvis en skærmlæser læser siden op.
Et enkelt eksempel ser sådan ud: <img src=”rode-loebesko.jpg” alt=”Røde løbesko til herre set fra siden”>. Her er src stien til billedfilen, altså det visuelle indhold, mens alt er den tekst, der beskriver motivet. Billedet og attributten er derfor ikke det samme: Det ene viser noget, det andet forklarer, hvad der vises.
Hvis et billede er informativt, skal alt teksten kort beskrive det relevante indhold. Er billedet rent dekorativt, bruges en tom attribut: alt=””. På den måde får brugere og søgemaskiner et mere præcist signal om billeders funktion på siden.
For mange brugere er et billede ikke noget, de ser, men noget de får formidlet med ord. Her er alt tekst afgørende. Den gør visuelt indhold forståeligt for mennesker med synsnedsættelse, som bruger skærmlæser til at få læst en side op. Uden en meningsfuld billedbeskrivelse kan vigtig information gå tabt, selv om resten af siden er skrevet klart.
En skærmlæser læser typisk alt teksten op, når den møder et billede. Hvis teksten er præcis, får brugeren samme centrale pointe som seende læsere: Er der tale om et produktfoto, en graf, en knap eller et billede, der understøtter et budskab? Hvis alt teksten mangler eller kun siger noget upræcist som “billede”, bliver oplevelsen fattigere og i nogle tilfælde direkte misvisende.
Det har stor praktisk betydning i hverdagen. En person, der handler på en netbutik, kan have brug for at vide, om billedet viser “sort vinterjakke med hætte” eller blot et generisk produktmotiv. God alt tekst styrker derfor tilgængelighed, selvstændighed og lige adgang til indhold. Det er ikke kun et SEO-greb, men en vigtig del af en brugbar hjemmeside.
Alt-tekst hjælper søgemaskiner med at aflæse, hvad et billede forestiller, og hvordan det hænger sammen med resten af siden. Det er især vigtigt, fordi søgemaskiner ikke ser billeder som mennesker gør, men bruger tekstlige signaler til at forstå motiv, emne og sammenhæng. En præcis billedbeskrivelse kan derfor understøtte både billed-SEO og den samlede forståelse af indholdet.
Effekten bør dog ses i den rette kontekst. Alt-tekst er sjældent en stærk, selvstændig rankingfaktor, der alene løfter placeringer i søgeresultaterne. Dens værdi ligger snarere i, at den supplerer andre signaler som filnavn, billedets placering på siden, omkringliggende tekst og sidens overordnede emne. Når flere elementer peger i samme retning, bliver det lettere for søgemaskiner at tolke både enkeltbilleder og hele sider korrekt.
Som led i indholdsoptimering er alt-tekster derfor mest nyttige, når de er konkrete, relevante og skrevet til det faktiske motiv. Det kan forbedre forståelsen af både illustrationer, produktbilleder og infografikker, uden at man skal forvente hurtige eller uforholdsmæssigt store SEO-gevinster. God alt-tekst styrker først og fremmest kvaliteten og tydeligheden.
En brugbar alt tekst beskriver det, der er vigtigt i billedet, så både mennesker og søgemaskiner forstår indholdet. Start med billedets funktion på siden: Hvad skal brugeren have ud af netop dette billede? Er det et produktfoto, en medarbejder, en graf eller et stemningsbillede? Skriv derefter en kort og præcis beskrivelse af det centrale motiv. Hvis billedet viser en rød løbesko set fra siden, er det bedre at skrive Rød løbesko set fra siden end en vag tekst som Billede af sko.
Relevans er afgørende. Alt teksten skal passe til både billedet og den sammenhæng, det indgår i. Det samme foto kan derfor kræve forskellige formuleringer på forskellige sider. Vær konkret, men hold teksten kort. I de fleste tilfælde er én enkel sætning nok. Undgå overflødige ord som billede af eller foto af, medmindre det har betydning for forståelsen. Skriv også kun detaljer med, som faktisk hjælper brugeren. Hvis en farve, model eller handling er vigtig, skal den nævnes. Hvis ikke, kan den udelades.
Brug søgeord med omtanke. Et relevant søgeord må gerne indgå, hvis det falder naturligt og præcist beskriver motivet, men undgå at presse søgeord ind. Alt tekster skal først og fremmest være nyttige, ikke kunstige. En god tommelfingerregel er at læse teksten højt for sig selv: Lyder den som en naturlig beskrivelse, er du sandsynligvis på rette spor.
Forskellen ses tydeligst, når en vag tekst bliver erstattet af en præcis beskrivelse. Ved et informativt billede er dårlig alt tekst: “graf” eller “billede af statistik”. En stærkere formulering er: “Linjegraf, der viser stigende organisk trafik fra januar til juni.” Den gode version fortæller, hvad brugeren faktisk skal forstå.
Ved produktbilleder skal teksten beskrive varen, ikke bare nævne kategorien. Dårlig alt tekst: “sko” eller “produktfoto”. God alt tekst: “Sorte løbesko til herre med hvid sål set fra siden.” Hvis farve, model eller vinkel har betydning for købsvalget, bør det fremgå klart.
Dekorative billeder er en anden sag. Et stemningsbillede med blade i baggrunden eller små grafiske ikoner tilfører ofte ikke indhold. Her er dårlig alt tekst faktisk en unødigt beskrivende tekst som: “grønne blade i hjørnet”. Den bedste løsning er i mange tilfælde tom alt-tekst, så skærmlæsere ikke læser irrelevant pynt op.
Gode formuleringer er altså korte, konkrete og tilpasset billedets funktion. Dårlige beskrivelser er typisk generiske, gentager det åbenlyse eller mangler den information, brugeren har brug for.
En af de mest udbredte fejl er at bruge alt-teksten som et sted til søgeord i stedet for en kort beskrivelse af billedets indhold. Det giver dårligere brugeroplevelse og kan virke som keyword stuffing. Skriv derfor ikke: “løbesko, billige løbesko, løbesko dame, køb løbesko”. Skriv hellere: “Sorte løbesko til dame med hvid sål”. Undgå også at gentage den samme alt-tekst på mange billeder, hvis motiverne er forskellige.
Alt-attributten skal være tom, når et billede kun er dekorativt og ikke tilfører information. Det gælder for eksempel baggrundsgrafik, stemningsbilleder uden betydning, ikoner brugt som pynt og visuelle skilletegn. Her er korrekt løsning alt=””. En tom alt-attribut er ikke en fejl i de tilfælde. Den hjælper skærmlæsere med at springe over elementer, som ikke er relevante.
Informative billeder skal derimod have en beskrivende alt-tekst. Det gælder produktfotos, diagrammer, infografikker og billeder, der viser noget vigtigt for forståelsen. Et produktbillede kan have alt-teksten “Rød elkedel på 1,7 liter i rustfrit stål”, mens et rent dekorativt mønster korrekt bør have alt=””. Brug altså alt-tekst, når billedet informerer, og lad feltet være tomt, når det kun pynter.
De tre begreber bliver ofte blandet sammen, men de løser ikke den samme opgave. Alt tekst beskriver et billedes indhold eller funktion, så skærmlæsere kan formidle det til brugeren. Den bruges også, hvis billedet ikke kan vises. Derfor er alt tekst det rigtige valg, når et billede tilfører mening, information eller fungerer som et link.
Billedtitel henviser typisk til title-attributten. Den kan i nogle tilfælde vises som en lille hjælpetekst, når man holder musen over et billede, men den er ikke en erstatning for alt tekst. Mange brugere ser den aldrig, især på mobil, og den bør derfor kun bruges som supplerende information, hvis der overhovedet er behov for den.
ARIA-label bruges primært til at navngive elementer i brugerfladen, for eksempel knapper, ikoner og felter uden synlig tekst. Den er altså ikke lavet til almindelige indholdsbilleder. Vælg derfor alt tekst til billeder, title kun som ekstra hjælp i særlige tilfælde og ARIA-label til funktionelle elementer, der mangler en tydelig tekstlig betegnelse.
Alt tekst bør som regel være kort og præcis. I mange tilfælde er én enkel sætning nok, så længe den beskriver det vigtigste ved billedet.
Der findes ikke en fast grænse, men teksten skal være så kort som muligt og så informativ som nødvendigt. Hvis billedet kræver en lang forklaring, bør den ekstra forklaring normalt ligge i den synlige brødtekst og ikke kun i alt-attributten.
Nej. Informative billeder skal have en meningsfuld alt tekst, men rent dekorative billeder bør have tom alt-attribut, altså alt=””.
Det afgørende er billedets funktion. Hvis billedet tilfører information, understøtter en handling eller er vigtigt for forståelsen, skal det beskrives. Hvis det kun er pynt, bør skærmlæsere kunne springe det over.
Alt tekst skal være tom, når et billede ikke tilfører indhold eller funktion. Det gælder typisk pynt, baggrundsgrafik, visuelle mønstre og stemningsbilleder uden betydning for budskabet.
En tom alt-attribut er ikke det samme som at udelade attributten. Med alt=”” får hjælpeteknologier besked om, at billedet kan ignoreres, hvilket ofte er den bedste løsning for tilgængeligheden.
Ja. Alt tekst gør billeder forståelige for brugere, der benytter skærmlæser eller ikke kan se billedet. Den giver et tekstligt alternativ til visuelt indhold, så vigtig information ikke går tabt.
Det er især vigtigt på sider med produkter, grafer, knapper eller instruktioner. Når alt teksten er præcis, får flere brugere adgang til det samme indhold og kan lettere bruge siden.
Ja, hvis søgeordet passer naturligt til billedet og hjælper med at beskrive motivet korrekt. Alt tekst må gerne støtte billed-SEO, men dens vigtigste opgave er stadig at forklare billedets indhold.
Undgå at fylde flere søgeord ind eller gentage samme formulering unaturligt. Hvis teksten lyder som en reel beskrivelse for et menneske, er den som regel skrevet rigtigt.
I WordPress kan du normalt tilføje alt tekst i mediebiblioteket eller direkte, når du indsætter et billede i en side eller et indlæg. Her findes der typisk et felt med navnet Alt-tekst eller Alternativ tekst.
Skriv en kort beskrivelse af billedets indhold eller funktion i det felt, og gem ændringen. Hvis billedet kun er dekorativt, bør feltet være tomt eller håndteres, så billedet ikke bliver læst op som vigtigt indhold.