Tomáš Novák
Co je to atribut Alt?
Alternativní text, „alt atribut“ nebo „alt text“ je atribut HTML, který popisuje obrázek jako text. Atributy Alt nevidí uživatelé, ale vyhledávače, aby pomohly definovat, o čem daný obrázek je.
Proč je atribut Alt důležitý?
Atribut alt text používají programy pro čtení z obrazovky k přenosu informací, zatímco názvy obrázků nemohou být programy pro čtení z obrazovky zobrazeny.
Tyto atributy pomáhají zobrazit text v případě, že prohlížeč nemůže vykreslit obrázek z důvodu připojení s nízkou šířkou pásma nebo jiných technických chyb.
Obrázek vydá za tisíc slov. Obrázky bez atributu alt se však pro vyhledávače stanou irelevantními. Je to proto, že software pro rozpoznávání obrázků používaný vyhledávači potřebuje k identifikaci a pochopení toho, o čem obrázky na stránce jsou, pomoc alternativního textu obrázku.
Pokud vyhledávače nevědí, o čem obrázek je, nemohou nijak zjistit, jak souvisí s obsahem stránky.
Také nebudou schopni zjistit, zda je relevantní pro vyhledávací dotaz na obrázek.
Se strojovým učením a umělou inteligencí se vyhledávače přibližují k identifikaci toho, co má obrázek být, a objektů na obrázcích.
Obrázky vysvětlené majitelem webu však umožňují vyhledávačům zpracovávat informace rychleji.
Naštěstí existuje poměrně jednoduchý způsob, jak tento problém vyřešit a zlepšit tak vaše SEO a uživatelské prostředí: obrázek alt atribut text.
Poskytnutím alternativního textu pomáháte vyhledávačům identifikovat a kategorizovat obrázky, abyste uživatelům poskytli ty nejrelevantnější informace.
Rozdíl mezi alternativním textem obrázku a názvem obrázku
Alternativní text je značka HTML a poskytuje více informací o obrázku.
Název obrázku se zobrazí jako vyskakovací okno, když najedete myší na obrázek. Pokud se obrázek nepodaří vykreslit, zobrazí se alternativní text, nikoli však název obrázku.
Alt atributy a SEO
Možná si říkáte, pomohou atributy alt obrázku mému obsahu k lepšímu umístění na Googlu a dalších vyhledávačích?
Krátká odpověď zní ne, alespoň ne přímo. Pouhým přidáním alternativního textu obrázku k souborům obrázků se zázračně nedostanete na první místo ve výsledcích vyhledávání.
Atributy alt obrázku neposkytnou vašim blogovým článkům a webovým stránkám podporu v hodnocení na běžných stránkách s výsledky vyhledávačů.
Optimalizace atributů alt obrázku však může zvýšit pravděpodobnost, že se vaše obrázky zobrazí, když uživatelé používají funkci vyhledávání obrázků Google, a může tak pomoci zlepšit SEO obrázků.
Doporučené postupy: Jak napsat alternativní text
Optimalizace obrázků je součástí on-page SEO a obsahu stránky, což znamená, že musí být vysoce kvalitní, atraktivní a poutavé. Text atributu alt, který píšete pro obrázky webových stránek, vyžaduje stejnou úroveň kvality, jakou byste věnovali psaní obsahu blogu.
Chcete-li se naučit, jak napsat nejlepší alternativní text pro vaše obrázky, uvádíme několik pokynů:
Buďte popisní
Značky alt obrázku by měly být popisné a měly by obsahovat podstatná jména, slovesa, přídavná jména nebo příslovce.
Tyto značky lze použít k popisu toho, co se děje na obrázku, co se stalo nebo co se stane. Tyto „popisy obrázků“ musí být napsány tak, aby vyhledávače mohly informace efektivně zpracovat.
Za druhé se vyhněte používání frází jako „grafika“ nebo „obrázek of“ a zbytečné informace, které mohou text prodloužit.
Zde je příklad alternativního textu obrázku pro tento obrázek:
Letecký snímek všech krásných domů ve čtvrti v Dallasu, Tx.
Nechte to krátké a konkrétní
Při psaní alternativního textu obrázku nezapomeňte psát o hlavním předmětu obrázku.
Nesnažte se psát podrobné odstavce o celém obrázku, popisující nastavení pozadí nebo jiné nepodstatné detaily.
Kromě toho udržujte atributy alt obrázku kratší než 125 znaků.
Přidejte klíčová slova
Do alternativního textu obrázku byste měli přidat hlavní klíčové slovo stránky, ale pouze v případě, že by se klíčové slovo přirozeně vešlo do popisu obrázku.
Pokud například cílíte na „krmivo pro štěňata“, ale máte obrázek hračky pro psa, pak by přidání cílového klíčového slova nemělo smysl obrázek popisovat.
Vyhněte se přeplňování klíčovými slovy
Vyhněte se také vycpávání alternativního textu obrázku cílovým klíčovým slovem stránky. Vycpávání klíčových slov vám na stránce s výsledky vyhledávače nezajistí lepší umístění a v očích Googlu je považováno za spam.
Navíc si představte, že čtečka obrazovky musí číst atribut alt obrázku, který je plný klíčových slov. To by vedlo k hroznému uživatelskému zážitku pro někoho, kdo by takové zařízení používal.
Příklad dobrého textu atributu obrázku
Při vytváření bohatých alt atributů pro své obrázky budete muset použít stejné množství odhodlání jako u značek title a meta descriptions.
Níže uvádíme několik příkladů pokynů, které vám pomohou rozlišit mezi dobrými atributy alt a špatnými:
- Špatný (chybí alternativní text):
- Horší (vycpanost klíčových slov):
- Lepší:
- Nejlepší:
Jak přidat text atributu Alt do WordPress
Přidání atributů alt do vašich obrázků WordPress je snadný a přímočarý proces, který nevyžaduje žádné speciální dovednosti v oblasti kódování.
Proces přidávání alternativního textu k novým obrázkům nebo obrázkům, které již byly nahrány, je úplně stejný.
Zde je návod, jak přidat atributy alt ve WordPress:
Krok 1: Klikněte na obrázek a poté klikněte na 3 tečky v pravém rohu.
Krok 2: Poté klikněte na „Zobrazit další nastavení“.
Krok 3: Přejděte dolů do pole „Alternativní text (alternativní text)“ a zadejte text, který chcete vložit.
Případně můžete také přejít do Knihovny médií, kliknout na příslušný obrázek a vložit text do pole Alternativní text.
Jak přidat text atributu Alt do Wix
Po nahrání a přidání obrázků na požadovanou stránku můžete k obrázkům přidat alternativní text.
Zde je návod, jak přidat text atributu alt ve Wix:
Krok 1: Klikněte na příslušný obrázek tak, aby zůstal zvýrazněný. Poté klikněte na ikonu ozubeného kola.
Krok 2: Jakmile kliknete na ikonu ozubeného kola, všimnete si, že se otevře malá nabídka se všemi nastaveními obrazu. Přejděte dolů, dokud neuvidíte pole s názvem „Co je na obrázku? Řekněte Googlu“. Do tohoto pole zadejte text atributu alt obrázku, který nejlépe popisuje váš obrázek.
Jak přidat text atributu Alt v Shopify
Všechny obrázky pro váš obchod Shopify jsou přístupné z knihovny médií vašeho obchodu, zde můžete také aktualizovat text atributu alt obrázku pro každý obrázek.
Chcete-li aktualizovat alternativní text obrázku prostřednictvím knihovny médií, postupujte takto:
Krok 1: Přihlaste se ke svému účtu Shopify a klikněte na Nastavení vašeho obchodu v levém dolním rohu stránky.
Krok 2: Všimnete si, že se otevírá nabídka, přejděte dolů, dokud neuvidíte Soubory, a klikněte na ni.
Krok 3: Zde uvidíte všechny soubory obrázků, které jste přidali do svého obchodu. Klikněte na obrázek, který chcete aktualizovat. Nyní přidejte nový alternativní text do pole označeného „ALT text“ a po dokončení klikněte na Hotovo.
Pokud chcete k obrázkům produktů přidat alternativní text obrázku, přejděte na řídicí panel produktů svého obchodu.
Klikněte na produkt, který chcete aktualizovat, a přejděte dolů do sekce Média.
Poté klikněte na obrázek a přidejte text do dialogového okna Přidat alternativní text.
Jakmile přidáte požadovaný text, nezapomeňte stisknout Uložit alternativní text.
Můžete také přidat svůj alternativní text k obrázkům přímo z editoru obchodu.
Jednoduše klikněte na obrázek, ke kterému chcete přidat alternativní text. Otevře se nabídka s různými nastaveními obrazu a možnostmi přizpůsobení.
Klikněte na Přidat alternativní text a vložte požadovaný text do dostupného textového pole. Po dokončení klikněte na Uložit.
Je důležité přidat alternativní text obrázku k doporučeným obrázkům, protože tyto obrázky mají obvykle za cíl popsat vaši firmu, služby nebo produkty.
Pokud jste již nahráli stovky tisíc obrázků, nejlepší způsob, jak implementovat alternativní text do všech obrázků, je buď přejít na každý produkt samostatně, nebo si případně stáhnout plugin.
Pokud provozujete eCommerce obchod, většina alternativních textů popisuje produkty a varianty produktů, jako je velikost, barva, materiál atd.
Pluginy vám mohou pomoci přidat hlavní popis, měli byste se však zaměřit na poskytování vysoce kvalitních popisů a vyhnout se zefektivnění nebo automatizaci alternativního textu.
Některé pluginy, které vám mohou pomoci urychlit vaše potřeby alternativního textu
Zapojte SEO
Zapojte SEO od SureSwift Capital je jedním z nejlépe hodnocených SEO pluginů pro Shopify. Podle popisu autora pluginu je tato aplikace tím, čím je Yoast SEO pro WordPress.
Tato aplikace Shopify vám umožňuje opravit nefunkční odkazy a přidat schéma do vašeho obchodu. Ale co je důležitější, pomáhá majitelům obchodů přidat text alternativního atributu obrázku k obrázkům produktů a obsahu na stránce.
SEO vše v jednom
The SEO – vše v jednom a automatické SEO aplikace poskytuje majitelům obchodů možnost nastavit jedinečný a dynamický text alternativního atributu pro všechny obrázky produktů. Funkce „Název varianty“ vám umožňuje přidat do alternativních textových popisů více než jednu variantu produktu, jako je barva, velikost a styl.
SEO Image Optimizer od Booster Apps
Booster SEO & Image Optimizer je jedním z nejpopulárnějších pluginů Shopify pro alt atributy s více než 3 100 recenzemi od uživatelů.
Nejen, že vám tato aplikace může pomoci automatizovat generování alternativního textu, ale může také pomoci s optimalizací meta tagů, souborů Sitemap a mnoha dalších úkolů optimalizace pro vyhledávače.
Závěr
Přidání alternativního textu k obrázkům na vašem webu magicky nezvýší jeho hodnocení na první místo na stránkách s výsledky vyhledávačů.
Místo toho atributy alt obrázku slouží k popisu toho, o čem obrázky jsou, aby čtečky obrazovky mohly uživatelům obrázky správně popsat.
Tyto značky také používají vyhledávače, aby pochopily, jak obrázky souvisí s obsahem na stránce. Při správném použití může text atributu alt obrázku také pomoci při hodnocení souvisejících vyhledávacích dotazů na obrázky.
