Optimalizace obrázků pro vyhledávání

Díky obrázkům je váš obsah atraktivnější a poutavější, ale jejich používání je důležité i z hlediska SEO a přístupnosti webu. Obrázky Google (Google Images) je vyhledávací služba, která umožňuje uživatelům vyhledávat na internetu obrázky. Byla spuštěna v roce 2001. Významnou součástí optimalizace obrázků je správně vyplněný alternativní text obrázků, který vám může pomoci k lepšímu umístění v této službě.

Osnova článku:

Co je tzv. alt text

Jak psát alt texty

Jejich význam z hlediska SEO

Tipy pro správné používání obrázků na webu

Jak vyhodnocovat úspěšnost optimalizace obrázků

Nejčastější formáty obrázků pro web

Co je tzv. alt text neboli alternativní text?

Alt text (atribut alt nebo nesprávně „alt tag“) popisuje obsah obrázku pro zrakově postižené a pro roboty.

1. Přidání alternativního textu k obrázkům především vyžadují zásady přístupnosti webu. Každý netextový prvek nesoucí významové sdělení musí mít svou textovou alternativu.

2. V případě, že se obrázek nenačte, zobrazí se text vyplněný v atributu alt.

3. Alt text poskytuje lepší kontext/popis obrázku pro vyhledávače, což jim pomáhá obrázek správně indexovat.

4. Pokud odkazujete přes obrázek a máte vyplněný alternativní text, tak ho vyhledávač bere jako anchor text (popisný text hypertextového odkazu).

V souvislosti s obrázky se setkáte ještě s titulkem obrázku (Title text). Jaký je mezi nimi rozdíl? Alternativní text se uživateli zobrazí v momentě, kdy není možné obrázek načíst, zatímco text titulku se vám ukáže při najetí myší na obrázek.

V průvodci Search Engine Optimization Starter Guide (Google Search Central) se o používání alt textu uvádí toto: „Optimalizace názvů souborů obrázků a alt textu usnadňuje projektům pro vyhledávání obrázků, jako je Google Images, lepší porozumění vašim obrázkům. (…) Nezaplňujte atributy alt klíčovými slovy, protože to povede k negativnímu uživatelskému dojmu a způsobí, že váš web bude považován za spam.“

Jak psát alt texty?

Alt text by neměl přesáhnout 125 znaků. V případě delšího textu přestanou nástroje pro čtení obrazovky tento text dál číst.

Pište popisné, výstižné a relevantní alternativní texty.

Nezačínejte alt text slovy „Toto je obrázek…“, ale přejděte rovnou k jeho popisu.

Nevkládejte klíčové slovo do alt textu každého obrázku. Pokud váš příspěvek na blogu obsahuje několik obrázků, stačí uvést klíčové slovo v jednom z nich. Vyberte obrázek, o kterém si myslíte, že nejlépe vystihuje vaše téma.

Mohou alt tagy ovlivnit pozice v obrázkovém vyhledávání Google?

V srpnu 2021 během diskuse na Twitteru o přínosu alternativního textu pro SEO uvedl vývojář společnosti Google Martin Splitt:

„Ano, alt text je důležitý také pro SEO!“

Tipy pro správné používání obrázků na webu:

• Poskytněte dobrý kontext: Ujistěte se, že váš vizuální obsah souvisí s tématem stránky. Zobrazujte obrázky pouze tam, kde obsah na stránce obohatí.
• Vyberte pro obrázek nejlepší umístění: Pokud je to možné, umistěte obrázek v blízkosti relevantního textu, případně zvažte umístění nejdůležitějšího obrázku v blízkosti horní části stránky.
• Nevkládejte do obrázků důležitý text: Chcete-li zajistit maximální přístupnost obsahu, ponechte text v jazyce HTML a u obrázků uvádějte alternativní text.
• Vytvářejte informativní a hodnotné stránky: Kvalitní obsah na vašem webu je pro Obrázky Google stejně důležitý jako vizuální obsah – poskytuje kontext a činí výsledek lépe využitelným. Obsah stránky může být použit k vygenerování textového úryvku pro obrázek. Google pro umístění obrázků zohledňuje kvalitu obsahu stránky.
• Dbejte na uživatelskou přívětivost webů pro různá zařízení: Uživatelé vyhledávají ve služně Obrázky Google více z mobilních zařízení než z počítačů. Z tohoto důvodu je důležité, abyste své stránky navrhli pro všechny typy a velikosti zařízení. Pomocí testu použitelnosti v mobilech zjistíte, jak vaše stránky fungují na mobilních zařízeních, a získejte zpětnou vazbu, co je třeba opravit.
• Vytvořte správnou strukturu adres URL pro své obrázky: Google používá k pochopení obrázků adresu URL i název souboru.

Zdroj: Google Search Central, „Google Images SEO Best Practices„.

Jak vyhodnocovat úspěšnost optimalizace obrázků?

K tomu využijte například nástroj Google Search Console. Vlevo v menu klikněte na Výkon a poté zvolte Typ vyhledávání na Obrázek.

V Google Search Console pak uvidíte například následující metriky:

Celkový počet kliknutí

Celkový počet zobrazení

Jaké jsou nejčastější formáty obrázků pro web?

• PNG (Portable Network Graphics) je určený pro obrázky s bezeztrátovou kompresí. Kvůli nepřítomnosti ztrátové komprese se nehodí na obrázky typu fotografie.
• JPEG (oint Photographic Experts Group) je vhodný pro ukládání fotografií a podobného obsahu.
• WebP byl zaveden v roce 2010. Jeho autorem je Google. Podporuje bezeztrátové kódování. Je koncipován jako náhrada JPEG i PNG.
• AVIF představila v roce 2018 Alliance for Open Media jako součást otevřeného formátu kódování videa AV1. Tento formát má obecně lepší kompresi než WebP, JPEG, PNG a GIF a je navržen tak, aby je nahradil.

Podrobný popis jednotlivých formátů najdete v článku „ Průvodce formáty obrázků pro web: JPEG, WebP, AVIF, PNG, GIF a SVG“ od Martina Michálka.

Použité zdroje:

Braden Becker, „Image Alt Text: What It Is, How to Write It, and Why It Matters to SEO“

Bruce Clay, „Image Alt Text: What It Is, How to Write It, and Why It Matters to SEO“

Google Search Central, „Google Images SEO Best Practices

Joshua Hardwick, „Image SEO: 12 Actionable Tips (for More Organic Traffic)“

Kamaljet Kaalsi, „Image optimization for SEO: Everything you need to know for success

Marketing Miner Knowledge Base „Co je ALT text (tag) anebo SEO pro obrázky“

Martin Michálek, „Průvodce formáty obrázků pro web: JPEG, WebP, AVIF, PNG, GIF a SVG“

Moz (SEO Learning Center), „Alt Text“

SEO Akademie Collabim, „Google nezajímá co je na obrázku„