Alt-tekst (alternativ tekst), også kjent som «alt-attributter», «alt-beskrivelser», eller teknisk feil som «alt tags,» er brukt i en HTML-koden til å beskrive utseende og funksjon av et bilde på en side.
Alt-teksten bruker:
1. Å legge til alternativ tekst til bilder er først og fremst et prinsipp av web accessibility. Synshemmede brukere som bruker skjermlesere vil bli lest en alt-attributtet til å bedre forstå et bilde på siden.
2., Alt-tekst vil vises i stedet for et bilde hvis et bilde ikke kan lastes inn.
3. Alt-tekst gir bedre bilde kontekst/beskrivelser for å søkeroboter, og å hjelpe dem til å indeksere et bilde på riktig måte.
Den uthevede teksten viser alternativ tekst (alt-attributtet) på bildet til venstre.
Det beste formatet for alt-tekst er tilstrekkelig beskrivende, men som ikke inneholder noen spammy forsøk på å keyword stuffing., Hvis du kan lukke øynene, har noen til å lese alt-teksten for deg, og tenk deg en rimelig nøyaktig versjon av bildet, er du på rett spor.
La oss se på noen få eksempler på alt-tekst for dette bildet av en deilig ute i bunken av blåbær pannekaker:
Denne alt-tekst er bare «greit» fordi det er ikke veldig beskrivende. Ja, dette er et bilde av en stabel med pannekaker. Men, det er mer å si om dette bildet.,
Bra:
<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 det er langt mer beskrivende for hva som er i bildet. Dette er ikke bare en stabel av «pannekaker» (som den første alt-tekst eksempel vist); det er en stabel av blåbær pannekaker med en skur av melis!
<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 av disse eksemplene er anbefalt., Den første linjen med kode som faktisk ikke inneholder noen alt-tekst på alle (legg merke til anførselstegnene er tom), mens det andre eksemplet viser keyword stuffing i alt-teksten.
Hvorfor er Alt-Tekst Viktig?
Tilgjengelighet
Alt-tekst er en grunnsetning av tilgjengelige web-design. Den opprinnelige (og fortsatt primære formål er å beskrive bilder til besøkende som er ute av stand til å se dem. Dette inkluderer skjermlesere og nettlesere som blokkerer bilder, men det inkluderer også brukere som er syn-svekket eller på annen måte ute av stand til å visuelt identifisere et bilde., Inkludert alt-tekst med bilder sikrer at alle brukere, uavhengig av visuelle evner, kan sette pris på innholdet på nettstedet ditt.
Bilde SEO
ved Hjelp av alt-tekst på bilder kan gjøre for en bedre brukeropplevelse, men det kan også bidra til å gi deg både eksplisitt og implisitt SEO fordeler. Sammen med implementering bilde tittel og filnavn beste praksis, inkludert alt-teksten kan også bidra til bilde SEO.,
Mens search engine image anerkjennelse teknologi er betydelig forbedret gjennom årene, søk søkeroboter fortsatt ikke kan «se» bilder på en nettside som vi kan, så det er ikke lurt å la tolkning utelukkende i sine hender. Hvis de ikke forstår, eller det er feil, det er mulig du kan enten rangering for utilsiktede søkeord eller gå glipp av rangeringen i sin helhet.
Her er et eksempel: Google kan du se følgende bilde og bli i stand til å tyde på at det er en mann iført slips og briller, som sitter ved et skrivebord.,
Jim Halpert fra Office (AMERIKANSK versjon)
Hvis du prøver å rangere for «Jim Halpert er etterligning av Dwight Schrute,» skjønt, trenger du å låne søkemotoren en hjelpende hånd.
I den forstand, alt-tekst gir deg en mulighet til å inkludere dine mål søkeordet., Med on-side søkeord bruk fortsatt å trekke vekt som en søkemotor rangering faktor, det er i din beste interesse å skape alt-tekst som beskriver både bildet og, hvis mulig, har et nøkkelord eller en frase du målretter mot.
Hvordan skal jeg skrive en god alt-tekst?
– >
Beskrive bildet så konkret som mulig. Alt-tekst er først og fremst utformet for å gi teksten forklaringer av bilder for brukere som er i stand til å se dem. hvis et bilde virkelig ikke formidle noen mening/verdi og er bare der for design hensikt, bør det bor innenfor CSS, ikke HTML.,
Hold den (relativt) kort. De mest populære skjermlesere kuttet av alt-tekst på rundt 125 tegn, så det er tilrådelig å holde det til at antall tegn eller mindre.
Bruk søkeordene Alt-tekst gir deg en mulighet til å inkludere dine mål søkeordet på en side, og dermed en mulighet for å fortelle søkemotorene at siden din er relevante for et bestemt søk., Mens din første prioritet bør være å beskrive og å gi kontekst for bildet, hvis det er fornuftig å gjøre det, inkluderer søkeordet i alt-tekst på minst ett bilde på siden.
Unngå keyword stuffing. Google vil ikke dock du poeng for dårlig skrevet alt-tekst, men du vil være i trøbbel hvis du bruker alt-teksten som en mulighet til å stappe så mange relevante søkeord som du kan tenke på det. Fokus på å skrive beskrivende alt-teksten som gir kontekst til bildet, og hvis mulig, omfatter dine mål søkeordet, og la det bli med det.
ikke bruk bilder som tekst., Dette er mindre av et alt-tekst-spesifikke beste praksis og mer av en generell SEO-vennlig web-utvikling underliggende premiss. Fordi søkemotorer kan ikke lese teksten i bildene dine, bør du unngå å bruke bilder i stedet for ord. Hvis du må gjøre det, forklarer du hva bildet ditt sier i din alt-tekst.
ikke ta bilde av,» «bilde av» osv. i alt-teksten. Det er allerede antatt din alt-teksten henviser til et bilde, så det er ikke nødvendig å spesifisere det.
ikke glem longdesc=»». Utforsk bruke longdesc=»» tag for mer komplekse bilder som krever en lengre beskrivelse.,
ikke overse form knapper. Hvis et skjema på nettstedet ditt bruker et bilde som det er «send inn» – knappen, vil du gi det et alt-attributt. Bildet knappene bør ha et alt-attributt som beskriver funksjonen til knappen som, «søk», «søk nå», «sign up», osv.
Bedre alternativ tekst: <img src="https://moz.com/learn/seo/kwe.png" alt="keyword research in Keyword Explorer">
Beste alt-tekst: <img src="https://moz.com/learn/seo/kwe.png" alt="Moz Keyword Explorer tool for SEO keyword research">
Holde læring
Google ‘ s Bilde Publisering Retningslinjene
På-Siden Rangeringen Faktorer
Meta Beskrivelse
Sette dine ferdigheter til å jobbe
Siden Optimalisering delen av Moz Pro høydepunkter sider som ikke lever opp til full søk synlighet potensial (og inkluderer ting som om en side er manglende alt-tekst)., Prøv det >>
