Hur lägger man till ALT-attributet till en bild på rätt sätt?

Innehållsförteckning:

Hur lägger man till ALT-attributet till en bild på rätt sätt?
Hur lägger man till ALT-attributet till en bild på rätt sätt?
Anonim

Varje webbsida skapas med hjälp av markup - kod som är skriven på ett speciellt tillhandahållet språk (oftast HTML). Användarens webbläsare kan i sin tur läsa denna kod för att korrekt visa all information som skaparna av resursen ville förmedla till oss. Det visar sig att alla element som vi ser på en webbsida tillhandahålls av källkoden för webbplatsen vi besöker.

Kodoptimering

ställ in ALT-attributet
ställ in ALT-attributet

Som du kan gissa har varje bokstav i den här koden, varje symbol en betydelse. Intressant nog händer det att webbplatsen visuellt inte innehåller de element som är extremt viktiga för dess optimering (vilket betyder korrekt inställning av resursen för sökmotorer). ALT-attributet kan tillskrivas antalet sådana knappt märkbara, till exempel. Det finns på sidorna i många resurser, och väldigt ofta märker vi det helt enkelt inte.

I den här artikeln vill vi uppmärksamma just denna del av webbdesign. Här kommer vi att berätta varför det är så viktigt för korrekt rankning av webbplatsen, tillväxten av dess trafik och användarens bekvämlighet att arbeta med den.

Vad är ALT-attributet?

Låt oss börja från början: vi kommer att beskriva vad den här artikeln handlar omtal och varför vi behöver det här attributet överhuvudtaget.

ALT-attribut
ALT-attribut

Så, för att förstå den här texten måste du först förstå HTML-kodspråket. Detta är koden som de grundläggande webbsidorna skrivs på, som, som redan nämnts, har egenskapen att visas i webbläsaren. Hela språket består av speciella attribut (som IMG, ALT, FONT och så vidare). Var och en av dem ansvarar för att arbeta med ett eller annat designelement. I praktiken används "Image"-attributet ovan för bilder som kan hittas på webbsidor. Mer specifikt, med dess hjälp skapas en beskrivning för bilderna, enligt vilken användaren (webbplatsbesökaren) enkelt kan förstå vad som visas på dem. Säkert har du själv stött på sådana beskrivningar - de dyker upp när du för musen över bilden.

Praktiskt värde

Naturligtvis tillämpas dessa attribut i praktiken av en anledning. Webbansvariga behöver beskrivningar för sina bilder lika mycket som webbplatsbesökare (förmodligen fler). När allt kommer omkring, om alla bilder saknar ALT-attributet kanske en person inte ens märker detta om förklarande texter läggs till bilderna på sidan. Å andra sidan kanske sökrobotar (med en tom ALT) inte rankar webbplatsen tillräckligt högt, minskar dess position i sökresultaten och kommer därför inte att få in tillräckligt många besökare. Därför kan vi med tillförsikt säga att beskrivningarna för bilderna på webbplatsen också spelar en viktig roll för webbansvariga själva, så de kan inteförsummelse.

Alla synliga bilder saknar ALT-attributet
Alla synliga bilder saknar ALT-attributet

Bonuser från sökmotorer

För att bättre förstå fördelarna med korrekt ifyllda beskrivningstaggar för bilder, låt oss ge ett litet exempel. Låt oss säga att det finns en webbplats med bilder på den. Om ALT-attributet inte är inställt kommer användaren inte att lida, eftersom han i alla fall kommer att se vad som visas på ett visst foto. Ett helt annat resultat väntar ägaren av resursen, som kommer att försumma taggen ovan, på grund av vilket han kommer att förlora en del av trafiken från exempelvis bildkataloger.

Hur skriver man ALT-attributet?

Tekniskt är det inget svårt att fylla i en beskrivning under den eller den bilden. Detta är uppenbart: du måste gå till HTML-redigeraren på din webbplats och hitta bildkoden (börjar med IMG och slutar med samma). Inuti detta kodblock finns kod. Detta är vad de menar när de säger att du behöver skriva ALT-attributet. Detta görs så här: " alt=""beskrivning".

Om du inte arbetar med ren kod, utan använder någon separat "motor" för webbplatsen (till exempel Wordpress eller Joomla), integrerar den en speciell mekanism för att lägga till " alts" genom vilken vår webbplats kommer att komma ihåg av sökmotorer. Om du fyller i en ny ALT finns uppdateringen på din sida.

Vad skriver de i attributet?

När du har till uppgift att skriva ALT-attributet, tänker du naturligtvis inte på teknisktsida. Oftast ställs denna fråga om webmastern inte vet vilken information han behöver lämna om en viss bild. Detta gör det svårt att säga vilken information som kommer att gynna webbplatsen ur sökmotorernas synvinkel.

I praktiken finns det många sätt att lösa beskrivningsproblemet. Någon arbetar med typiska mallar, enligt vilka taggen helt enkelt fylls med nyckelord som sidan är skapad för. Kanske är detta den vanligaste metoden som kan hittas ofta. Ibland, istället för att leta efter hur man skriver ALT-attributet, lämnar användaren helt enkelt detta utrymme tomt. Det bör förtydligas här att var och en fattar sina egna beslut om vilken beskrivning som ska anges.

alt-attribut saknas
alt-attribut saknas

Requirements

Samtidigt finns det flera grundläggande regler (eller, om du vill, krav) enligt vilka alla kan lägga ihop det ideala attributet för sina bilder. De består av ett litet antal föremål, som var och en hänvisar till beskrivningarna av foton och bilder på sajten.

Till exempel är det första sådana kravet längden på hela texten. Om du letar efter hur man skriver ALT-attributet korrekt är lösningen elementär: använd inte mer än 2-3 ord. Text av denna storlek kommer för det första att läsas av en sökrobot (och göra din webbplats mer relevant); för det andra är en sådan beskrivning mer begriplig för användarna själva. Håller med, läs hela meningen, vill du bara veta vad som visas på bilden så är det ingen som gör det. Det räcker med att vara kort och exakt.en beskrivning som kommer att vara användbar för både dig och dina kunder.

Glöm inte innebörden. Om du lägger upp ett foto på en elefant, se till att beskriva dess ras eller historia; ange varför det är avbildat på det här fotot, vad du vill säga med detta. Det skulle vara till hjälp för besökaren att veta vad du tycker om den här elefanten.

En annan viktig punkt (som fastställdes under loppet av många praktiska tester) är unikhet. Om du letar efter hur du lägger till "Image"-attributet till en bild, kom ihåg att det måste vara unikt för var och en av de listade fotona på webbplatsen. Till exempel, att publicera tre bilder i rad med bildtexten "min elefant" kommer att vara fel - detta kommer bara att skada din resurs i sökresultaten. Det är bättre att namnge bilderna "elefant 1" och "elefant 2", vilket gör dem mer unika.

Tänk slutligen på parametrarna för själva bilderna du letar efter hur du lägger till ALT-attributet. För bilder är det viktigt att uppfylla ett antal kriterier – att inte vara för liten, att se realistisk ut. Det vill säga, om du anger en beskrivning, gör det då för mer seriösa bilder som beaktas mer tungt. Kvalificera inte "Image"-attributet för några små uttryckssymboler eller något liknande.

Sök ALT

Slutligen pratade vi om grunderna för ett attribut, några av reglerna för dess sammanställning och kraven från båda parter (både användare och sökrobotar) till dem. Låt oss nu tänka: hur man söker efter nyckelord och fraser,som vi kommer att ordinera på vår hemsida? Som nämnts ovan bör sökningen riktas mot färdiga databaser med sökord som verkligen börjar locka kunder till din webbplats. Detta kan naturligtvis inte uppnås om du fortfarande saknar ALT-attributet. Ta färdiga sökord och fraser som du använder i ditt innehåll och klistra in dem i bilder.

Om du inte har sådan information och du inte alls har tänkt på att gradvis börja marknadsföra din resurs, föreslår vi att du börjar leta efter databaser med sådana "sökord" som du enkelt kan skapa nya webbplatser med. För detta är tjänster som Google Keyword Extract Tool eller Yandex. Wordstat perfekta, som visar sökstatistik för vissa fraser. Genom att "leka" med dessa inställningar kan du avsevärt öka andelen söktrafik på dina sajter och därigenom börja skörda nya fördelar. Det viktigaste är att undvika en situation där alla synliga bilder saknar ALT-attributet.

slutsatser

Så, vad kan vi säga om attributet som beskrivs i den här artikeln? Det är en del av det språk som de enklaste webbplatserna skapas på - HTML. Det är väldigt lätt att göra detta, eftersom det beskriver ett elementärt, grundläggande språk. För att fortfarande registrera taggen i bilder måste du självständigt utfärda den via källkoden. Eller, med hjälp av de nya instruktionerna, börja göra ut igen. Hur som helst, att tagga "Bild" är det perfekta fallet för ömsesidig nytta när både besökaren och ägaren av resursen är nöjda.

Indikering av en tagg kan leda till nyabesökare - detta fenomen observeras särskilt ofta på tjänster som Google och Yandex Images. När du klickar på en bild bestämmer webbplatsen självständigt källan från vilken bilden togs och omdirigerar besökaren. Och detta är, som du förstår, väldigt viktigt att kunna göra i framtiden.

Rekommenderad: