Je atribut ALT u obrázků důležitý?

Co je ALT atribut?

ALT atribut neboli alternativní text je popis poskytnutý k obrázku, který v případě, že je obrázek poškozený nebo ho nelze přečíst (například pro boty nebo pro zrakově postižené uživatele), doplňuje náš obsah.

K čemu slouží ALT atribut u obrázku?

Hlavním účelem ALT atributu je usnadnit přístupnost webu uživatelům, kteří nemohou obrázky správně vidět. Příkladem jsou uživatelé využívající čtečky obrazovky, což jsou, jak název napovídá, programy, které čtou obsah obrazovky nahlas.

Když některá z těchto čteček narazí na obrázek, jelikož ho neumí popsat sama, použije alternativní text, aby uživateli předala kontext o tom, co by mohlo být na fotografii vidět. Tímto způsobem může uživatel správně procházet web bez „ztráty" informací z obrázků.

Proč je ALT tag důležitý pro SEO?

Naším úkolem SEO konzultantů je poskytnout Googlu co nejvíce informací, aby mohl porozumět našemu obsahu, a tím pádem ho zobrazit správným uživatelům.

I když je pravda, že Google výrazně vylepšil svůj zpracovatel obrázků a bezpochyby umí obecně chápat obsah obrázku, vždycky se vyplatí mít u našich obrázků ALT atribut. Tímto způsobem se ujistíme, že Google má všechny informace o fotografii a chápe její význam v rámci našeho obsahu.

Jak jsme zmínili, je nejlepší je používat správně a nesnažit se Google „přechytračit" zlým způsobem. Jinými slovy, nemá smysl dát do obsahu fotku auta a pak napsat „levné tenisky" jako alternativní text. Nesouvisí to spolu a může to vyvolat varovné signály (zvláště pokud se alternativní text používá k keyword stuffingu).

Používejte fotografie a alternativní texty související s vaším obsahem. Nejlepší je vždy se tohoto pravidla držet a do alternativního textu zahrnout vaše hlavní klíčové slovo, sekundární slovo, nějaký sémantický termín apod. Obvykle s tím nebudete mít problém, protože to budete schopni zahrnout přirozeně.

Jak přidat ALT tag k obrázku

V tuto chvíli si pravděpodobně říkáte: Jak můžu na svůj web přidat tento alternativní text?

Nemějte obavy, jsme tu, abychom vám pomohli. Dávejte pozor, jak to udělat ve dvou nejpopulárnějších CMS:

Jak přidat ALT atribut k obrázku ve WordPressu

V tomto případě je to docela jednoduché. Stačí jít do naší knihovny médií, vybrat fotku a vyplnit pole pro alternativní text:

Pro ještě lepší kontext bychom mohli vyplnit i titulek a popis, jak je vidět na obrázku. Navíc to můžeme udělat přímo v editoru článku ve chvíli přidání obrázku.

Jak přidat ALT atribut k obrázku v PrestaShopu

V PrestaShopu nemáme knihovnu médií ani vyhrazené pole pro tento účel.

Tak jak ho přidat?!

Nebojte, vysvětlíme trik. Co musíte udělat, je vyplnit pole titulek u produktových obrázků:

Ve většině šablon bude to, co vložíte do pole Titulek, nastaveno jako ALT atribut obrázku, který upravujete.

Problém je, že v tomto CMS může být přidávání ALT atributů velmi zdlouhavé, protože to musíte dělat jeden po druhém. Z tohoto důvodu jsme v našem průvodci SEO v PrestaShopu zmínili modul, který umožňuje rychle přidat ALT ke všem obrázkům.

Jak zobrazit ALT atribut obrázků

Nyní vysvětlíme, jak zkontrolovat, zda má web ALT atributy u svých obrázků nebo ne. Existují dvě možnosti:

Přes inspektor

Pokud používáte Chrome, kliknutím pravým tlačítkem v rámci jakéhokoli webu se dostanete k inspektoru. Jakmile v něm jste, stačí vybrat obrázek a podívat se na ALT:

Trochu matoucí? Možná, ale nebojte se, máme pro vás další, snazší možnost:

Pomocí Chrome rozšíření

V tomto případě doporučujeme nainstalovat SEO rozšíření pro Chrome s názvem Web Developer. Jakmile ho máte, stačí přejít na ikonu ozubeného kolečka a vybrat images > Display Alt Attributes:

Jakmile tuto možnost aktivujete, uvidíte, že vedle každého obrázku je malá bublina s ALT atributem každého obrázku:

Závěr

Jak jsme viděli, ALT atributy jsou SEO faktorem, který se často přehlíží, ale může vám dát extra malý impuls v rámci vaší SEO strategie.

Pamatujte vždy zvolit fotografii odpovídající textu, aby uživatel nebyl při jejím vidění zmaten, a napsat alternativní text, který je popisný a relevantní jak pro uživatele, tak pro našeho drahého přítele Google.

Jako vždy budeme čekat v komentářích na případné dotazy :)