Alt-tekst (alternativ tekst), også kendt som “alt-attributter”, “alt-beskrivelser”, eller teknisk set er forkert, da “alt” tags,” er brugt i et HTML-kode til at beskrive udseendet og funktionen af et billede på en side.
Alt tekst bruger:
1. Tilføjelse af alternativ tekst til fotos er først og fremmest et princip om accessibilityebtilgængelighed. Synshandicappede brugere, der bruger skærmlæsere, vil blive læst en alt-attribut for bedre at forstå et billede på siden.
2., Alt-tekst vises i stedet for et billede, hvis en billedfil ikke kan indlæses.
3. Alt-tekst giver bedre billedkontekst / beskrivelser til søgemaskinecra .lere, hvilket hjælper dem med at indeksere et billede korrekt.
den fremhævede tekst viser alt-teksten (alt-attributten) for billedet til venstre.
det bedste format for alt-tekst er tilstrækkeligt beskrivende, men indeholder ikke spammy-forsøg på nøgleordsudfyldning., Hvis du kan lukke øjnene, få nogen til at læse alt-teksten til dig og forestille dig en rimelig præcis version af billedet, er du på rette spor.
Lad os se på et par eksempler på alt-tekst til dette billede af en lækker udseende stak af blåbær pandekager:
Denne alt-tekst er kun “okay”, fordi det ikke er meget beskrivende. Ja, Dette er et billede af en stak pandekager. Men der er mere at sige om dette billede.,
god:
<img src="https://moz.com/learn/seo/pancakes.png" alt="Stack of blueberry pancakes with powdered sugar">
denne alt-tekst er et bedre alternativ, fordi den er langt mere beskrivende for, hvad der er på billedet. Dette er ikke kun en stak “pandekager” (som det første alt-teksteksempel demonstrerede); det er en stak blåbærpandekager med en støvning af pulveriseret sukker!
<img src="https://moz.com/learn/seo/pancakes.png" alt="pancake pancakes pan cake hotcakes hotcake breakfast food best breakfast top breakfasts breakfast recipes pancake recipe">
ingen af disse eksempler er anbefalet., Den første linje med kode indeholder faktisk slet ingen alt-tekst (bemærk, at citaterne er tomme), mens det andet eksempel demonstrerer nøgleordsfyldning i alt-tekst.
Hvorfor er Alt-tekst vigtig?
tilgængelighed
Alt-tekst er et princip om tilgængeligt webebdesign. Dens oprindelige (og stadig primære) formål er at beskrive billeder til besøgende, der ikke er i stand til at se dem. Dette inkluderer skærmlæsere og bro .sere, der blokerer billeder, men det inkluderer også brugere, der er synshandicappede eller på anden måde ikke er i stand til visuelt at identificere et billede., Inklusive alt-tekst med dine billeder sikrer, at alle brugere, uanset visuel evne, kan sætte pris på indholdet på dit .ebsted.
Image SEO
brug af alt-tekst på dine billeder kan give en bedre brugeroplevelse, men det kan også hjælpe dig med både eksplicitte og implicitte SEO-fordele. Sammen med implementering af billedtitel og filnavngivning bedste praksis, herunder alt-tekst kan også bidrage til image SEO.,
mens søgemaskinens billedgenkendelsesteknologi er meget forbedret gennem årene, kan søgecra .lere stadig ikke “se” billederne på en websiteebstedsside, som vi kan, så det er ikke klogt at lade fortolkningen udelukkende være i deres hænder. Hvis de ikke forstår eller får det forkert, er det muligt, at du enten kan rangere for utilsigtede søgeord eller gå glip af ranking helt.
Her er et eksempel: Google kan se følgende billede og være i stand til at dechiffrere, at det er en mand iført slips og briller, der sidder ved et skrivebord.,
Jim Halpert fra Office (US version)
Hvis du prøver at rang for “Jim Halpert er personifikation af Dwight Schrute,” men du bliver nødt til at låne den søgemaskine, en hjælpende hånd.
i den forstand giver alt te .t dig en anden mulighed for at inkludere dit mål søgeord., Med brug af søgeord på siden, der stadig trækker vægt som en søgemaskinerangeringsfaktor, er det i din bedste interesse at oprette alt-tekst, der både beskriver billedet og om muligt indeholder et søgeord eller et søgeordssætning, du målretter mod.
Hvordan skriver jeg god alt-tekst?
beskriv billedet så specifikt som muligt. Alt-tekst er først og fremmest designet til at give tekstforklaringer af billeder til brugere, der ikke kan se dem. hvis et billede virkelig ikke formidler nogen mening/værdi og bare er der til designformål, skal det leve inden for CSS, IKKE html.,
hold det (relativt) kort. De mest populære skærmlæsere afskærer alt-tekst på omkring 125 tegn, så det er tilrådeligt at holde det til det tegnantal eller mindre.
Brug dine søgeord Alt tekst giver dig en anden mulighed for at inkludere dit mål søgeord på en side, og dermed en anden mulighed for at signalere til søgemaskiner, at din side er meget relevant for en bestemt søgeforespørgsel., Mens din første prioritet skal beskrive og give kontekst til billedet, hvis det giver mening at gøre det, skal du medtage dit søgeord i alt-teksten på mindst et billede på siden.
undgå nøgleordsfyldning. Google vil ikke dock du point for dårligt skrevet alt-tekst, men du vil være i problemer, hvis du bruger din alt-teksten som en mulighed for at proppe så mange relevante søgeord, som du kan tænke på til det. Fokuser på at skrive beskrivende alt-tekst, der giver kontekst til billedet og om muligt inkluderer dit mål søgeord, og lad det være ved det.
brug ikke billeder som tekst., Dette er mindre af en alt-tekst-specifik bedste praksis og mere af en generel SEO-venlig tenebudvikling tese. Da søgemaskiner ikke kan læse tekst i dine billeder, bør du undgå at bruge billeder i stedet for ord. Hvis du skal gøre det, skal du forklare, hvad dit foto siger i din alt-tekst.
Medtag ikke “billede af”, “billede af” osv. i din alt-tekst. Det antages allerede, at din alt-tekst henviser til et billede, så det er ikke nødvendigt at specificere det.
glem ikke longdesc=””. Udforsk ved hjælp af longdesc=”” tag for mere komplekse billeder, der kræver en længere beskrivelse.,
Undlad at forsømme formknapper. Hvis en formular på dit websiteebsted bruger et billede, da det er “Send” – knappen, skal du give det en alt-attribut. Billedknapper skal have en alt-attribut, der beskriver funktionen af knappen som “søg”,” Anvend nu”,” Tilmeld dig ” osv.
Bedre alt-tekst: <img src="https://moz.com/learn/seo/kwe.png" alt="keyword research in Keyword Explorer">
Bedste alt-tekst: <img src="https://moz.com/learn/seo/kwe.png" alt="Moz Keyword Explorer tool for SEO keyword research">
lærer
Google ‘ s Image at Offentliggøre Retningslinjer
On-Page Ranking Faktorer
Meta Description
Sætte dine evner til at arbejde
Den Side Optimering del af Moz Pro højdepunkter sider, der ikke lever op til fuld søgning synlighed potentiale (og indeholder ting som, hvorvidt en side, der mangler alt-tekst)., Prøv det >>
