Alt-tekst: guide til SEO og tilgjengelighet

Oversikt

Alt-tekst (alt-attributtet på <img>-elementer) er en kort tekstbeskrivelse av et bilde ment først og fremst for tilgjengelighet og som reserve når et bilde ikke lastes. Skjermlesere kunngjør alt-teksten for brukere som er blinde eller har nedsatt syn, og søkemotorer bruker alt-tekst som ett av flere tekstsignaler om et bildes emne. Alt-tekst hjelper indeksering ved å gi maskinlesbar tekst for bilder, men det er bare ett signal blant mange som påvirker rangering og synlighet.

Skriv alt-tekst for å beskrive informasjonen bildet formidler til målgruppen. For rent dekorative bilder bruk et tomt alt-attributt (<img src="..." alt="">) slik at skjermlesere hopper over dem. For komplekse visualer — diagrammer, infografikk, skisser — gi et tekstsammendrag i nærheten eller bruk ARIA/HTML-teknikker for en lengre beskrivelse.

Trinn for trinn

1) Identifiser bildets rolle: avgjør om bildet er informativt, funksjonelt (f.eks. en knapp) eller dekorativt. Informative og funksjonelle bilder trenger beskrivende alt-tekst; dekorative bilder bør bruke et tomt alt-attributt.

2) Beskriv det vesentlige kortfattet: skriv hva en bruker trenger å vite fra bildet. Hold alt-teksten kort — sikt på å formidle hovedideen i én setning eller frase. Eksempel på en standard informativ alt: <img src="/photos/harbor.jpg" alt="Rød fiskebåt fortøyd i en steinete havn ved soloppgang">.

3) Unngå keyword stuffing og redundant formulering. Ikke legg til fraser som "bilde av" eller "bilde av" — skjermlesere annonserer allerede et bilde. Gjør teksten nyttig for et menneske i stedet for for en søkemotor-crawler.

4) Håndter funksjonelle bilder og kontroller: hvis et bilde er en lenke eller knapp, beskriv handlingen det utfører. Eksempel: <img src="/icons/download.svg" alt="Last ned produktdatablad">. Hvis kontrollen har synlig tekst, bør alt samsvare med formålet eller være tom hvis teksten allerede formidler handlingen.

5) Gi lengre beskrivelser for komplekse bilder: bruk en tilstøtende bildetekst, en lenket detaljbeskrivelse, aria-describedby eller synlig HTML-tekst for å utbrodere et diagram eller en infografikk. For trykk-ekvivalente detaljer (datatabeller, akseetiketter), inkluder nøkkelinformasjonen i sidens tekst.

6) Bruk konsistente redaksjonelle regler: lag korte stilregler for bidragsytere (mål for lengde, når man forkorter, språkregler) og implementer dem i maler eller CMS-felt slik at alt-tekst fanges pålitelig i skala.

HTML-eksempler

Et beskrivende bilde: <img src="https://example.com/park.jpg" alt="Barn som flyr en rød drage i en bypark">. Et dekorativt bilde: <img src="/decorative-divider.png" alt="">. Et funksjonelt bilde brukt som lenke: <a href="/download"><img src="/icons/pdf.svg" alt="Last ned rapport (PDF)"></a>.

Verifisering av alt-tekst: teknisk sjekkliste

**Tilstedeværelse av alt-attributter** — hvor du kan verifisere: view-source, Chrome DevTools Elements, eller curl (hent full HTML med curl uten -I) — OK når alle meningsfulle <img> har et alt-attributt og dekorative bilder bruker alt="".

**Renderert DOM for JS-innsatte bilder** — hvor du kan verifisere: Chrome DevTools Elements (inspiser den endelige DOM-en) — OK når bilder som er synlige for brukerne også inkluderer passende alt-tekst i den rendererte DOM-en.

**Tilgjengelighetsrevisjon** — hvor du kan verifisere: Lighthouse i Chrome DevTools eller et automatisert tilgjengelighetsverktøy — OK når revisjonen ikke rapporterer manglende alt-tekst for informative bilder og kun flagger tiltenkte dekorative bilder.

**Sjekk av lesbarhet for mennesker** — hvor du kan verifisere: prøvegjennomgang av en innholdsredaktør eller en skjermleser (NVDA, VoiceOver) — OK når alt-teksten formidler samme nyttige informasjon som det visuelle for brukere med assistanse.

**Indekserbarhet av siden** — hvor du kan verifisere: for egne sider bruk Google Search Console URL Inspection; for tredjepartssider bruk site: operator som en indikasjon — OK når siden er crawlbar (ikke blokkert av robots.txt eller noindex) og URL Inspection viser at siden er kjent for Google. Merk: site: er bare en indikasjon; URL Inspection er autoritativ for sider du eier.

Praktiske verktøytips

Bruk curl for å hente side-HTML som en spesifikk user agent: curl -A "Mozilla/5.0 (Windows NT 10.0; Win64; x64)" https://example.com/page > page.html. Ikke bruk -I hvis du trenger bodyen. Åpne den lagrede filen i en teksteditor eller kjør en DOM-parser for å finne <img>-tagger og deres alt-attributter.

Kjør Lighthouse (Chrome DevTools → Lighthouse) for å finne vanlige tilgjengelighetsproblemer, og test med en skjermleser (NVDA på Windows, VoiceOver på macOS) for å bekrefte brukeropplevelsen.

Hvis du bruker strukturert data som refererer til bilder (f.eks. Product- eller Recipe-schema), valider markupen med Rich Results Test eller Schema Markup Validator for å sikre at bilder som refereres i JSON-LD er til stede og tilgjengelige.

Vanlige problemer

Manglende alt-tekst på informative bilder. Dette skader tilgjengeligheten og etterlater blinde brukere uten sidens visuelle informasjon.

Keyword stuffing: å gjenta målrettede søkeord eller merkenavn i alt-attributter på en unaturlig måte. Dette gir dårlig opplevelse og kan bli ignorert av søkemotorer.

Å bruke filnavn eller generiske fraser (f.eks. "image1.jpg", "picture") som alt-tekst, noe som ikke er meningsfullt for assistiv teknologi eller indeksering.

Å stole på title-attributtet i stedet for alt for kritisk informasjon; mange skjermlesere presenterer ikke title konsekvent.

Å tro at alt-tekst alene styrer bilders rangering. Alt-tekst hjelper søkemotorer å forstå bilder, men indeksering og synlighet avhenger av sidens kontekst, strukturerte data, crawlbarhet og andre signaler.

Hvis bilder settes inn klient-side av JavaScript, glemmer forfattere noen ganger å inkludere alt-attributter i den renderte DOM-en; inspiser alltid den endelige DOM-en, ikke bare server-HTML.

Les Technical SEO Guide

Ofte stilte spørsmål

Spørsmål: Hvor lang bør alt-tekst være? Svar: Sikt på korte beskrivelser som kommuniserer bildets formål. En kort setning eller frase er vanligvis tilstrekkelig; for komplekse visualer gi en lengre tilgjengelig beskrivelse et annet sted på siden.

Spørsmål: Påvirker alt-tekst SEO-ranking? Svar: Alt-tekst gir et tekstsignal som kan hjelpe indeksering og relevans i bildesøk, men avgjør ikke rangering alene. Rangeringer avhenger av mange signaler inkludert sidens relevans, strukturerte data, crawlbarhet og generell innholdskvalitet.

Spørsmål: Skal dekorative bilder ha alt-tekst? Svar: Nei. Dekorative bilder bør bruke et tomt alt-attributt (alt="") slik at de ignoreres av skjermlesere og ikke skaper støy i tilgjengelighetsopplevelsen.

Spørsmål: Kan automatiserte verktøy generere akseptabel alt-tekst? Svar: Automatiske forslag fra CMS eller bilderegnskap/gjenkjennelse kan hjelpe, men gjennomgå og rediger alltid maskingenerert alt-tekst for nøyaktighet, klarhet og personvernhensyn før publisering.

Spørsmål: Hva med bilder i CSS-bakgrunner? Svar: CSS-bakgrunnsbilder eksponeres ikke som <img>-elementer og har ingen alt-attributt; informasjonsinnhold i et bakgrunnsbilde bør presenteres i HTML slik at det er tilgjengelig.

Teknisk SEO er én del av organisk vekst. Å bygge tematisk autoritet krever kvalitet backlinks og indeksert, tilgjengelig innhold — vurder godkjente markedsplasser og partnerskap som prioriterer utgiveres indekserbarhet og redaksjonell kontekst.Bygg autoritet med kvalitet backlinks