Alt-text: Vad det är och hur man skriver det

Intro

I den här guiden får du lära dig mer om alternativ text (så kallad alt-text): vad det är, varför det är viktigt för SEO på sidan, hur du använder den på rätt sätt och mycket mer.

Alt-text förbises ofta, men varje bild på din webbplats bör ha det. Mer information är bättre, och att översätta visuell information till text är avgörande för sökmotorrobotar och användare med skärmläsare. Alt-texten är en informationskälla som kopplar samman idéer och innehåll på din webbplats.

Den här praktiska guiden innehåller tips och råd som du omedelbart kan använda för att förbättra din webbplats bild-SEO och tillgänglighet.

Vad är Alt-text?

Alternativ text (eller alt text) - även känd som alt-attributet eller alt-taggen (vilket inte är tekniskt korrekt eftersom det inte är en tagg) - är en text som beskriver bilden i HTML-koden.

Vad är användningen av Alt Text?

Den ursprungliga funktionen för alt-text var att beskriva en bild som inte kunde laddas. För många år sedan, när internet var långsammare, hjälpte alt-texten användarna att förstå innehållet i en bild som var för tung att ladda.

Idag hjälper alt-texten sökmotorrobotar att förstå bildens innehåll och sammanhang. Ännu viktigare är att alt-texten är avgörande för tillgängligheten och för personer som använder skärmläsare:

• För tillgänglighet: Alt-text hjälper personer med funktionsnedsättning (t.ex. personer som använder skärmläsare) att förstå bildens innehåll.

• För SEO: Alt-text ger sökmotorerna ytterligare sammanhang, vilket hjälper dem att förstå sidans innehåll bättre.

Varför Alt-text är viktigt

Webben är en visuell upplevelse, vilket gör alt-texten avgörande. Den översätter bildens innehåll till ord, vilket gör den tillgänglig för en bredare publik, inklusive personer med funktionsnedsättning och sökmotorrobotar som ännu inte är tillräckligt smarta för att fullt ut förstå varje bild, dess sammanhang och dess betydelse.

Varför Alt-text är viktigt för SEO

Alt-text är en viktig del av SEO-optimeringen på sidan. Korrekt alt-textoptimering förbättrar din webbplats chanser att rankas i Googles bildsökningar, vilket kan vara en betydande trafikkälla, särskilt för e-handelswebbplatser där användare ofta börjar sin produktsökning med en Google-bildsökning.

Varför Alt-text är viktigt för tillgängligheten

Utöver SEO är alt-text avgörande för tillgängligheten, vilket gör webben inkluderande för alla, inklusive personer med funktionsnedsättning som använder skärmläsare. Genom att beskriva bildens innehåll i alt-texten hjälper man dessa användare att förstå bilden och sidans innehåll.

Exempel på Alt-text

Exempel på bra Alt-text

Tänk på en SEO-revisionsguide som innehåller skärmdumpar från verktyg som Google Search Console och Screaming Frog. Bra exempel på alt-text inkluderar:

<img src="google-search-console-coverage-report.jpg" alt="The Coverage Report in Google Search Console showing the number of indexed and excluded pages">
<img src="google-search-console.jpg" alt="Google Search Console-verktyget från Google"> <img src="screaming-frog-html-pages.jpg" alt="Lista över HTML-sidor i Screaming Frog"> <img src="screaming-frog.jpg" alt="Screaming Frog crawl pågår"> <img src="screaming-frog.jpg" alt="Screaming Frog crawl pågår">

Exempel på dålig och / eller skräpig Alt-text

Exempel på dålig alt-text är keyword stuffing eller spamming:

<img src="google-search-console-coverage-report.jpg" alt="seo-revision gratis, seo-revision billig, seo-revisionsspecialist, seo-revision, seo-revisioner"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="seo auditor, seo audit, seo audits"> <img src="screaming-frog.jpg" alt="seo audit"> <img src="screaming-frog.jpg" alt="seo audit">

Vanliga misstag med Alt-text

• Underlåtenhet att använda alt-text eller användning av tom alt-text.

• Använda samma alt-text för olika bilder.

• Använda mycket allmän alt-text som inte beskriver bilden.

• Automatisk användning av filnamnet som alt-text.

Tips för att skriva Alt-text

• Stoppa inte in nyckelord i alt-texten.

• Beskriv bilden i detalj, men håll det relativt kort.

• Använd målnyckelord naturligt som en del av bildens beskrivning.

• Använd inte text på bilder. Lägg till all text i HTML-koden.

• Skriv inte "det här är en bild av". Beskriv bara bildens innehåll.

• Se till att du kan visualisera bildens innehåll genom att bara läsa dess alt-text.

Så här felsöker du Alt-text för bilder

Inspektera element

Inspektera ett element (högerklicka och välj Inspektera när du håller muspekaren över en bild) för att kontrollera om en viss bild har alt-text.

Bulkanalys

För massanalys kan du använda verktyg som Screaming Frog eller Sitebulb för att genomsöka webbplatsen och granska alt-texten för alla webbplatsbilder.

Alt-text kanske inte verkar vara en prioritet, men den är viktig

Varje källa till information om ditt innehåll har ett värde. Oavsett om det är för synskadade användare eller robotar hjälper alt-text till att sätta bilderna på din webbplats i ett sammanhang. Att visa ett engagemang för tillgänglighet är också en viktig del av modern digital marknadsföring.

VANLIGA FRÅGOR

Vad är syftet med alt-text i HTML?

Alt-text ger en textbeskrivning av en bild om den inte kan visas, vilket hjälper användarna att förstå bildinnehållet och hjälper sökmotorrobotar att förstå bildens ämne.

Kan alt-text förbättra tillgängligheten på webbplatser?

Ja, alt-text är viktigt för webbplatsens tillgänglighet. Den översätter visuell information till beskrivande text som kan läsas av skärmläsare som används av användare med synnedsättning, vilket gör webben mer inkluderande.

Genom att följa dessa tips kan du se till att bilderna på din webbplats är tillgängliga och optimerade för SEO, vilket förbättrar både användarupplevelsen och sökmotorernas prestanda.