Minden weboldal jelöléssel jön létre – olyan kóddal, amely egy speciális nyelven (leggyakrabban HTML) van írva. A felhasználó böngészője pedig el tudja olvasni ezt a kódot, hogy megfelelően megjelenítse mindazokat az információkat, amelyeket az erőforrás készítői közölni akartak velünk. Kiderült, hogy az összes olyan elemet, amelyet egy weboldalon látunk, a meglátogatott webhely forráskódja biztosítja.
Kódoptimalizálás
Amint azt sejtheti, ennek a kódnak minden betűje, minden szimbólum jelentése van. Érdekes módon előfordul, hogy az oldal vizuálisan nem tartalmazza azokat az elemeket, amelyek az optimalizálása szempontjából rendkívül fontosak (értsd: az erőforrás helyes beállítása a keresőmotorok számára). Az ALT attribútum például az ilyen alig észrevehetőek számának tudható be. Számos forrás oldalán megtalálható, és nagyon gyakran egyszerűen nem vesszük észre.
Ebben a cikkben a webdizájnnak csak erre az elemére szeretnénk felhívni a figyelmet. Itt elmondjuk, miért olyan fontos ez a webhely helyes rangsorolása, forgalmának növekedése és a felhasználó kényelme szempontjából.
Mi az ALT attribútum?
Kezdjük a legelején: leírjuk, miről szól ez a cikkbeszéd és miért van egyáltalán szükségünk erre az attribútumra.
Tehát a szöveg megértéséhez először meg kell értenie a HTML jelölőnyelvet. Ez az a kód, amelyre az alapvető weboldalak vannak írva, amely, mint már említettük, az a tulajdonsága, hogy megjelenik a böngészőben. Az egész nyelv speciális attribútumokból áll (például IMG, ALT, FONT stb.). Mindegyikük felelős azért, hogy egy vagy másik design elemmel dolgozzon. A gyakorlatban a fent említett "Image" attribútumot a weboldalakon található képekhez használják. Pontosabban, segítségével a képekhez leírás készül, amely szerint a felhasználó (oldal látogatója) könnyen megérti a rajtuk látható dolgokat. Biztosan Ön is találkozott már ilyen leírásokkal – ezek akkor jelennek meg, ha a kép fölé viszi az egeret.
Gyakorlati érték
Természetesen ezeket az attribútumokat a gyakorlatban okkal alkalmazzák. A webmestereknek éppúgy szükségük van leírásra a képeikhez, mint a webhely látogatóihoz (valószínűleg többet). Hiszen ha minden képből hiányzik az ALT attribútum, akkor ezt az ember észre sem veheti, ha magyarázó szövegeket adnak a képekhez az oldalon. Másrészt előfordulhat, hogy a keresőrobotok (üres ALT-vel) nem rangsorolják elég magasra az old alt, csökkentik pozícióját a keresési eredmények között, és így nem hoznak kellő számú látogatót. Ezért bátran kijelenthetjük, hogy az oldalon található képekhez tartozó leírások maguknak a webmestereknek is fontos szerepet töltenek be, így nem tudnakelhanyagolás.
Bónuszok a keresőmotoroktól
Ahhoz, hogy jobban megértsük a képekhez helyesen kitöltött leírási címkék előnyeit, mondjunk egy kis példát. Tegyük fel, hogy van egy webhely, amelyen képeket tárolnak. Ha nincs beállítva az ALT attribútum, akkor a felhasználó nem fog szenvedni, mert minden esetben azt fogja látni, ami egy adott fotón látható. Egészen más eredmény vár az erőforrás tulajdonosára, aki figyelmen kívül hagyja a fenti címkét, ami miatt elveszíti például a képkönyvtárak forgalmának egy részét.
Hogyan írjuk be az ALT attribútumot?
Technikailag nem nehéz leírást kitölteni egy-egy kép alá. Ez nyilvánvaló: el kell lépnie a webhely HTML-szerkesztőjébe, és meg kell találnia a képkódot (az IMG-vel kezdődik és ugyanazzal a végével). Ebben a kódblokkban kód található. Erre gondolnak, amikor azt mondják, hogy meg kell írni az ALT attribútumot. Ez a következőképpen történik: „ alt="„leírás”.
Ha nem tiszta kóddal dolgozik, hanem valamilyen külön „motort” használ az oldalhoz (például Wordpress vagy Joomla), akkor ez egy speciális „ alt”-ok hozzáadására szolgáló mechanizmust integrál, amelyen keresztül a webhelyünk emlékezni fog keresőmotorok által. Ha új ALT-t ad meg, a frissítés az oldalon lesz.
Mit írnak az attribútumba?
Természetesen, amikor az ALT attribútum megírása a feladata, nem a technikai dolgokra gondololdal. Ezt a kérdést leggyakrabban akkor teszik fel, ha a webmester nem tudja, milyen információkat kell megadnia egy adott képről. Emiatt nehéz megmondani, hogy a keresőmotorok szempontjából milyen információk hasznosak lesznek a webhely számára.
A gyakorlatban számos megközelítés létezik a leírási probléma megoldására. Valaki tipikus sablonokkal dolgozik, amelyek szerint a címke egyszerűen tele van kulcsszavakkal, amelyekre az oldal létrejön. Talán ez a leggyakoribb gyakorlat, amely gyakran megtalálható. Néha a felhasználó ahelyett, hogy azt keresné, hogyan írja be az ALT attribútumot, egyszerűen üresen hagyja ezt a helyet. Itt tisztázni kell, hogy mindenki maga dönti el, hogy melyik leírást adja meg.
Követelmények
Ugyanakkor több alapszabály (vagy ha úgy tetszik, követelmény) létezik, amelyek szerint mindenki összeadhatja a képeihez ideális attribútumot. Kis számú elemből állnak, amelyek mindegyike az oldalon található fotók és képek leírására vonatkozik.
Például az első ilyen követelmény a teljes szöveg hossza. Ha az ALT attribútum helyes megírását keresi, a megoldás elemi: ne használjon 2-3 szónál többet. Az ekkora szöveget először is ideális esetben egy keresőrobot olvassa el (és relevánsabbá teszi webhelyét); másodszor, egy ilyen leírás érthetőbb a felhasználók számára. Egyetért, olvassa el az egész mondatot, ha csak azt akarja tudni, hogy mi van a képen, akkor senki sem fogja. Elég rövid és pontos.egy leírás, amely hasznos lesz Önnek és ügyfelei számára is.
Ne feledkezz meg a jelentésről. Ha közzétesz egy fotót egy elefántról, feltétlenül írja le a fajtáját vagy történetét; adja meg, miért van ábrázolva ezen a képen, mit szeretne ezzel mondani. Hasznos lenne, ha a látogató tudná, mit gondol erről az elefántról.
További fontos szempont (amit számos gyakorlati teszt során állapítottak meg) az egyediség. Ha azt keresi, hogyan adhatja hozzá egy képhez az „Image” attribútumot, ne feledje, hogy annak egyedinek kell lennie a webhelyen felsorolt képek mindegyikénél. Például, ha három képet tesz közzé egymás után az „én elefánt” felirattal, az rossz lesz - ez csak árt az erőforrásának a keresési eredmények között. Jobb, ha a képeket "elephant 1" és "elephant 2" nevezi el, ami egyedibbé teszi őket.
Végezetül tartsa észben a keresett képek paramétereit, hogyan adhatja hozzá az ALT attribútumot. A képeknél fontos, hogy számos kritériumot teljesítsenek – ne legyenek túl kicsik, valósághűek legyenek. Vagyis ha leírást adsz meg, akkor komolyabb, súlyozottabban figyelembe vett képeknél tedd meg. Ne minősítse az „Image” attribútumot kis hangulatjelekhez vagy hasonlókhoz.
Keresés az ALT-ban
Végül szót ejtettünk az attribútumok alapjairól, az összeállításának néhány szabályáról és mindkét fél (felhasználók és keresőrobotok) velük szembeni követelményeiről. Most gondoljuk át: hogyan keressünk kulcsszavakat és kifejezéseket,amit a weboldalunkon előírunk? Amint fentebb említettük, a keresésnek olyan kész kulcsszavak adatbázisaira kell irányulnia, amelyek valóban vonzzák az ügyfeleket az Ön webhelyére. Természetesen ez nem érhető el, ha még mindig hiányzik az ALT attribútum. Készítsen kész kulcsszavakat és kifejezéseket, amelyeket a tartalomban használ, és illessze be őket képekbe.
Ha nem rendelkezik ilyen információval, és egyáltalán nem gondolt arra, hogy elkezdje fokozatosan népszerűsíteni az erőforrást, javasoljuk, hogy kezdjen el keresni az ilyen „kulcsszavak” adatbázisait, amelyek segítségével könnyen létrehozhat új webhelyeket. Erre tökéletesek az olyan szolgáltatások, mint a Google Keyword Extract Tool vagy a Yandex. Wordstat, amelyek bizonyos kifejezésekre keresési statisztikákat jelenítenek meg. Ezekkel a beállításokkal „játszva” jelentősen növelheti a keresési forgalom arányát webhelyein, és ezáltal új előnyökhöz juthat. A legfontosabb az, hogy elkerüljük az olyan helyzeteket, amikor az összes látható képen hiányzik az ALT attribútum.
Következtetések
Tehát, mit mondhatunk a cikkben leírt tulajdonságról? Ez annak a nyelvnek a része, amelyen a legegyszerűbb webhelyek készülnek – a HTML. Ezt nagyon könnyű megtenni, hiszen egy elemi, alapnyelvet ír le. Ahhoz, hogy továbbra is regisztrálja a címkét a képeken, önállóan kell kiadnia a forráskódon keresztül. Vagy az új utasításokat követve kezdje el újra az elkészítést. Bárhogy is legyen, a "Image" címkézés a kölcsönös előnyök tökéletes esete, ha mind a látogató, mind az erőforrás tulajdonosa elégedett.
A címke feltüntetése újhoz vezethetlátogatók - ez a jelenség különösen gyakran megfigyelhető olyan szolgáltatásoknál, mint a Google és a Yandex Images. Ha rákattint egy képre, a webhely önállóan meghatározza a forrást, ahonnan a kép készült, és átirányítja a látogatót. És ez, amint Ön is tudja, nagyon fontos, hogy a jövőben megtehesse.
