Každá webová stránka je vytvořena pomocí markup - kódu, který je napsán ve speciálně poskytnutém jazyce (nejčastěji HTML). Prohlížeč uživatele zase dokáže přečíst tento kód, aby správně zobrazil všechny informace, které nám tvůrci zdroje chtěli sdělit. Ukazuje se, že všechny prvky, které vidíme na webové stránce, jsou poskytovány zdrojovým kódem webu, který navštěvujeme.
Optimalizace kódu
Jak můžete hádat, každé písmeno tohoto kódu, každý symbol má svůj význam. Zajímavé je také to, že vizuálně stránka nemusí obsahovat ty prvky, které jsou extrémně důležité pro její optimalizaci (myšleno správné nastavení zdroje pro vyhledávače). Za množství takových stěží postřehnutelných lze například atribut ALT. Je na stránkách mnoha zdrojů a velmi často si toho prostě nevšimneme.
V tomto článku bychom rádi věnovali pozornost právě tomuto prvku webdesignu. Zde vám prozradíme, proč je tak důležitý pro správné hodnocení webu, růst jeho návštěvnosti a uživatelské pohodlí při práci s ním.
Co je atribut ALT?
Začněme úplně od začátku: popíšeme si, o čem tento článek jeřeč a proč tento atribut vůbec potřebujeme.
Abyste tedy tomuto textu porozuměli, musíte nejprve porozumět značkovacímu jazyku HTML. Jedná se o kód, na kterém jsou napsány základní webové stránky, které, jak již bylo řečeno, mají tu vlastnost, že se zobrazují v prohlížeči. Celý jazyk se skládá ze speciálních atributů (jako IMG, ALT, FONT a tak dále). Každý z nich je zodpovědný za práci s jedním nebo jiným designovým prvkem. V praxi se výše uvedený atribut "Obrázek" používá pro obrázky, které lze nalézt na webových stránkách. Přesněji řečeno, s jeho pomocí je k obrázkům vytvořen popis, podle kterého uživatel (návštěvník webu) snadno pochopí, co je na nich zobrazeno. Určitě jste se s podobnými popisy setkali - objeví se, když najedete myší na obrázek.
Praktická hodnota
Samozřejmě, že tyto atributy se v praxi z nějakého důvodu používají. Webmasteři potřebují popisy pro své obrázky stejně jako návštěvníci stránek (pravděpodobně více). Pokud totiž na všech obrázcích chybí atribut ALT, člověk si toho nemusí ani všimnout, pokud jsou k obrázkům na stránce doplněny vysvětlující texty. Na druhou stranu vyhledávací roboti (s prázdným ALT) nemusí stránku dostatečně ohodnotit, sníží její pozici ve výsledcích vyhledávání a nepřivedou tak dostatečný počet návštěvníků. Můžeme tedy s jistotou říci, že popisy obrázků na webu hrají důležitou roli i pro samotné webmastery, takže nemohouzanedbávat.
Bonusy z vyhledávačů
Abyste lépe porozuměli výhodám správně vyplněných popisných značek u obrázků, uveďme si malý příklad. Řekněme, že existuje web s obrázky, který je na něm hostován. Pokud není nastaven atribut ALT, uživatel neutrpí, protože v každém případě uvidí to, co je zobrazeno na konkrétní fotografii. Zcela jiný výsledek čeká na vlastníka zdroje, který zanedbá výše uvedený tag, kvůli čemuž přijde o část návštěvnosti například z obrázkových adresářů.
Jak napsat atribut ALT?
Technicky není nic složitého vyplnit popis pod tím či oním obrázkem. To je zřejmé: musíte jít do HTML editoru na vašem webu a najít kód obrázku (začíná IMG a končí stejným). Uvnitř tohoto bloku kódu je kód. To je to, co mají na mysli, když říkají, že musíte napsat atribut ALT. To se provádí takto: „ alt="„popis“.
Pokud nepracujete s čistým kódem, ale používáte nějaký samostatný „engine“pro web (například Wordpress nebo Joomla), integruje speciální mechanismus pro přidávání „ altů“, díky nimž si naše stránky budou zapamatovat pomocí vyhledávačů. Pokud vyplníte nový ALT, aktualizace je na vaší stránce.
Co píšou do atributu?
Samozřejmě, když máte za úkol napsat atribut ALT, nemyslíte na technicképostranní. Nejčastěji je tato otázka položena, pokud webmaster neví, jaké informace o konkrétním obrázku potřebuje poskytnout. Díky tomu je obtížné říci, jaké informace budou pro web přínosem z pohledu vyhledávačů.
V praxi existuje mnoho přístupů k řešení problému popisu. Někdo pracuje s typickými šablonami, podle kterých se tag jednoduše naplní klíčovými slovy, pro která je stránka vytvořena. Možná je to nejběžnější praxe, se kterou se lze často setkat. Někdy místo toho, aby uživatel hledal, jak zapsat atribut ALT, jednoduše nechá toto místo prázdné. Zde by mělo být objasněno, že každý se sám rozhoduje o tom, který popis uvést.
Požadavky
Zároveň existuje několik základních pravidel (nebo chcete-li požadavků), podle kterých si každý může sečíst ideální atribut pro své obrázky. Skládají se z malého počtu položek, z nichž každá odkazuje na popisy fotografií a obrázků na webu.
Například prvním takovým požadavkem je délka celého textu. Pokud hledáte, jak správně napsat atribut ALT, řešení je elementární: nepoužívejte více než 2-3 slova. Text této velikosti bude za prvé v ideálním případě přečten vyhledávacím robotem (a vaše stránky budou relevantnější); za druhé je takový popis srozumitelnější pro samotné uživatele. Souhlas, přečti si celou větu, pokud chceš jen vědět, co je na obrázku, nikdo se to nedozví. Stačí stručně a přesně.popis, který bude užitečný pro vás i vaše zákazníky.
Nezapomeňte na význam. Pokud zveřejníte fotografii slona, nezapomeňte popsat jeho plemeno nebo historii; uveďte, proč je na této fotografii vyobrazen, co byste tím chtěli říci. Bylo by užitečné, kdyby návštěvník znal váš názor na tohoto slona.
Dalším důležitým bodem (který byl zjištěn v průběhu četných praktických testů) je jedinečnost. Pokud hledáte, jak přidat atributk obrázku, nezapomeňte, že musí být jedinečný pro každou z uvedených fotografií na webu. Například zveřejnění tří obrázků v řadě s popiskem „můj slon“bude špatné – poškodí to pouze váš zdroj ve výsledcích vyhledávání. Je lepší pojmenovat obrázky "slon 1" a "slon 2", díky čemuž budou jedinečnější.
Nakonec mějte na paměti parametry samotných obrázků, které hledáte, jak přidat atribut ALT. U obrázků je důležité splnit řadu kritérií – aby nebyly příliš malé, aby vypadaly realisticky. To znamená, že pokud zadáte popis, udělejte to pro vážnější obrázky, které jsou brány v úvahu více. Nekvalifikujte atribut "Obrázek" pro nějaké malé emotikony nebo něco podobného.
Hledat ALT
Nakonec jsme hovořili o základech atributu, některých pravidlech pro jeho sestavení a požadavcích obou stran (uživatelů i vyhledávacích robotů) na ně. Nyní se zamysleme: jak hledat klíčová slova a fráze,které předepíšeme na našem webu? Jak již bylo uvedeno výše, vyhledávání by mělo směřovat k již hotovým databázím klíčových slov, která skutečně začnou přitahovat zákazníky na váš web. Toho samozřejmě nelze dosáhnout, pokud vám stále chybí atribut ALT. Vezměte hotová klíčová slova a fráze, které používáte ve svém obsahu, a vložte je do obrázků.
Pokud takové informace nemáte a vůbec jste neuvažovali o tom, že začnete svůj zdroj postupně propagovat, doporučujeme vám začít hledat databáze takových „klíčových slov“, pomocí kterých můžete snadno vytvářet nové stránky. K tomu jsou perfektní služby jako Google Keyword Extract Tool nebo Yandex. Wordstat, které zobrazují statistiky vyhledávání pro určité fráze. Tím, že si s těmito nastaveními pohrajete, můžete výrazně zvýšit podíl návštěvnosti z vyhledávání na svých stránkách a začít tak získávat nové výhody. Hlavní věc je vyhnout se situaci, kdy všechny viditelné obrázky postrádají atribut ALT.
Závěry
Co tedy můžeme říci o atributu popsaném v tomto článku? Je součástí jazyka, ve kterém jsou vytvářeny nejjednodušší stránky – HTML. Je to velmi snadné, protože popisuje základní, základní jazyk. Chcete-li značku stále zaregistrovat na obrázcích, musíte ji nezávisle vydat prostřednictvím zdrojového kódu. Nebo pomocí nových pokynů začněte znovu tvořit. Ať je to jakkoli, označení "Obrázek" je dokonalým případem vzájemného prospěchu, když jsou spokojeni jak návštěvník, tak vlastník zdroje.
Uvedení štítku může vést k novémunávštěvníci - tento jev je zvláště často pozorován ve službách, jako jsou Google a Yandex Images. Když kliknete na obrázek, web nezávisle určí zdroj, ze kterého byl obrázek pořízen, a přesměruje návštěvníka. A to, jak chápete, je velmi důležité, abyste mohli dělat v budoucnu.
