Jak psát skvělý alternativní text pro obrázky webových stránek

click fraud protection

Navíc výběr správných obrázků a jejich správná příprava na web, psaní skvělého alternativního textu je zásadní úkol, který byste nikdy neměli zanedbávat. Zde je několik ukazatelů pro psaní efektivního alternativního textu pro obrázky vašeho webu.

Opakujte text na obrázku

Pokud má obrázek text, měl by tento text být alternativním textem. Můžete přidat další slova, ale alternativní text by měl říkat totéž jako obrázek. Například logo pro Acme Widgety, které obsahuje skutečná slova, by mělo mít alternativní text, který tato slova obsahuje.

Pamatujte, že obrázky, jako jsou loga, mohou naznačit text - například červená koule v logu Dotdash. Je to tečka, takže mozek čte a pamatuje si „tečkovanou tečku“. Alternativní text pro tuto ikonu může být „Dotdash.com“, nejen „logo společnosti."

Tečkovaná čára logo
 Záchranný drát

Udržujte text krátký

Čím delší je váš alternativní text, tím obtížnější je jeho čtení v textových prohlížečích. Může být lákavé psát dlouhé věty alternativního textu (běžný postup při plnění klíčových slov, při kterém mohou být uplatněny pokuty SEO), ale udržování krátkých alt tagů udržuje vaše stránky menší. Menší stránky se stahují rychleji. Sweet spot je mezi pěti a 15 slovy.

instagram viewer

Používání klíčových slov SEO v alternativních značkách

Hlavním účelem alt tagu není zvýšit hodnotu SEO, ale zobrazit inteligentní text, který vysvětluje, co je obrázek. Informativní a relevantní text pro vaši alternativní značku má však pozitivní vliv na hodnotu SEO.

To znamená, že používání klíčových slov v alternativním textu je dobrým postupem, pokud jsou relevantní. Je nepravděpodobné, že by vás vyhledávače potrestaly za vložení klíčových slov, pokud má vámi přidaný obsah smysl. Nezapomeňte, že vaše první priorita je pro vaše čtenáře. Detekují vyhledávače spamování klíčových slov snadno a vyhledávače často mění svá pravidla, aby zmařily spamery.

Obecně nepoužívejte v alternativním textu více než jedno klíčové slovo.

Udržujte svůj text smysluplný

Nezapomeňte, že cílem alternativního textu je definovat obrázky pro vaše čtenáře. Mnoho webových vývojářů používá alternativní text pro sebe a zahrnuje informace, jako je velikost obrázku, názvy souborů atd. To by pro vás mohlo být užitečné, ale nedělá to nic pro vaše čtenáře - kteří jsou v každém webdesignu prioritou.

Prázdný alternativní text používejte pouze pro ikony a odrážky

Pravidelně budete používat obrázky, které nemají žádný užitečný popisný text, například odrážky a jednoduché ikony. Nejlepší způsob, jak tyto obrázky použít, je v CSS, kde nepotřebujete alternativní text. Ale pokud je absolutně musíte mít ve svém HTML, místo prázdného atributu alt použijte prázdný atribut.

Může být lákavé použít k reprezentaci odrážky znak, například hvězdičku, ale může to být více matoucí než to, že jej necháme prázdné. Použití textu „odrážka“ by se v textovém prohlížeči vykreslovalo ještě zvláštněji.

Proč je alternativní text tak důležitý?

Textové prohlížeče a další agenti webových uživatelů, kteří nemohou prohlížet obrázky, používají k „čtení“ obrázků alternativní text. Tím je dosaženo několika věcí:

  • Dělá to vaše webové stránky přístupné lidem, kteří používají čtečku obrazovky nebo jiné asistované zařízení.
  • Pokud se obrázek nepodaří načíst, alternativní text umožní divákovi vědět, co by tam mělo být.
  • Vyhledávače nemohou „vidět“ obrázky, ale mohou a dělají alternativní text pavouka - takže zahrnutí alternativního textu pomůže hodnotě SEO vaší stránky.
instagram story viewer