Dessutom välja rätt bilder och ordentligt förbereda dem för webben är att skriva bra alt-text en viktig uppgift som du aldrig bör försumma. Här är några tips för att skriva effektiv alt-text för din webbplats bilder.
Upprepa texten i bilden
Om en bild innehåller text bör den texten vara alt-texten. Du kan lägga till andra ord, men alt-texten ska säga samma sak som bilden. Till exempel bör en logotyp för Acme Widgets som innehåller de faktiska orden ha alt-text som innehåller dessa ord.
Tänk på att bilder som logotyper kan medföra text - till exempel den röda bollen i Dotdash-logotypen. Det är en prick, så hjärnan läser och kommer ihåg "prickstreck". Alt-texten för den ikonen kan vara "Dotdash.com", inte bara "företagslogotyp."
Håll texten kort
Ju längre din alt-text är, desto svårare är det att läsa för textwebbläsare. Det kan vara frestande att skriva långa meningar med alt-text (en vanlig praxis för nyckelordstoppning som kan medföra SEO-påföljder), men att hålla dina alt-taggar korta håller dina sidor mindre. Mindre sidor laddas ned snabbare. Den söta fläcken är mellan fem och 15 ord.
Använda dina SEO-nyckelord i Alt-taggar
Huvudsyftet med alt-taggen är inte att öka SEO-värdet, utan att visa intelligent text som förklarar vad bilden är. Informativ, relevant text för din alt-tagg har dock en positiv effekt på SEO-värdet.
Med det sagt är det bra att använda dina nyckelord i alt-text så länge de är relevanta. Det är osannolikt att sökmotorer straffar dig för att placera nyckelord där om innehållet du lägger till är vettigt. Kom bara ihåg att din första prioritet är dina läsare. Sökmotorer upptäcker spammning av nyckelord enkelt och sökmotorer ändrar regeln regelbundet för att motverka spammare.
Använd vanligtvis inte mer än ett nyckelord i din alternativa text.
Håll din text meningsfull
Kom ihåg att poängen med alt-text är att definiera bilder för dina läsare. Många webbutvecklare använder alt-text för sig själva och innehåller information som bildstorlek, filnamn och så vidare. Det här kan vara användbart för dig, men det gör ingenting för dina läsare - som är prioriteringen i någon webbdesign.
Använd endast tom Alt-text för ikoner och kulor
Med jämna mellanrum använder du bilder som inte har någon användbar beskrivande text, till exempel kulor och enkla ikoner. Det bästa sättet att använda dessa bilder är i CSS, där du inte behöver alternativ text. Men om du absolut måste ha dem i din HTML, använd ett tomt alt-attribut istället för att lämna det helt.
Det kan vara frestande att använda en karaktär som en asterisk för att representera en kula, men det kan vara mer förvirrande än att bara lämna den tom. Att använda texten "bullet" skulle göra ännu mer konstigt i en textwebbläsare.
Varför är Alt Text så viktigt, hur som helst?
Textwebbläsare och andra webbanvändaragenter som inte kan visa bilder använder alt-text för att "läsa" bilderna. Detta åstadkommer flera saker:
- Det gör din webbsidor tillgänglig för personer som använder en skärmläsare eller annan hjälpmedlet.
- Om en bild inte laddas, låter alt-texten tittaren veta vad som borde finnas där.
- Sökmotorer kan inte "se" bilder, men de kan och gör spider alt-text - så att inkludera alt text hjälper din sidas SEO-värde.