TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Vad är Alt Text och hur lägger jag till Alt Text till bilder?

25

Alt text är ett HTML- attribut som visar en alternativ text när icke-textuella element som bilder inte kan visas i webbläsaren. Verkliga mänskliga användare kan se och förstå bilder och textinnehåll. Men sökmotorbots kan enkelt genomsöka textinnehållet men medieinnehållet som bilder är inte lätt för sökmotorer att genomsöka och indexera i databasen. För att övervinna detta bör alla bildelement ha en alternativ text associerad med den så att sökmotorer kan förstå mer om elementets betydelse.

Det finns tre huvudsakliga användningsområden för att lägga till alternativ text till ett bildelement:

  • För att hjälpa synskadade användare
  • Visas i inkompatibla webbläsare
  • Hjälp sökmotorbots

För synskadade användare

I allmänhet använder användare med visuella problem skärmläsare för att översätta webbsidans text till tal och lyssna på innehållet. Återigen kommer bilder att bli problem för skärmläsarna om de inte har ett textinnehåll kopplat till det. När alt -text används med bilder läser skärmläsare denna text som normalt textinnehåll.

För inkompatibla webbläsare

När webbläsaren inte kan visa en bild på grund av inkompatibla eller tillfälliga serverproblem, kommer alt -texten som tilldelas bilden att visas.

Vad är Alt Text och hur lägger jag till Alt Text till bilder?

Alt-text i icke-kompatibel bild

För sökmotorbots

Eftersom sökrobotar inte kan förstå bilder korrekt hjälper alt -text dem att förstå betydelsen av en bild och indexera i databasen korrekt. Sökmotorer har separata sökrobotar för bilder och webbsökning så att motsvarande bild- eller webbsökresultat effektivt kan visas för användare. Att lägga till alternativ text till bilder är en viktig del för att optimera bilder för sökmotorer.

Syntax

Alt -attributet används som en del av HTML -bildtaggtaggen med alt -attributet:

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

Lägga till Alt Text till en bild

Alt -text kan läggas till vilken bild som helst med hjälp av ovanstående syntax som en del av HTML -bildtaggen Weebly och WordPress som visar hur enkelt det är att lägga till alt -text till bilder som laddas upp på en sida.

På Weebly webbplatsbyggare kan du ladda upp bilden och bara klicka på bilden för att öppna popupen som visas nedan. Alt -text kan enkelt läggas till i önskad textruta.

Vad är Alt Text och hur lägger jag till Alt Text till bilder?

Alt -text för Weebly -bild

På egen värd WordPress-plattform när du laddar upp en bild finns det alternativ för att lägga till titel, bildtext, beskrivning och alt-text.

Vad är Alt Text och hur lägger jag till Alt Text till bilder?

Lägga till Alt Text i WordPress

Riktlinjer för Alt Text

Alt-text bör ge en lämplig mening för en bild för att göra den meningsfull för alla ovan nämnda användningsområden. Nedan följer några grundläggande riktlinjer för webbansvariga för hur du lägger till alt -text till bilder:

  • Alt -text krävs bara för att de meningsfulla bilderna ska förstås av användare och sökmotorer. Till exempel behöver en bockmarkeringsbild som används för en punktlista på en webbsida verkligen inte en alt -text som "bockmarkering". På samma sätt kan dekorativa bilder ha bildtext utan alt -text.
  • Ge kort, enkel och meningsfull text för bilder. Tänk om texten som ska skrivas in om det icke-textuella elementet inte kan användas på den platsen.
  • Om bilderna innehåller ord är det bra att använda samma ord som alt -text.
  • Se till att alt -texten är i linje med de viktigaste sökorden i hela artikeln. Att använda irrelevant text för bilder kommer att minska sökrankningen eftersom sökrobotar tror att det inte finns någon relevans mellan bilderna och innehållet på den sidan.

1 Det faktiska namnet på en bild har ingen inverkan på SEO och användarupplevelse.

2 Alt text är annorlunda än titel, bildtext och beskrivning av en bild.

3 WordPress har avancerade plugins som Yoast SEO som beräknar SEO-poängen på sidan genom att beakta alt-textbeskrivningarna av bilderna på den sidan. Detta hjälper till att justera alt -texten och förbättra SEO -poängen.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer