Sådan skriver du stor alt-tekst til webstedsbilleder

I tillæg til vælge de rigtige billeder og korrekt forberede dem til internettet er det at skrive stor alt-tekst en afgørende opgave, som du aldrig bør forsømme. Her er et par tip til at skrive effektiv alt-tekst til dit websteds billeder.

Gentag tekst i billedet

Hvis et billede har tekst i sig, skal teksten være alt-teksten. Du kan tilføje andre ord, men alt-teksten skal sige det samme som billedet. For eksempel skal et logo til Acme-widgets, der indeholder de faktiske ord, have alt-tekst, der inkluderer disse ord.

Husk, at billeder som logoer kan indebære tekst - f.eks. den røde kugle i Dotdash-logoet. Det er en prik, så hjernen læser og husker "dot dash." Alt-teksten til dette ikon kan være "Dotdash.com", ikke kun "firmalogo."

Dot dash logo
 Lifewire

Hold teksten kort

Jo længere din alt-tekst er, jo sværere er det at læse for tekstbrowsere. Det kan være fristende at skrive lange sætninger af alt-tekst (en almindelig praksis med nøgleordstopning, der kan medføre SEO-sanktioner), men at holde dine alt-tags korte holder dine sider mindre. Mindre sider downloades hurtigere. Den søde plet er mellem fem og 15 ord.

instagram viewer

Brug af dine SEO-nøgleord i Alt-tags

Hovedformålet med alt-tagget er ikke at øge SEO-værdien, men at vise intelligent tekst, der forklarer, hvad billedet er. Informativ, relevant tekst til dit alt-tag har dog en positiv effekt på SEO-værdien.

Når det er sagt, er det en god praksis at bruge dine søgeord i alt-tekst, så længe de er relevante. Det er usandsynligt, at søgemaskiner straffer dig for at sætte nøgleord der, hvis det indhold, du tilføjer, giver mening. Husk bare, at din første prioritet er dine læsere. Søgemaskiner opdager søgeordsspamming let, og søgemaskiner ændrer ofte deres regler for at forhindre spammere.

Brug generelt ikke mere end et nøgleord i din alternative tekst.

Hold din tekst meningsfuld

Husk, at pointen med alt-tekst er at definere billeder til dine læsere. Mange webudviklere bruger alt-tekst til sig selv og inkluderer information såsom billedstørrelse, filnavne og så videre. Dette kan være nyttigt for dig, men det gør intet for dine læsere - som er prioriteten i ethvert webdesign.

Brug kun tom alt-tekst til ikoner og kugler

Med jævne mellemrum bruger du billeder, der ikke har nogen nyttig beskrivende tekst, såsom kugler og enkle ikoner. Den bedste måde at bruge disse billeder på er i CSS, hvor du ikke har brug for alternativ tekst. Men hvis du absolut skal have dem i din HTML, brug en tom alt-attribut i stedet for at lade den være helt slukket.

Det kan være fristende at bruge et tegn som en stjerne til at repræsentere en kugle, men det kan være mere forvirrende end blot at lade det være tomt. Brug af teksten "kugle" ville gengive endnu mere underligt i en tekstbrowser.

Hvorfor er alt-tekst så vigtigt?

Tekstbrowsere og andre webbrugeragenter, der ikke kan se billeder, bruger alt-tekst til at "læse" billederne. Dette udfører flere ting:

  • Det gør din web sider tilgængelig for personer, der bruger en skærmlæser eller anden assisteret enhed.
  • Hvis et billede ikke indlæses, giver alt-teksten seeren, hvad der skal være der.
  • Søgemaskiner kan ikke "se" billeder, men de kan og gør spider alt-tekst - så inkludering af alt tekst hjælper din sides SEO-værdi.