1. Introduksjon
Bilder spiller en stadig viktigere rolle på nettsider, enten det er produktbilder i en nettbutikk, illustrasjoner i en blogg, eller infografikk som forklarer komplekse temaer. Men visste du at søkemotorer og skjermlesere ikke automatisk forstår hva et bilde viser? Alt-tekst (alternativ tekst) er nøkkelen til å gjøre bildene dine både søkemotorvennlige og tilgjengelige for alle brukere.
Hva er alt-tekst, og hvorfor er den viktig?
Alt-tekst er en tekstbeskrivelse som legges til bilder på en nettside for å forklare innholdet når bildet ikke kan vises. Dette er spesielt viktig for:
- SEO (søkemotoroptimalisering): Google bruker alt-tekst for å forstå bildenes innhold og rangere dem i bildesøk.
- Tilgjengelighet: Skjermlesere leser opp alt-tekst for brukere med synsnedsettelser.
- Bedre brukeropplevelse: Hvis et bilde ikke lastes inn, vises alt-teksten i stedet, slik at brukeren fortsatt får informasjon.
Mange bedrifter og nettstedseiere overser viktigheten av alt-tekst, men å bruke den riktig kan ha en betydelig innvirkning på både synlighet i Google og den generelle brukeropplevelsen. Google har også blitt mer fokusert på visuelle søk med tjenester som Google Lens, noe som gjør bildeoptimalisering enda viktigere enn før.
Hva du vil lære i denne guiden
I denne artikkelen vil vi gå i dybden på alt-tekst og vise deg:
- Hva alt-tekst er og hvordan den fungerer
- Hvordan alt-tekst påvirker både SEO og tilgjengelighet
- Beste praksis for å skrive effektiv alt-tekst
- Hvordan du legger til alt-tekst i WordPress, Shopify og andre plattformer
- Vanlige feil du bør unngå
Ved å følge rådene i denne guiden vil du kunne forbedre synligheten til bildene dine, skape en bedre brukeropplevelse og sikre at nettstedet ditt er tilgjengelig for alle.
La oss komme i gang!
2. Hva er alt-tekst? En grunnleggende forståelse
Alt-tekst, eller alternativ tekst, er en beskrivelse av et bilde som hjelper både søkemotorer og brukere med å forstå hva bildet inneholder. Den er spesielt viktig for tilgjengelighet og SEO, siden den gir kontekst når et bilde ikke kan vises eller tolkes visuelt.
Alt-tekst vises ikke direkte på nettsiden, men er en del av HTML-koden. Den blir blant annet brukt av skjermlesere for synshemmede, og søkemotorer som Google bruker den til å forstå innholdet i bilder.
Hvordan fungerer alt-tekst?
Når du legger til et bilde i HTML, kan du inkludere en alt-tekst slik:
<img src="nettbutikk-losninger.jpg" alt="Sammenligning av WooCommerce, SureCart og NorthCommerce for nettbutikker">
I dette eksempelet:
src="nettbutikk-losninger.jpg"
viser URL-en til bildefilen.alt="Sammenligning av WooCommerce, SureCart og NorthCommerce for nettbutikker"
gir en beskrivelse av bildet.
Hvis bildet ikke lastes inn, eller hvis en skjermleser leser opp nettsiden, vil brukeren få denne beskrivelsen i stedet for å se bildet.
Forskjellen mellom alt-tekst, bildetitler og bildetekster
Mange forveksler alt-tekst med andre bildebeskrivelser. Her er de viktigste forskjellene:
Element | Formål | Synlig for brukeren? | SEO-verdi? |
---|---|---|---|
Alt-tekst | Beskriver innholdet i bildet for søkemotorer og skjermlesere | Nei | Ja, viktig for bilde-SEO |
Bildetittel (`title`-attributt) | Vises ofte som en “tooltip” når du holder musen over bildet | Bare når brukeren holder over bildet | Minimal, mindre viktig for SEO |
Bildetekst (`caption`) | Synlig tekst under bildet som forklarer eller gir kontekst | Ja | Indirekte, kan hjelpe med brukeropplevelse |
Alt-tekst er den viktigste bildebeskrivelsen for SEO og tilgjengelighet, mens bildetittel og bildetekst hovedsakelig påvirker brukeropplevelsen.
Når skal du bruke alt-tekst?
Det er viktig å bruke alt-tekst riktig. Her er noen retningslinjer:
- Informative bilder: Produktbilder, infografikker og diagrammer bør alltid ha en detaljert beskrivelse.
- Dekorative bilder: Hvis bildet kun er for estetikk og ikke tilfører informasjon, kan du bruke en tom alt-tekst (
alt=""
) for å unngå at skjermlesere leser det opp unødvendig. - Lenkede bilder: Hvis et bilde fungerer som en lenke, bør alt-teksten beskrive målet med lenken.
Eksempel på lenket bilde med riktig alt-tekst:
<a href="https://totalweb.no/nettbutikk-losninger">
<img src="woocommerce-vs-surecart.jpg" alt="WooCommerce vs. SureCart – sammenligning av nettbutikkplattformer">
</a>
Her får både Google og skjermlesere riktig informasjon om hva lenken handler om.
Hvorfor er alt-tekst viktig?
- For søkemotorer: Alt-tekst hjelper Google med å forstå innholdet i bildene dine og bruke dem i Google Bilder og visuelle søk.
- For tilgjengelighet: Synshemmede brukere er avhengige av alt-tekst for å forstå bildenes innhold.
- For brukeropplevelse: Hvis et bilde ikke lastes inn, vil alt-teksten vises i stedet, slik at brukeren fortsatt forstår innholdet.
Ved å optimalisere alt-teksten på nettstedet ditt sikrer du at bildene dine blir både søkemotorvennlige og brukervennlige.
3. Hvorfor er alt-tekst viktig for SEO?
Alt-tekst er en viktig del av en vellykket SEO-strategi, men den blir ofte oversett. Google og andre søkemotorer er fortsatt avhengige av tekstbasert informasjon for å forstå innholdet i bilder, og alt-tekst gir en verdifull mulighet til å forbedre synligheten din i søkeresultatene.
Riktig bruk av alt-tekst kan hjelpe nettstedet ditt på flere måter:
- Forbedre rangeringen i Google Bilder
- Øke sjansene for synlighet i visuelle søk som Google Lens
- Gi søkemotorene en bedre forståelse av sidens innhold
- Forbedre den generelle brukeropplevelsen, noe Google belønner
Hvordan tolker Google bilder?
Google blir stadig bedre til å forstå bilder gjennom AI og maskinlæring, men det er fortsatt tekst som danner grunnlaget for bildeindeksering. Søkemotorer bruker flere signaler for å tolke bilder, inkludert:
- Filnavn – Et bilde kalt
produktbilde.jpg
gir lite informasjon, mensnike-air-max-270-svart.jpg
er mer beskrivende. - Alt-tekst – Dette gir en direkte beskrivelse av bildet, som hjelper både SEO og tilgjengelighet.
- Kontekst rundt bildet – Google analyserer også teksten som står nær bildet for å forstå hvordan det passer inn i innholdet.
- Strukturert data – Bruk av Schema Markup for bilder kan gi søkemotorer enda mer kontekst.
- Brukerinteraksjon – Google vurderer også hvordan brukere engasjerer seg med bildene dine (for eksempel klikker på dem i Google Bilder).
Les også: Hvordan kan teknisk SEO forbedre din Google rangering? – En grundig guide til SEO-strategier som kan forbedre din synlighet i søkemotorene.
Google Bilder og visuelle søk – Hvorfor alt-tekst betyr mer enn før
Visuelle søk har blitt en stadig større del av hvordan folk finner informasjon på nettet. Google Bilder er verdens nest største søkemotor, og tjenester som Google Lens lar brukere søke med bilder i stedet for tekst.
Eksempel:
En bruker tar et bilde av en Nike Air Max 270 med Google Lens. Hvis produktbildet ditt har en god alt-tekst som inkluderer merke, modell og farge, er det større sjanse for at Google gjenkjenner og viser bildet ditt i søkeresultatene.
For å rangere i Google Bilder og visuelle søk bør du:
- Skrive beskrivende og relevante alt-tekster
- Bruke unike og forklarende filnavn på bildene
- Sørge for at bildet er plassert i en relevant sammenheng (f.eks. nær produktbeskrivelsen)
- Optimalisere bildefiler for raskere lastetid
Eksempler på god og dårlig alt-tekst for SEO
Dårlig alt-tekst:
<img src="sko.jpg" alt="sko">
(Svært generisk og gir ingen nyttig informasjon til søkemotorer eller brukere.)
God alt-tekst:
<img src="nike-air-max-270-svart.jpg" alt="Nike Air Max 270 joggesko i svart og rød farge">
(Beskriver merke, modell, type og farge – optimalisert for SEO og brukervennlighet.)
Alt-tekst som en del av en helhetlig SEO-strategi
Alt-tekst fungerer ikke isolert – den er en del av et større SEO-bilde. For best mulig resultater bør du kombinere bildeoptimalisering med:
- Riktig bruk av søkeord – Ikke bare i alt-tekst, men i hele innholdet rundt bildet.
- Teknisk SEO – Sørg for at bildene lastes raskt og bruker riktige formater som WebP eller JPEG.
- Internlenking og semantisk struktur – Google vurderer sammenhengen mellom tekst og bilder, så plasser bildene strategisk på siden.
- Brukeropplevelse – Google prioriterer sider som gir verdi til brukerne, og godt optimaliserte bilder kan forbedre opplevelsen.
Alt-tekst kan virke som en liten detalj, men i en konkurransedrevet SEO-verden kan det være nettopp slike optimaliseringer som gir deg en fordel over konkurrentene.
4. Alt-tekst og tilgjengelighet: Hvordan hjelper det brukerne?
Alt-tekst handler ikke bare om SEO – den er også en viktig del av universell utforming og digital tilgjengelighet. Nettet skal være tilgjengelig for alle, inkludert personer med synsnedsettelser eller andre funksjonsnedsettelser. Alt-tekst sikrer at bilder gir verdi selv når de ikke kan sees.
Hvordan hjelper alt-tekst brukere med nedsatt syn?
For personer med synsnedsettelser brukes skjermlesere til å navigere på nettsteder. Disse verktøyene leser opp tekstinnhold, inkludert alt-tekst for bilder. Hvis et bilde ikke har en alt-tekst, vil skjermleseren ofte bare si “bilde”, noe som gir liten eller ingen verdi for brukeren.
Eksempel på en dårlig og god opplevelse med skjermleser:
- Uten alt-tekst: “Bilde” (ingen beskrivelse av hva bildet inneholder).
- Med alt-tekst: “Infografikk som viser trinnene i en SEO-strategi: søkeordsanalyse, innholdsoptimalisering, teknisk SEO og lenkebygging.”
En god alt-tekst gir en kort, men beskrivende forklaring av bildet, slik at brukeren får den samme informasjonen som en seende bruker ville fått.
Tilgjengelighet er ikke bare en fordel – det er et krav
Mange land, inkludert Norge, har lover som krever at nettsteder følger tilgjengelighetsstandarder. I Norge gjelder “Forskrift om universell utforming av IKT-løsninger”, som bygger på WCAG (Web Content Accessibility Guidelines).
Ifølge WCAG-retningslinjene bør bilder som inneholder viktig informasjon ha en beskrivende alt-tekst, mens dekorative bilder kan ha en tom alt-tekst (alt=""
) for å unngå at skjermlesere leser dem opp.
Når bør du bruke alt-tekst for tilgjengelighet?
- Innholdsbærende bilder: Infografikker, produktbilder, diagrammer, kart og annet som gir viktig informasjon.
- Lenkede bilder: Hvis et bilde fungerer som en lenke, bør alt-teksten beskrive hvor lenken leder.
- Bilder med tekst: Hvis et bilde inneholder viktig tekst (f.eks. et skilt eller en annonse), må teksten inkluderes i alt-teksten.
Unngå alt-tekst på dekorative bilder
Hvis et bilde kun er for design eller estetikk, bør du bruke en tom alt-tekst (alt=""
), slik at skjermlesere ignorerer det.
Eksempel på en dekorativ bildebruk:
<img src="wave-pattern.jpg" alt="">
Dette forteller skjermleseren at bildet ikke inneholder viktig informasjon.
Eksempler på god og dårlig alt-tekst for tilgjengelighet
Bilde | Dårlig alt-tekst | God alt-tekst |
---|---|---|
📈 Infografikk | “Infografikk” | “Infografikk som viser økning i netthandel fra 2020 til 2024, med en 50 % vekst i salg.” |
🏡 Eiendomsbilde | “Hus” | “Moderne enebolig med stor hage og garasje til salgs i Oslo.” |
📍 Kart | “Norgeskart” | “Kart som viser de største byene i Norge, med markering på Oslo, Bergen og Trondheim.” |
Alt-tekst gir bedre brukeropplevelse for alle
Selv for brukere som ikke har synsnedsettelser, kan alt-tekst være nyttig. Hvis et bilde ikke lastes inn (f.eks. på grunn av en treg internettforbindelse), vil alt-teksten vises i stedet. Dette sikrer at innholdet fortsatt er forståelig, selv uten visuelle elementer.
Ved å optimalisere alt-teksten på nettstedet ditt forbedrer du ikke bare SEO, men også brukeropplevelsen for alle besøkende.
5. Slik skriver du god alt-tekst: Beste praksis (inkludert eksempler)
Alt-tekst kan virke som en enkel detalj, men riktig bruk kan gi store fordeler både for SEO, tilgjengelighet og brukeropplevelse. Å skrive god alt-tekst handler om mer enn bare å beskrive et bilde – det gjelder å finne balansen mellom presisjon, kontekst og SEO-optimalisering.
Hva kjennetegner en god alt-tekst?
For at alt-tekst skal være effektiv, bør den være:
- Beskrivende og spesifikk – Forklar hva bildet viser, uten å være vag eller for generell.
- Kortfattet, men informativ – Unngå lange setninger, men sørg for at teksten gir verdi.
- Relevant for konteksten – Beskriv hvordan bildet henger sammen med resten av innholdet.
- Optimalisert for SEO (uten keyword stuffing) – Inkluder relevante søkeord, men unngå unaturlig overbruk.
- Tilgjengelighetsvennlig – Tenk på hvordan skjermlesere vil tolke teksten.
1. Hold det kort, men informativt
Alt-tekst skal være presis, men ikke unødvendig lang. Skjermlesere stopper vanligvis å lese etter 125 tegn, så det er best å holde seg innenfor dette.
Dårlig eksempel:
“Dette bildet viser en stor, rød og hvit bygning med tre etasjer og et brunt tak, omgitt av et hvitt stakittgjerde, med en blå himmel i bakgrunnen og noen trær.”
Godt eksempel:
“Rødmalt trehus med hvitt stakittgjerde i solskinn.”
Det siste eksempelet er kortere, mer presist og fortsatt informativt.
2. Beskriv hva som er viktig i bildet
Tenk på hvorfor bildet er inkludert i innholdet. Hvis det er et produktbilde i en nettbutikk, bør alt-teksten inneholde produktets merke, modell og viktige detaljer.
Eksempel på produktbilde:
Dårlig alt-tekst:
<img src="sko.jpg" alt="sko">
God alt-tekst:
<img src="nike-air-max-270.jpg" alt="Nike Air Max 270 joggesko i svart og rød farge">
Tips: Hvis bildet er dekorativt eller ikke inneholder viktig informasjon, kan du bruke alt=""
for å la skjermlesere hoppe over det.
3. Unngå “bilde av” eller “grafikk av”
Siden skjermlesere allerede opplyser brukeren om at det er et bilde, trenger du ikke skrive “Bilde av…” eller “Grafikk av…” i alt-teksten.
Eksempel:
Dårlig: "Bilde av en katt som ligger i solen."
God: "Sovende katt ligger i sollyset på en vinduskarm."
4. Bruk relevante søkeord naturlig
Alt-tekst er en god mulighet til å inkludere søkeord, men unngå keyword stuffing, da dette kan oppfattes som spam av Google.
Eksempel på god SEO-optimalisert alt-tekst:
<img src="hvit-studio-kaffemaskin.jpg" alt="Hvit Studio kaffemaskin med melkeskummer og innebygd kvern">
Dårlig eksempel med keyword stuffing:
<img src="hvit-studio-kaffemaskin.jpg" alt="Beste kaffemaskin hvit Studio kaffemaskin kaffemaskin med melkeskummer kjøp kaffemaskin på tilbud">
(For mange repetisjoner av “kaffemaskin” gjør dette unaturlig.)
5. Tilpass alt-tekst etter bildetype
Alt-tekst bør tilpasses avhengig av hvilken type bilde det er.
Produktbilder i nettbutikker
Riktig alt-tekst:
“Sony WH-1000XM5 støydempende hodetelefoner i svart med 30 timers batteritid.”
Tips: For produkter med varianter (f.eks. forskjellige farger og modeller), bør alt-teksten reflektere den spesifikke varianten på bildet.
Infografikk og diagrammer
Infografikker inneholder ofte mye informasjon som ikke kan tolkes av en skjermleser. Da bør alt-teksten gi en kort beskrivelse, og en fullstendig tekstversjon bør inkluderes i nærheten av bildet.
Riktig alt-tekst:
“Infografikk som viser veksten i netthandel fra 2020 til 2024, med en økning på 50 %.”
6. Hvordan skrive alt-tekst for lenkede bilder?
Når et bilde fungerer som en lenke, bør alt-teksten beskrive hvor lenken fører brukeren.
Dårlig eksempel:
<a href="https://totalweb.no/seo">
<img src="seo-guide.jpg" alt="SEO-bilde">
</a>
(Denne beskrivelsen gir ingen informasjon om hva brukeren kan forvente.)
Godt eksempel:
<a href="https://totalweb.no/seo">
<img src="seo-guide.jpg" alt="Les vår guide om søkemotoroptimalisering for 2024">
</a>
(Denne beskrivelsen gjør det klart hva brukeren kan forvente ved å klikke på lenken.)
7. Slik sjekker du om alt-teksten din er bra nok
Her er en sjekkliste for å evaluere om en alt-tekst er godt skrevet:
- Beskriver den bildet kort og presist?
- Er den relevant for konteksten på siden?
- Bruker den naturlige søkeord uten stuffing?
- Gir den verdi for en synshemmet bruker?
- Unngår den unødvendige ord som “bilde av”?
Test deg selv!
For å sjekke om en alt-tekst fungerer, kan du prøve å forklare bildet til noen uten å vise det. Hvis de forstår bildet basert på beskrivelsen, har du gjort en god jobb!
Oppsummering: Skriv bedre alt-tekst i dag!
Å skrive god alt-tekst handler om klarhet, kontekst og relevans. Hvis du tar deg tid til å optimalisere alt-teksten på bildene dine, vil du:
- Forbedre synligheten din i Google Bilder
- Øke den organiske trafikken til nettstedet ditt
- Sørge for at nettstedet ditt er tilgjengelig for alle
Ta handling nå: Gå gjennom nettstedet ditt og sjekk om bildene dine har god alt-tekst – det kan gi store gevinster både for SEO og brukervennlighet!
6. Vanlige feil med alt-tekst (og hvordan unngå dem)
Alt-tekst kan gi store fordeler for både SEO og tilgjengelighet, men bare hvis den brukes riktig. Mange gjør feil som enten svekker brukeropplevelsen eller gjør at bildene ikke gir noen verdi i søkemotorer. Her er de vanligste feilene – og hvordan du unngår dem.
1. Keyword stuffing i alt-tekst
Feil: Overbruk av søkeord i alt-tekst for å manipulere Google-rangeringer.
Dårlig eksempel:
<img src="seo-bilde.jpg" alt="SEO bilde søkemotoroptimalisering best SEO strategi ranking Google SEO tips">
Her prøver man å presse inn så mange søkeord som mulig, men dette ser unaturlig ut og kan bli straffet av Google.
Løsning: Skriv en naturlig og beskrivende alt-tekst som gir verdi til brukeren.
Godt eksempel:
<img src="seo-bilde.jpg" alt="SEO-strategi som viser viktige faktorer for rangering i Google">
Husk: Google er smartere enn før og kan oppdage unaturlig bruk av søkeord. Prioriter brukervennlighet fremfor kunstig optimalisering.
2. Manglende alt-tekst på viktige bilder
Feil: Å ikke legge inn alt-tekst på bilder som har en informativ funksjon.
Hva skjer hvis du ikke bruker alt-tekst?
- Skjermlesere hopper over bildet, og synshemmede brukere mister viktig informasjon.
- Google får ingen kontekst om bildet, noe som kan redusere sjansen for synlighet i bildesøk.
Løsning: Gå gjennom nettstedet ditt og legg til beskrivende alt-tekst på alle innholdsbærende bilder, spesielt produktbilder, infografikker og diagrammer.
3. For generisk eller vag beskrivelse
Feil: Alt-tekst som er for generell og ikke gir noen nyttig informasjon.
Dårlig eksempel:
<img src="hytte.jpg" alt="Hytte">
(Hvilken type hytte? Hvor er den? Hva er viktig i bildet?)
Løsning: Beskriv bildet mer detaljert og gi kontekst.
Godt eksempel:
<img src="hytte.jpg" alt="Rød hytte ved en innsjø i Nordmarka, omgitt av høstfargede trær">
(Denne beskrivelsen gir en bedre visuell forståelse for brukere og søkemotorer.)
4. Bruk av alt-tekst på dekorative bilder
Feil: Å gi dekorative bilder en alt-tekst, noe som kan forstyrre brukeropplevelsen for de som bruker skjermlesere.
Dårlig eksempel:
<img src="bølge-mønster.jpg" alt="Blått bølgemønster bak teksten">
(Dette er et rent design-element og trenger ikke alt-tekst.)
Løsning: Bruk en tom alt-tekst (alt=""
) for dekorative bilder, slik at skjermlesere ignorerer dem.
<img src="bølge-mønster.jpg" alt="">
Regel: Hvis bildet ikke formidler viktig informasjon, skal det ikke ha en alt-tekst.
5. Feil bruk av alt-tekst på lenkede bilder
Feil: Når et bilde fungerer som en lenke, men alt-teksten ikke beskriver hvor lenken leder.
Dårlig eksempel:
<a href="https://totalweb.no/nettbutikk">
<img src="nettbutikk-guide.jpg" alt="Bilde av en nettbutikk">
</a>
(Denne teksten forteller ikke brukeren hva de kan forvente ved å klikke på bildet.)
Løsning: Beskriv målet med lenken, ikke bare bildet.
Godt eksempel:
<a href="https://totalweb.no/nettbutikk">
<img src="nettbutikk-guide.jpg" alt="Les vår guide til å starte en nettbutikk">
</a>
Husk: Brukeren skal forstå hvor lenken fører bare ved å høre eller lese alt-teksten.
6. Ikke tilpasset ulike typer bilder
Feil: Å bruke samme type alt-tekst på alle bilder, uten å tilpasse den til bildets funksjon.
Forskjellige typer bilder krever forskjellige tilnærminger:
- Produktbilder: Inkluder merke, modell, farge og funksjoner.
- Infografikker: Oppsummer hovedpoengene eller legg ved en tekstversjon.
- Kart og diagrammer: Forklar nøkkelinformasjonen fra bildet.
Hvordan unngå disse feilene?
Her er en rask sjekkliste for å sikre at du bruker alt-tekst riktig:
- Beskriver alt-teksten bildet kort og presist?
- Er den relevant for konteksten på siden?
- Bruker den naturlige søkeord uten keyword stuffing?
- Er den meningsfull for en synshemmet bruker?
- Unngår den å beskrive dekorative bilder?
Pro-tips: Bruk verktøy som Google Lighthouse, Screaming Frog SEO Spider, eller SEOPress for å identifisere manglende eller dårlige alt-tekster på nettstedet ditt.
Ved å unngå disse feilene og følge beste praksis, vil du både forbedre SEO og skape en bedre brukeropplevelse for alle besøkende!
7. Hvordan legge til alt-tekst i ulike plattformer
Alt-tekst er enkelt å legge til, men prosessen varierer avhengig av plattformen du bruker. Enten du bygger en ny nettside eller oppdaterer eksisterende innhold, bør du sikre at alle viktige bilder har beskrivende alt-tekst.
Legge til alt-tekst i WordPress
I WordPress kan du legge til alt-tekst via mediebiblioteket eller direkte i innlegg og sider:
- Åpne Mediebiblioteket (Media → Bibliotek).
- Klikk på bildet du vil redigere.
- Skriv inn en beskrivende alt-tekst i feltet “Alternativ tekst”.
- Lagre endringene.
Dette gjelder både for WordPress Classic Editor og Gutenberg. Hvis du bruker en SEO-plugin som SEOPress, kan du også få varsler om manglende alt-tekst.
Legge til alt-tekst i Shopify
For nettbutikker bygget i Shopify:
- Gå til Innstillinger → Filer eller velg et produktbilde i produktadministrasjonen.
- Klikk på Rediger alt-tekst under bildet.
- Skriv inn en beskrivelse som tydelig forklarer bildet.
- Klikk Lagre.
Legge til alt-tekst via HTML
Hvis du jobber direkte med HTML, legger du til alt-tekst slik:
<img src="produktbilde.jpg" alt="Nike Air Max 270 joggesko i svart og rød farge">
Dette sikrer at søkemotorer og skjermlesere kan tolke bildet riktig.
Alt-tekst er viktig når du oppretter en ny nettside
Hvis du bygger en nettside fra bunnen av, bør bildeoptimalisering være en del av prosessen fra starten. Alt-tekst bidrar til bedre brukeropplevelse, SEO og tilgjengelighet, noe som kan forbedre rangeringen i Google.
Les også: Slik oppretter du en nettside – En komplett guide – Lær hvordan du bygger en profesjonell nettside fra bunnen av, inkludert viktige SEO-tilpasninger som alt-tekst for bilder.
8. Verktøy for å sjekke og optimalisere alt-tekst
For å sikre at alt-teksten på nettstedet ditt er godt optimalisert for SEO og tilgjengelighet, finnes det flere nyttige verktøy som kan hjelpe deg med å finne manglende eller dårlige alt-tekster. Disse verktøyene lar deg analysere nettstedet ditt, finne forbedringsområder og implementere endringer raskt og effektivt.
1. Google Lighthouse (Tilgjengelighetsanalyse og SEO-sjekk)
Google Lighthouse er et gratis verktøy som kan kjøre tilgjengelighets- og SEO-analyser direkte i nettleseren.
Hvordan bruke Google Lighthouse til å sjekke alt-tekst?
- Åpne Google Chrome.
- Høyreklikk på siden du vil analysere, og velg “Inspiser”.
- Gå til Lighthouse-fanen og kjør en Accessibility- eller SEO-audit.
- Verktøyet vil vise hvilke bilder som mangler alt-tekst.
Fordeler:
- Gratis og enkelt å bruke direkte i Chrome
- Viser hvilke bilder som mangler alt-tekst
- Gir en oversikt over generell tilgjengelighet og SEO
Ulemper:
Krever manuell sjekk for detaljerte analyser
2. Screaming Frog SEO Spider (For større nettsteder)
Screaming Frog er et kraftig verktøy for teknisk SEO-analyse, og kan enkelt finne bilder uten alt-tekst på nettstedet ditt.
Hvordan bruke Screaming Frog til å finne manglende alt-tekst?
- Last ned og åpne Screaming Frog SEO Spider.
- Skriv inn URL-en til nettstedet ditt og trykk på “Start”.
- Gå til fanen “Images”.
- Filtrer etter bilder uten alt-tekst for å finne forbedringspunkter.
Fordeler:
- Analyserer hele nettstedet raskt
- Viser bilder som mangler alt-tekst
- Kan eksportere en rapport for enkel redigering
Ulemper:
Gratisversjonen har en grense på 500 URL-er
Passer best for: Nettsteder med mange sider og bilder som må optimaliseres samtidig.
3. SEOPress (For WordPress-brukere)
SEOPress er en av de beste SEO-pluginene for WordPress, og den har innebygde verktøy for bilde-SEO, inkludert sjekk av alt-tekst.
Hvordan bruke SEOPress til alt-tekst-optimalisering?
- Installer og aktiver SEOPress i WordPress.
- Gå til SEO > Bilde SEO i adminpanelet.
- Slå på innstillingen for automatisk generering av alt-tekst basert på filnavn eller bildetittel.
- Kjør en SEO-audit for å finne bilder uten alt-tekst.
Fordeler:
- Enklere bilde-SEO direkte i WordPress
- Kan automatisk generere alt-tekst basert på bildeinformasjon
- Gir varsler om manglende alt-tekst
Ulemper:
Kun for WordPress-nettsteder
Passer best for: WordPress-nettsteder som ønsker enklere bildeoptimalisering uten å måtte gå gjennom hvert enkelt bilde manuelt.
4. WAVE (Web Accessibility Evaluation Tool – For tilgjengelighetstesting)
WAVE er et verktøy utviklet av WebAIM for å hjelpe nettsteder med tilgjengelighet. Det viser hvilke bilder som mangler alt-tekst, og gir detaljer om hvordan nettstedet kan forbedres.
Hvordan bruke WAVE?
- Gå til WAVE-websiden.
- Skriv inn URL-en til nettstedet du vil sjekke.
- Klikk på “Check”, og se hvilke bilder som mangler alt-tekst.
Fordeler:
- Spesialdesignet for tilgjengelighetstesting
- Gir visuelle markeringer av feil på nettsiden
- Krever ingen installasjon
Ulemper:
Ikke fokusert på SEO, kun tilgjengelighet
Passer best for: Bedrifter som må følge WCAG-krav eller ønsker et mer tilgjengelig nettsted.
5. Alt-tekst AI-generatorer (Automatisert løsning for store nettsteder)
Hvis du har et svært stort nettsted med tusenvis av bilder, kan det være utfordrende å manuelt skrive alt-tekst for hvert bilde. Da kan en AI-generert alt-tekst-løsning være verdifull.
Populære AI-verktøy for alt-tekst-generering:
- Microsoft Azure Computer Vision – Kan generere alt-tekst basert på bildeanalyse.
- Google Cloud Vision API – Analyserer bilder og foreslår beskrivelser.
- Imagga – Automatisk bildegjenkjenning med tekstforslag.
Fordeler:
- Automatiserer prosessen for nettsteder med mange bilder
- Kan spare tid hvis du har et stort arkiv med umerkede bilder
Ulemper:
- Beskrivelsene er ikke alltid 100 % presise, og bør manuelt sjekkes
- Kan være kostbart for store volumer
Passer best for: Nettbutikker, mediehus og bedrifter med store bildegallerier som trenger rask alt-tekst-generering.
Oppsummering: Hvilket verktøy passer best for deg?
Verktøy | Beste bruksscenario | Fokusområde |
---|---|---|
Google Lighthouse | Gratis alt-tekst-sjekk for SEO og tilgjengelighet | Generell SEO og tilgjengelighet |
Screaming Frog | Analyse av hele nettsteder med mange bilder | Teknisk SEO |
SEOPress | Enklere bilde-SEO i WordPress | WordPress-optimalisering |
WAVE | Tilgjengelighetstesting | WCAG og universell utforming |
AI-generatorer | Store nettsteder med tusenvis av bilder | Automatisert alt-tekst-generering |
Hva bør du gjøre nå?
- Kjør en alt-tekst-audit med et av verktøyene (Google Lighthouse eller Screaming Frog).
- Optimaliser bildene basert på funnene – legg til beskrivende og relevante alt-tekster.
- Sett opp en rutine for å alltid legge inn alt-tekst når du laster opp nye bilder.
Ved å bruke disse verktøyene og strategiene kan du forbedre SEO, tilgjengelighet og den generelle brukeropplevelsen på nettstedet ditt!
9. Fremtidens bildeoptimalisering og alt-tekst
Teknologien for bildeoptimalisering utvikler seg raskt, og søkemotorer blir stadig bedre til å tolke og indeksere bilder uten å være like avhengige av alt-tekst. Likevel er alt-tekst fortsatt en viktig del av både SEO, tilgjengelighet og brukeropplevelse.
I fremtiden vil AI, maskinlæring og visuelle søk spille en større rolle i hvordan bilder forstås og brukes på nettet. La oss se på hva dette betyr for bildeoptimalisering og alt-tekst fremover.
1. AI-generert alt-tekst: Er automatisering veien å gå?
Flere selskaper, inkludert Google, Microsoft og OpenAI, utvikler AI-modeller som kan analysere bilder og automatisk generere alt-tekst.
Fordeler med AI-generert alt-tekst:
- Raskere og enklere for nettsteder med mange bilder
- Kan hjelpe med å oppdage objekter, personer og scener i bilder
- Bedre enn ingen alt-tekst for SEO
Ulemper og utfordringer:
- Beskrivelsene kan være upresise eller irrelevante
- AI forstår ikke alltid konteksten til bildet på nettsiden
- Kan føre til generiske beskrivelser uten SEO-verdi
Eksempel:
- Menneskegenerert alt-tekst: “Nike Air Max 270 joggesko i svart og rød farge, med demping i hælen.”
- AI-generert alt-tekst: “Sko på en hvit bakgrunn.”
Konklusjon:
AI kan være et nyttig tilleggsverktøy, men bør ikke erstatte manuelt optimalisert alt-tekst. Bruk AI til å foreslå tekst, men rediger manuelt for nøyaktighet og SEO.
2. Google Lens og visuelle søk: Mindre avhengighet av alt-tekst?
Google Lens, Bing Visual Search og Pinterest Lens lar brukere søke med bilder i stedet for tekst. Dette betyr at søkemotorer ikke lenger er utelukkende avhengige av alt-tekst for å forstå bilder.
Eksempel:
En bruker tar et bilde av en spesifikk modell av en sykkel og søker med Google Lens.
- Hvis produktbildet ditt er riktig optimalisert (alt-tekst, filnavn, metadata, strukturert data), kan Google vise det direkte i søkeresultatene.
Hva kan du gjøre for å optimalisere bildene dine for visuelle søk?
- Bruk detaljerte filnavn (f.eks. elsykkel-haibike-sduro.jpg i stedet for image123.jpg).
- Optimaliser bildeformater – Google prioriterer raskt lastende bilder, som WebP og AVIF.
- Bruk strukturert data (Schema Markup for bilder).
- Ha klare, høyoppløselige bilder – uskarpe bilder rangerer dårligere i visuelle søk.
3. Strukturert data: Alt-tekst er bare én del av bilde-SEO
Google anbefaler nå at nettredaktører bruker strukturert data for bilder. Dette hjelper søkemotorer med å forstå bildeinnholdet bedre, i tillegg til alt-tekst.
Eksempel på bilde med Schema Markup (JSON-LD):
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "ImageObject",
"contentUrl": "https://example.com/images/elsykkel-haibike-sduro.jpg",
"name": "Haibike SDURO elsykkel",
"description": "Blå Haibike SDURO elsykkel med Shimano-motor, 500Wh batteri og dempegaffel",
"author": {
"@type": "Organization",
"name": "Eksempel Nettbutikk"
}
}
</script>
Fordeler med strukturert data:
- Google forstår bildet bedre
- Øker sjansene for å bli vist i Google Bilder og Google Lens
- Gir mulighet for rike søkeresultater (f.eks. visning av produktbilder i søkeresultatene)
4. Bildekomprimering og hastighetsoptimalisering blir viktigere
Google prioriterer sidehastighet og Core Web Vitals, og tunge bildefiler kan redusere SEO-poengene dine.
Hvordan optimalisere bilder for hastighet?
- Bruk WebP eller AVIF – moderne bildeformater som gir god kvalitet med lav filstørrelse.
- Komprimer bildene – Bruk verktøy som TinyPNG, ShortPixel eller Imagify.
- Lazy Loading – Last inn bilder først når de blir synlige på skjermen.
5. Stemmesøk og bilde-SEO: En uventet kobling
Flere brukere benytter stemmesøk via Google Assistant, Siri og Alexa for å finne informasjon. Når noen spør “Hva er de beste løpeskoene i 2024?”, vil Google ofte hente informasjon fra bilde-SEO og alt-tekst i tillegg til vanlige søkeresultater.
Hvordan optimalisere bildene dine for stemmesøk?
- Skriv naturlige og beskrivende alt-tekster som enkelt kan leses opp av en stemmeassistent.
- Bruk Google Lens-optimalisering (filnavn + strukturert data + alt-tekst).
- Sørg for at bilder er relevante for spørsmål brukere faktisk stiller.
Oppsummering: Hva betyr dette for fremtidens alt-tekst?
Alt-tekst forsvinner ikke, men blir en del av en større bilde-SEO-strategi.
- AI-generert alt-tekst vil bli mer vanlig, men menneskelig redigering er fortsatt nødvendig.
- Google Lens og visuelle søk reduserer avhengigheten av alt-tekst, men bildeoptimalisering er fortsatt viktig.
- Strukturert data blir en viktig del av bilde-SEO – alt-tekst alene er ikke nok.
- Hastighet og bildeformater spiller en større rolle – bruk WebP, lazy loading og komprimering.
- Stemmesøk påvirker bilde-SEO – skriv naturlige, beskrivende alt-tekster.
Hva bør du gjøre nå?
- Sørg for at bildene dine har gode alt-tekster, men også optimaliserte filnavn og strukturert data.
- Bruk moderne bildeformater og lasteteknikker for å sikre raskere lastetid.
- Hold øye med AI-verktøy for alt-tekst-generering, men kvalitetssjekk alltid resultatene manuelt.
Fremtiden for bildeoptimalisering er mer enn bare alt-tekst – den handler om en kombinasjon av teknologi, hastighet, semantisk forståelse og AI.
10. Ta grep: Optimaliser bildene dine i dag!
Alt-tekst er en enkel, men kraftig måte å forbedre både SEO, tilgjengelighet og brukeropplevelse på nettstedet ditt. Hvis du ikke allerede har optimalisert bildene dine, er det på tide å ta grep. God alt-tekst hjelper nettstedet ditt med å rangere høyere i Google, gjøre innholdet mer tilgjengelig og gi en bedre opplevelse for brukerne.
1. Slik kommer du i gang med optimalisering av alt-tekst
Trinn 1: Identifiser manglende eller dårlig alt-tekst
- Bruk Screaming Frog SEO Spider eller Google Lighthouse for å finne bilder uten alt-tekst.
- Sjekk også manuelt om bildene dine har beskrivende og relevante alt-tekster.
Trinn 2: Forbedre eksisterende alt-tekster
- Gå gjennom gamle bilder og oppdater for korte, vage eller irrelevante alt-tekster.
- Unngå keyword stuffing, men bruk relevante nøkkelord naturlig.
- Fjern alt-tekst fra dekorative bilder (
alt=""
) slik at skjermlesere ignorerer dem.
Trinn 3: Implementer en god rutine for nye bilder
- Hver gang du laster opp et nytt bilde, legg til en beskrivende og relevant alt-tekst.
- Sørg for at filnavnene også er optimaliserte (f.eks.
hvit-studio-kaffemaskin.jpg
i stedet forIMG123.jpg
). - Bruk strukturert data for bilder hvis du vil forbedre bilde-SEO ytterligere.
Trinn 4: Test nettstedet ditt for forbedringer
- Bruk Google Lighthouse eller WAVE for å sjekke om endringene har gjort nettstedet mer tilgjengelig.
- Sjekk Google Bilder for å se om bildene dine begynner å rangere bedre.
Tips: Gjør en alt-tekst-revisjon av nettstedet ditt hver 3.-6. måned for å sikre at alle nye bilder er optimalisert.
2. Verktøy som kan hjelpe deg med bildeoptimalisering
- Screaming Frog SEO Spider – Identifiser bilder uten alt-tekst
- Google Lighthouse – Tilgjengelighetstesting og bilde-SEO-analyse
- SEOPress (for WordPress) – Hjelper med alt-tekst-optimalisering i WordPress
- WAVE (WebAIM) – Tilgjengelighetsanalyse for å sikre at alt-teksten fungerer for skjermlesere
- TinyPNG / ShortPixel – Komprimerer bilder for raskere lastetid
Les også: Søkemotoroptimalisering: Hvordan få nettstedet ditt til å rangere høyere – En komplett guide til hvordan du forbedrer synligheten din i Google, inkludert bildeoptimalisering og tekniske SEO-tilpasninger.
3. Oppsummering: Sett i gang med bildeoptimalisering nå!
Ved å optimalisere alt-tekst og bilder på nettstedet ditt, vil du:
- Forbedre synligheten din i Google Bilder og visuelle søk
- Gjøre nettstedet ditt mer tilgjengelig for alle brukere
- Forbedre brukeropplevelsen og engasjementet
Slik tar du handling i dag:
- Gå gjennom nettstedets bilder og legg til manglende alt-tekst.
- Forbedre eksisterende beskrivelser ved å gjøre dem mer spesifikke.
- Bruk riktige filnavn, bildeformater og strukturert data for bedre bilde-SEO.
- Test nettstedet med Google Lighthouse eller Screaming Frog for å finne flere forbedringsmuligheter.
Start nå, og gi nettstedets bilder en konkurransefordel i Google!
FAQ – Ofte stilte spørsmål om alt-tekst
Her finner du svar på de vanligste spørsmålene om alt-tekst, bildeoptimalisering og hvordan du kan bruke det for å forbedre både SEO og tilgjengelighet.
1. Skal jeg bruke alt-tekst på alle bilder?
Nei, ikke alle bilder trenger alt-tekst.
Bruk alt-tekst på:
- Produktbilder i nettbutikker
- Infografikker, diagrammer og kart
- Bilder som inneholder viktig informasjon
- Bilder som fungerer som lenker
Ikke bruk alt-tekst på:
- Dekorative bilder som ikke tilfører informasjon
- Grafiske elementer som bakgrunnsbilder eller ikoner
Husk: Hvis bildet er rent dekorativt, bør du bruke en tom alt-tekst (alt=""
), slik at skjermlesere ignorerer det.
2. Hvor lang bør en alt-tekst være?
Alt-tekst bør være kort og presis – helst under 125 tegn.
Skjermlesere stopper ofte å lese etter 125 tegn, så det er best å holde seg innenfor dette.
Dårlig eksempel:
<img src="fjell.jpg" alt="Vakkert fjell med en stor innsjø foran, mange trær og en blå himmel med skyer.">
Godt eksempel:
<img src="fjell.jpg" alt="Solnedgang over Lofoten med speilbilde i vannet.">
(Denne gir tilstrekkelig informasjon uten å være for lang.)
3. Kan jeg bruke samme alt-tekst for flere bilder?
Nei, hver alt-tekst bør være unik.
Hvis du har flere bilder av samme produkt eller motiv, bør du variere beskrivelsen. Dette gir bedre SEO og gjør det lettere for skjermlesere å forstå forskjellen mellom bildene.
Dårlig praksis:
- Bruke samme alt-tekst på alle bilder i en nettbutikk
- Gjenta generiske beskrivelser som “Produktbilde”
God praksis:
- Beskriv hva som er unikt i hvert bilde (f.eks. farge, vinkel, funksjon)
Eksempel:
alt="Nike Air Max 270 joggesko i svart og rød farge, sett fra siden."
alt="Nike Air Max 270 joggesko – nærbilde av sålen for å vise dempingsteknologi."
4. Skal jeg inkludere søkeord i alt-tekst?
Ja, men på en naturlig måte.
Alt-tekst er en fin mulighet til å inkludere relevante søkeord, men du bør unngå keyword stuffing.
Dårlig eksempel (keyword stuffing):
<img src="seo.jpg" alt="SEO strategi søkemotoroptimalisering Google ranking beste SEO tips SEO 2024">
Godt eksempel (naturlig bruk av søkeord):
<img src="seo.jpg" alt="SEO-strategi som viser viktige faktorer for rangering i Google.">
Google kan oppfatte overdreven bruk av søkeord som spam, så skriv heller en naturlig og informativ beskrivelse.
5. Hvordan vet jeg om mine bilder er SEO-optimaliserte?
Du kan sjekke bilde-SEO med følgende metoder:
- Google Lighthouse – Sjekk tilgjengelighet og bildeoptimalisering
- Screaming Frog SEO Spider – Finn bilder uten alt-tekst
- Google Bilder-søk – Ser du dine egne bilder i søkeresultatene?
- Bruk en skjermleser – Test hvordan nettstedet fungerer for synshemmede
6. Hva skjer hvis jeg ikke legger inn alt-tekst?
Bilder uten alt-tekst kan føre til:
- Dårligere brukeropplevelse – Synshemmede brukere går glipp av viktig informasjon.
- Dårligere SEO – Google kan ha problemer med å indeksere bildene dine.
- Lavere tilgjengelighetspoeng – Hvis du har et offentlig nettsted, kan det være krav om universell utforming.
Konklusjon: Hvis bildet har en viktig funksjon, bør det alltid ha en relevant alt-tekst.
7. Kan jeg bruke emojis i alt-tekst?
Nei, det anbefales ikke.
Skjermlesere leser emojis som beskrivende ord, og dette kan føre til en dårlig brukeropplevelse.
Dårlig eksempel:
<img src="feiring.jpg" alt="🎉🎈 Happy Birthday! 🥳">
Godt eksempel:
<img src="feiring.jpg" alt="Ballonger og kake med teksten 'Happy Birthday' på.">
(Dette gir en bedre beskrivelse for brukere som bruker skjermlesere.)
8. Hvordan håndterer jeg bilder med tekst?
Hvis bildet inneholder viktig tekst, bør teksten også inkluderes i alt-teksten.
Eksempel:
Hvis du har et bilde av en reklameplakat som sier “50 % rabatt på alle sko”, bør dette også være i alt-teksten.
Riktig måte å skrive alt-tekst på:
<img src="salg.jpg" alt="50 % rabatt på alle sko – tilbud gjelder ut juni.">
Unngå å kun bruke “Salg” som alt-tekst, da dette ikke gir nok informasjon.
9. Skal jeg bruke alt-tekst på logoer?
Ja, men det avhenger av konteksten.
✅ Hvis logoen har en funksjon (f.eks. en lenke til hjemmesiden):
<img src="firma-logo.jpg" alt="Totalweb AS – Tilbake til forsiden">
(Dette gjør det klart hva logoen representerer og hva lenken gjør.)
🚫 Hvis logoen kun er dekorativ (f.eks. i en footer):
<img src="firma-logo.jpg" alt="">
(Bruk en tom alt-tekst slik at skjermlesere ignorerer den.)
10. Hvordan kan jeg teste om alt-teksten fungerer?
Slik tester du om du har skrevet en god alt-tekst:
- Beskriv bildet høyt uten å vise det til noen. Kan de forstå hva det viser?
- Bruk en skjermleser (f.eks. VoiceOver på Mac eller NVDA på Windows).
- Test nettstedet ditt med Google Lighthouse eller WAVE for å finne manglende eller dårlig alt-tekst.
Pro-tips: Hvis du har et WordPress-nettsted, kan du bruke SEOPress for å finne bilder uten alt-tekst direkte i adminpanelet.
Oppsummering: Ta kontroll over alt-tekst i dag!
- Alt-tekst forbedrer både SEO og tilgjengelighet – men bare hvis den brukes riktig.
- Ikke alle bilder trenger alt-tekst, men hvis bildet har en informasjonsverdi, bør det beskrives tydelig.
- Unngå keyword stuffing, men inkluder søkeord naturlig der det gir mening.
- Test nettstedet ditt jevnlig med verktøy som Google Lighthouse, Screaming Frog og skjermlesere.
Ved å følge disse retningslinjene vil du ikke bare forbedre nettstedets synlighet i Google, men også gjøre det mer brukervennlig for alle!