Každá webová stránka je vytvorená pomocou markup – kódu, ktorý je napísaný v špeciálne poskytnutom jazyku (najčastejšie HTML). Prehliadač používateľa zase dokáže prečítať tento kód, aby správne zobrazil všetky informácie, ktoré nám chceli tvorcovia zdroja sprostredkovať. Ukazuje sa, že všetky prvky, ktoré vidíme na webovej stránke, sú poskytované zdrojovým kódom stránky, ktorú navštevujeme.
Optimalizácia kódu
Ako môžete hádať, každé písmeno tohto kódu, každý symbol má svoj význam. Je zaujímavé, že sa stáva, že vizuálne stránka nemusí obsahovať tie prvky, ktoré sú mimoriadne dôležité pre jej optimalizáciu (čo znamená správne nastavenie zdroja pre vyhľadávače). K množstvu takýchto ťažko postrehnuteľných možno pripísať prívlastok ALT. Nachádza sa na stránkach mnohých zdrojov a veľmi často si to jednoducho nevšimneme.
V tomto článku by sme chceli venovať pozornosť práve tomuto prvku webdizajnu. Tu vám povieme, prečo je taká dôležitá pre správne hodnotenie stránky, rast jej návštevnosti a pohodlie používateľa pri práci s ňou.
Čo je atribút ALT?
Začnime úplne od začiatku: popíšeme si, o čom je tento článokreč a prečo tento atribút vôbec potrebujeme.
Aby ste teda tomuto textu porozumeli, musíte najprv porozumieť značkovaciemu jazyku HTML. Toto je kód, na ktorom sú napísané základné webové stránky, ktorý, ako už bolo uvedené, má vlastnosť zobrazenia v prehliadači. Celý jazyk sa skladá zo špeciálnych atribútov (ako IMG, ALT, FONT atď.). Každý z nich je zodpovedný za prácu s jedným alebo iným dizajnovým prvkom. V praxi sa vyššie uvedený atribút "Obrázok" používa pre obrázky, ktoré možno nájsť na webových stránkach. Presnejšie, s jeho pomocou sa k obrázkom vytvorí popis, podľa ktorého používateľ (návštevník stránky) ľahko pochopí, čo je na nich zobrazené. Určite ste sa aj vy sami stretli s takýmito popismi - objavia sa, keď na obrázok prejdete myšou.
Praktická hodnota
Samozrejme, tieto atribúty sa v praxi z nejakého dôvodu uplatňujú. Webmasteri potrebujú popisy pre svoje obrázky rovnako ako návštevníci stránok (pravdepodobne viac). Ak totiž všetkým obrázkom chýba prívlastok ALT, človek si to možno ani nevšimne, ak sa k obrázkom na stránke pridajú vysvetľujúce texty. Na druhej strane, vyhľadávacie roboty (s prázdnym ALT) nemusia stránku hodnotiť dostatočne vysoko, znižujú jej pozíciu vo výsledkoch vyhľadávania a neprivádzajú tak dostatočný počet návštevníkov. Preto môžeme s istotou povedať, že popisy k obrázkom na stránke zohrávajú dôležitú úlohu aj pre samotných webmasterov, takže nemôžuzanedbávať.
Bonusy z vyhľadávačov
Pre lepšie pochopenie výhod správne vyplnených popisných značiek pre obrázky si uveďme malý príklad. Povedzme, že existuje webová stránka s obrázkami, ktorá je na nej hosťovaná. Ak nie je nastavený atribút ALT, používateľ nebude trpieť, pretože v každom prípade uvidí to, čo je zobrazené na konkrétnej fotografii. Úplne iný výsledok čaká majiteľa zdroja, ktorý zanedbá vyššie uvedený tag, kvôli čomu príde napríklad o časť návštevnosti z obrázkových adresárov.
Ako napísať atribút ALT?
Technicky nie je nič zložité vyplniť popis pod tým či oným obrázkom. To je zrejmé: musíte prejsť do editora HTML na svojej stránke a nájsť kód obrázka (začína IMG a končí rovnakým). Vo vnútri tohto bloku kódu je kód. To je to, čo majú na mysli, keď hovoria, že musíte napísať atribút ALT. Robí sa to takto: „ alt="„popis“.
Ak nepracujete s čistým kódom, ale používate nejaký samostatný „engine“pre stránku (napríklad Wordpress alebo Joomla), integruje špeciálny mechanizmus na pridávanie „ altov“, prostredníctvom ktorých si bude naša stránka pamätať vyhľadávačmi. Ak vyplníte nový ALT, aktualizácia je na vašej stránke.
Čo píšu do atribútu?
Samozrejme, keď máte za úlohu napísať atribút ALT, nemyslíte na technickéstrane. Najčastejšie sa táto otázka pýta, ak správca webu nevie, aké informácie o konkrétnom obrázku potrebuje poskytnúť. Preto je ťažké povedať, aké informácie budú pre stránku prínosom z pohľadu vyhľadávačov.
V praxi existuje mnoho prístupov k riešeniu problému popisu. Niekto pracuje s typickými šablónami, podľa ktorých sa tag jednoducho naplní kľúčovými slovami, pre ktoré je stránka vytvorená. Možno je to najbežnejšia prax, ktorú možno často nájsť. Niekedy namiesto toho, aby používateľ hľadal, ako napísať atribút ALT, jednoducho nechá toto miesto prázdne. Tu by malo byť objasnené, že každý sa sám rozhoduje o tom, ktorý popis uvedie.
Požiadavky
Zároveň existuje niekoľko základných pravidiel (alebo ak chcete, požiadaviek), podľa ktorých si každý môže zrátať ideálny prívlastok pre svoje obrázky. Pozostávajú z malého počtu položiek, z ktorých každá odkazuje na popisy fotografií a obrázkov na stránke.
Napríklad prvou takouto požiadavkou je dĺžka celého textu. Ak hľadáte, ako správne napísať atribút ALT, riešenie je elementárne: nepoužívajte viac ako 2-3 slová. Text tejto veľkosti bude v prvom rade ideálne čítať vyhľadávací robot (a vaša stránka bude relevantnejšia); po druhé, takýto popis je zrozumiteľnejší pre samotných používateľov. Súhlaste, prečítajte si celú vetu, ak chcete len vedieť, čo je na obrázku, nikto sa to nedozvie. Stačí byť stručný a presný.popis, ktorý bude užitočný pre vás aj vašich zákazníkov.
Nezabudnite na význam. Ak zverejníte fotografiu slona, nezabudnite opísať jeho plemeno alebo históriu; uveďte, prečo je to zobrazené na tejto fotografii, čo by ste tým chceli povedať. Bolo by užitočné, keby návštevník poznal váš názor na tohto slona.
Ďalším dôležitým bodom (ktorý bol stanovený v priebehu mnohých praktických testov) je jedinečnosť. Ak hľadáte, ako k obrázku pridať atribút„Obrázok“, nezabudnite, že musí byť jedinečný pre každú z fotografií uvedených na stránke. Napríklad zverejnenie troch obrázkov za sebou s nápisom „môj slon“bude nesprávne – poškodí to iba váš zdroj vo výsledkoch vyhľadávania. Je lepšie pomenovať obrázky „slon 1“a „slon 2“, čím budú jedinečnejšie.
Nakoniec majte na pamäti parametre samotných obrázkov, ktoré hľadáte, ako pridať atribút ALT. Pri obrázkoch je dôležité splniť niekoľko kritérií – aby neboli príliš malé, aby vyzerali realisticky. To znamená, že ak zadáte popis, urobte to pre vážnejšie obrázky, ktoré sa zohľadňujú viac. Nekvalifikujte atribút „Obrázok“pre nejaké malé emotikony alebo niečo podobné.
Hľadať ALT
Nakoniec sme hovorili o základoch atribútu, niektorých pravidlách jeho zostavovania a požiadavkách oboch strán (používateľov aj vyhľadávacích robotov) na ne. Teraz sa zamyslime: ako hľadať kľúčové slová a frázy,ktoré Vám predpíšeme na našej stránke? Ako je uvedené vyššie, vyhľadávanie by malo smerovať k hotovým databázam kľúčových slov, ktoré skutočne začnú priťahovať zákazníkov na vašu stránku. To sa samozrejme nedá dosiahnuť, ak vám stále chýba prívlastok ALT. Vezmite pripravené kľúčové slová a frázy, ktoré používate vo svojom obsahu, a vložte ich do obrázkov.
Ak takéto informácie nemáte a vôbec ste neuvažovali o tom, že začnete svoj zdroj postupne propagovať, odporúčame vám začať hľadať databázy takýchto „kľúčových slov“, pomocou ktorých môžete jednoducho vytvárať nové stránky. Na tento účel sú ideálne služby ako Google Keyword Extract Tool alebo Yandex. Wordstat, ktoré zobrazujú štatistiky vyhľadávania pre určité frázy. „Pohraním sa“s týmito nastaveniami môžete výrazne zvýšiť podiel návštevnosti z vyhľadávania na svojich stránkach a tým začať ťažiť z nových výhod. Hlavnou vecou je vyhnúť sa situácii, v ktorej všetky viditeľné obrázky nemajú atribút ALT.
Závery
Čo teda môžeme povedať o atribúte opísanom v tomto článku? Je súčasťou jazyka, v ktorom sa vytvárajú najjednoduchšie stránky – HTML. Je to veľmi jednoduché, pretože popisuje elementárny, základný jazyk. Ak chcete značku stále zaregistrovať na obrázkoch, musíte ju nezávisle vydať prostredníctvom zdrojového kódu. Alebo pomocou nových pokynov začnite znova kresliť. Nech je to akokoľvek, označenie "Obrázok" je dokonalým prípadom vzájomného prospechu, keď sú spokojní návštevník aj vlastník zdroja.
Uvedenie značky môže viesť k novémunávštevníci - tento jav je obzvlášť často pozorovaný v službách, ako sú Google a Yandex Images. Keď kliknete na obrázok, stránka nezávisle určí zdroj, z ktorého bol obrázok nasnímaný a presmeruje návštevníka. A toto, ako ste pochopili, je veľmi dôležité, aby ste to mohli urobiť v budúcnosti.
