ALT-text för SEO – Vad är alt-taggar och hur påverkar det SEO?

Alt-text (alternativ text), ibland kallat alt-taggar, är en beskrivande text som används för att förklara innehållet i en bild på en webbsida. Alt-texten är avsedd att tillhandahålla en textbaserad representation av bilden för personer med synnedsättning eller för användare vars webbläsare inte kan visa bilder.

Alt-text och bildtext är olika saker

En synlig bildtext ersätter inte automatiskt alt-texten. Bedöm vad bilden tillför i sitt sammanhang. En dekorativ bild behöver normalt tom alt-text, medan ett diagram kan behöva en förklaring i brödtext eller tabell. Filstorlek och format behandlas separat i vår guide till bildoptimering.

Vilken betydelse har alt-texten?

Tolkar bilderna för synskadade

Alt-texten är avgörande för personer med synnedsättning eftersom skärmläsare använder den för att beskriva bildens innehåll. Genom att lägga till en detaljerad och noggrann alt-text möjliggör man att även personer med synnedsättning kan förstå och uppskatta innehållet på webbsidan.

Synas i bildsöket

Alt-texten spelar också en roll i sökmotoroptimering (SEO). Sökmotorer använder bland annat bildanalys, alt-text och sidans övriga innehåll för att förstå bilder. Genom att använda relevanta och beskrivande alt-taggar kan man förbättra chanserna att bilden syns i bildsökresultat.

Öka relevans på sidan

Alt-texten kan också påverka den övergripande relevansen webbsidan. Genom att använda relevanta beskrivningar i alt-taggar kan man hjälpa sökmotorer att förstå ämnet på sidan och förbättra sidans rankning i sökresultat. 

Att tänka på när du skriver alt-texter

Det kan finnas en viss fördel för SEO att få med sökordet man vill synas på i alt-texten. Däremot kan det samtidigt vara negativt att ljuga om vad bilden innehåller då Google kan se detta som att man försöker manipulera deras algoritm. 

Beskriv bildens innehåll och funktion i sammanhanget, kort och tydligt. ”Röda Nike-skor” kan passa en produktbild, medan ”Löpare med röda skor på en löparbana” kan passa en annan bild. Dekorativa bilder som inte tillför information ska normalt ha tom alt-text, alt="", så att skärmläsaren kan hoppa över dem.

Hur lägger man till alt-text på sin hemsida?

För att lägga till alt-taggar kan man följa dessa steg:

Lägga till alt attribut i HTML

Om du vill lägga till alt-attribut i HTML lägger du in alt="". Inom citattecknen skriver du det alt-attribut du vill använda. På följande sätt:

Lägga till alt attribut i WordPress

• Klicka på "Lägg till media" när du redigerar en inlägg eller sida.
• Välj den bild du vill lägga till alt-texten för.
• I fönstret för att lägga till bildinformation, fyll i alt-textfältet med en beskrivning av bilden.
• Spara ändringarna och uppdatera sidan för att se alt-texten i HTML-koden.

Lägga till alt-texter automatiskt utifrån produktens namn

Många e-handelssystem lägger idag till alt-texter automatiskt utifrån produktens namn och attribut. Detta gör att du automatiskt kan tagga upp alla dina produktbilder automatiskt med passande alt-texter. Detta sparar dig tid och är fördelaktigt ifall du befinner dig i en bransch där produktens utseende är avgörande inför köp av din produkt.

Ta hjälp av oss på Viseo

Vi har många kunder vars försäljning till relativt stor del kommer från just bildsöket.

Vill du ha hjälp av oss med att synas högre i bildsöket, att synas högre generellt eller att effektivisera din Google Ads-konto? Hör av dig idag så pratar vi vidare!