Alt-tekst: SEO og tilgængelighedsguide

Oversigt

Alt-tekst (alt-attributten på <img>-elementer) er en kort tekstbeskrivelse af et billede, primært beregnet til tilgængelighed og som fallback når et billede ikke indlæses. Skærmlæsere oplæser alt-teksten for brugere, der er blinde eller har nedsat syn, og søgemaskiner bruger alt-tekst som et af flere tekstuelle signaler om billedets emne. Alt-tekst hjælper indeksering ved at levere maskinlæsbar tekst for billeder, men det er kun et af mange signaler, der påvirker placering og synlighed.

Skriv alt-tekst for at beskrive den information, billedet formidler til sin tiltænkte målgruppe. For rent dekorative billeder brug en tom alt-attribut (<img src="..." alt="">), så skærmlæsere springer dem over. For komplekse visualiseringer — diagrammer, infografikker eller skemaer — giv et tekstligt resumé i nærheden eller brug ARIA/HTML-teknikker til en længere beskrivelse.

Trin-for-trin

1) Identificer billedets rolle: fastslå om billedet er informativt, funktionelt (fx en knap) eller dekorativt. Informative og funktionelle billeder kræver beskrivende alt-tekst; dekorative billeder bør bruge en tom alt-attribut.

2) Beskriv det væsentlige kortfattet: skriv, hvad en bruger behøver at vide fra billedet. Hold alt-teksten kort — sigt efter at formidle hovedideen i en enkelt sætning eller frase. Eksempel på en standard informativ alt: <img src="/photos/harbor.jpg" alt="Red fishing boat moored in a rocky harbor at sunrise">.

3) Undgå keyword stuffing og redundante formuleringer. Undlad at foranstille vendinger som “image of” eller “picture of” — skærmlæsere annoncerer allerede, at det er et billede. Gør teksten nyttig for en menneskelig læser fremfor for en søgemaskine crawler.

4) Håndter funktionelle billeder og kontroller: hvis et billede er et link eller en knap, beskriv den handling, det udfører. Eksempel: <img src="/icons/download.svg" alt="Download product data sheet">. Hvis kontrollen har synlig tekst, bør alt matche dens funktion eller være tom, hvis teksten allerede formidler handlingen.

5) Giv længere beskrivelser af komplekse billeder: brug en nærliggende billedtekst, et link til en detaljeret beskrivelse, aria-describedby eller synlig HTML-tekst til at uddybe et diagram eller en infografik. For trykækvivalente detaljer (datatabeller, akseetiketter) inkluder nøgleoplysningerne i brødteksten på siden.

6) Brug konsistente redaktionelle regler: lav kort stilvejledning til bidragsydere (mål for længde, hvornår man forkorter, sprogregler) og anvend den i templates eller CMS-felter, så alt-tekst indsamles pålideligt i skala.

HTML-eksempler

Et beskrivende billede: <img src="https://example.com/park.jpg" alt="Child flying a red kite in a city park">. Et dekorativt billede: <img src="/decorative-divider.png" alt="">. Et funktionelt billede brugt som link: <a href="/download"><img src="/icons/pdf.svg" alt="Download report PDF"></a>.

Alt-tekstverifikation: teknisk tjekliste

**Tilstedeværelse af alt-attributter** — hvor du verificerer: view-source, Chrome DevTools Elements eller curl (hent fuld HTML med curl uden -I) — godkendt når hvert meningsfuldt <img> har en alt-attribut og dekorative billeder bruger alt="".

**Gengivet DOM for JS-indsatte billeder** — hvor du verificerer: Chrome DevTools Elements (inspicer den endelige DOM) — godkendt når billeder, som er synlige for brugere, også indeholder passende alt-tekst i den gengivne DOM.

**Tilgængelighedsaudit** — hvor du verificerer: Lighthouse i Chrome DevTools eller et automatiseret tilgængelighedsværktøj — godkendt når auditen ikke rapporterer manglende alt-tekst for informative billeder og kun markerer tiltænkte dekorative billeder.

**Kontrol af læsbarhed for mennesker** — hvor du verificerer: stikprøve af en indholdsredaktør eller en skærmlæser (NVDA, VoiceOver) — godkendt når alt-teksten viderebringer samme nyttige information som det visuelle for brugere med hjælpemidler.

**Indekserbarhed af siden** — hvor du verificerer: for dine egne sider brug Google Search Console URL Inspection; for tredjepartssider brug site: operator som en indikation — godkendt når siden kan crawles (ikke blokeret af robots.txt eller noindex) og URL Inspection viser, at siden er kendt af Google. Bemærk: site: er kun en indikation; URL Inspection er autoritativ for sider, du ejer.

Praktiske værktøjstips

Brug curl til at hente side-HTML som en bestemt user agent: curl -A "Mozilla/5.0 (Windows NT 10.0; Win64; x64)" https://example.com/page > page.html. Brug ikke -I hvis du har brug for body. Åbn den gemte fil i en teksteditor eller kør en DOM-parser for at finde <img>-tags og deres alt-attributter.

Kør Lighthouse (Chrome DevTools → Lighthouse) for at afdække almindelige tilgængelighedsproblemer, og test med en skærmlæser (NVDA på Windows, VoiceOver på macOS) for at bekræfte brugeroplevelsen.

Hvis du bruger struktureret data, der refererer til billeder (fx Product- eller Recipe-schema), valider markup'en med Rich Results Test eller Schema Markup Validator for at sikre, at billeder, der refereres i JSON-LD, er til stede og tilgængelige.

Almindelige problemer

Manglende alt-tekst på informative billeder. Det skader tilgængeligheden og efterlader blinde brugere uden sidens visuelle information.

Keyword stuffing: at gentage målrettede søgeord eller brandnavne i alt-attributter på en unaturlig måde. Det giver en dårlig oplevelse og kan blive ignoreret af søgemaskiner.

At bruge filnavne eller generiske vendinger (fx "image1.jpg", "picture") som alt-tekst, hvilket ikke er meningsfuldt for hjælpemidler eller indeksering.

At stole på title-attributten i stedet for alt for kritisk information; mange skærmlæsere viser ikke title konsekvent.

At tro, at alt-teksten alene styrer billedrangering. Alt-tekst hjælper søgemaskiner med at forstå billeder, men indeksering og synlighed afhænger af sidekontekst, structured data, crawlability og andre signaler.

Hvis billeder indsættes client-side af JavaScript, glemmer forfattere nogle gange at inkludere alt-attributter i den gengivne DOM; inspekter altid den endelige DOM, ikke kun server-HTML.

Læs den tekniske SEO-guide

Ofte stillede spørgsmål

Q: Hvor lang bør alt-tekst være? A: Sig efter korte beskrivelser, der kommunikerer billedets formål. En enkelt kort sætning eller frase er normalt tilstrækkelig; for komplekse visualiseringer giv en længere tilgængelig beskrivelse et andet sted på siden.

Q: Påvirker alt-tekst SEO-placering? A: Alt-tekst leverer et tekstsignal, der kan hjælpe indeksering og relevans i billedsøgning, men det alene bestemmer ikke placering. Placering afhænger af mange signaler inkl. siderelevans, structured data, crawlability og den samlede indholdskvalitet.

Q: Skal dekorative billeder have alt-tekst? A: Nej. Dekorative billeder bør bruge en tom alt-attribut (alt="") så de ignoreres af skærmlæsere og ikke tilføjer støj til tilgængelighedsoplevelsen.

Q: Kan automatiske værktøjer generere acceptable alt-tekster? A: Automatiske forslag fra CMS'er eller billedgenkendelse kan hjælpe, men gennemgå og rediger altid maskingenereret alt-tekst for nøjagtighed, klarhed og privatlivsproblemer før publicering.

Q: Hvad med billeder i CSS-baggrunde? A: CSS-baggrundsbilleder eksponeres ikke som <img>-elementer og har ingen alt-attribut; al informativt indhold i et baggrundsbillede bør præsenteres i HTML, så det er tilgængeligt.

Teknisk SEO er en del af organisk vækst. At opbygge tematisk autoritet kræver kvalitets-backlinks og indekseret, tilgængeligt indhold — overvej godkendte markedspladser og partnerskaber, der prioriterer udgiveres indekserbarhed og redaktionel kontekst.Opbyg autoritet med kvalitets-backlinks