Hva er Alt -tekst og hvordan legge til Alt -tekst i bilder?

Alt-tekst er et HTML- attributt som viser en alternativ tekst når ikke-tekstlige elementer som bilder ikke kan vises i nettleseren. Ekte menneskelige brukere kan se og forstå bilder og tekstinnhold. Men søkemotorboter kan enkelt gjennomsøke tekstinnholdet, men medieinnhold som bilder er ikke lett for søkemotorer å gjennomsøke og indeksere i databasen. For å overvinne dette bør alle bildeelementer ha en alternativ tekst knyttet til det, slik at søkemotorer kan forstå mer om betydningen av elementet.

Det er tre hovedbruk for å legge til alternativ tekst til et bildeelement:

• For å hjelpe synshemmede brukere
• Vises i inkompatible nettlesere
• Hjelp søkemotorer

For synshemmede brukere

Vanligvis bruker brukere med visuelle problemer skjermlesere til å oversette nettsidens tekst til tale og lytte til innholdet. Igjen vil bilder bli et problem for skjermleserne hvis de ikke har et tekstinnhold knyttet til det. Når alt -tekst brukes med bilder, vil skjermlesere lese denne teksten som vanlig tekstinnhold.

For inkompatible nettlesere

Når nettleseren ikke kan vise et bilde på grunn av inkompatible eller øyeblikkelige serverproblemer, vil alt -teksten som tilskrives det bildet bli vist.

Alt tekst i ikke-kompatibelt bilde

For søkemotorboter

Siden søkerobotene ikke kan forstå bildene ordentlig, hjelper alt -tekst dem med å forstå betydningen av et bilde og indeksen i databasen riktig. Søkemotorer har separate robotsøkeprogrammer for bilder og webgjennomgang, slik at tilsvarende bilde- eller websøkeresultater effektivt kan vises til brukerne. Å legge til alternativ tekst til bilder er en vesentlig del av optimalisering av bilder for søkemotorer.

Syntaks

Alt -attributtet brukes som en del av HTML -bilde -taggen med alt -attributtet:

<img src="image URL" alt="short image description">

Legge til Alt -tekst til et bilde

Alt -tekst kan legges til et hvilket som helst bilde ved hjelp av syntaksen ovenfor som en del av HTML -bildemerket Weebly og WordPress som viser hvor enkelt det er å legge alt -tekst til bilder lastet opp på en side.

På Weebly nettstedbygger kan du laste opp bildet og bare klikke på bildet for å åpne popup -vinduet som vist nedenfor. Alt tekst kan enkelt legges til i ønsket tekstboks.

Alt tekst for Weebly Image

På en selvstendig WordPress-plattform når du laster opp et bilde, er det alternativer for å legge til tittel, bildetekst, beskrivelse og alt tekst.

Legger til Alt Text i WordPress

Guidelines for Alt Text

Alt tekst bør gi en passende betydning av et bilde for å gjøre det meningsfylt for alle de ovennevnte bruksområdene. Nedenfor er noen grunnleggende retningslinjer for nettredaktører for hvordan du legger til alt tekst til bilder:

• Alt -tekst kreves bare for at de meningsfulle bildene skal forstås av brukere og søkemotorer. For eksempel trenger et kryssmerkebilde som brukes på en punktliste på en nettside virkelig ikke en alt -tekst som "kryss". På samme måte kan dekorative bilder ha bildetekst uten alt -tekst.
• Gi kort, enkel og meningsfull tekst for bilder. Tenk hva om teksten som skal legges inn i tilfelle det ikke-tekstlige elementet ikke kan brukes på det stedet.
• Hvis bildene inneholder ord, er det lurt å bruke de samme ordene som alt -tekst.
• Sørg for at alt -teksten er på linje med hovedordene i hele artikkelen. Bruk av irrelevant tekst for bilder vil redusere søkerankingen siden søkeroboter tror det ikke er noen relevans mellom bildene og innholdet på siden.

1 Det faktiske navnet på et bilde har ingen innvirkning på SEO og brukeropplevelse.

2 Alt tekst er annerledes enn tittel, bildetekst og beskrivelse av et bilde.

3 WordPress har avanserte plugins som Yoast SEO som beregner SEO-poengsummen til siden ved å vurdere alt-tekstbeskrivelsene til bildene på den siden. Dette vil bidra til å justere alt -teksten og forbedre SEO -poengsummen.