Jakou velikost má mít favicon?

Připravte zdrojový čtverec alespoň 512 × 512 px a z něj velikosti 16, 32, 48, 180 a 192 px. Pro Google musí být ikona čtvercová a nejméně 48 × 48 px.

Musí být favicon ve formátu ICO?

Ne. Moderní prohlížeče podporují PNG i SVG. Soubor favicon.ico v kořeni webu je ale dobré ponechat pro starší prohlížeče a nástroje.

Jak dlouho trvá, než Google zobrazí nový favicon?

Obvykle několik dní až týdnů, podle toho, jak často Google web prochází. Urychlit to může žádost o indexaci domovské stránky v Search Console.

Může mít každá stránka jiný favicon?

Technicky ano, ale Google zobrazuje jeden favicon pro celý web podle domovské stránky. Pro konzistentní značku používejte jednu ikonu.

Co je favicon? Velikosti, formáty a jak ho přidat na web

Kde se favicon zobrazuje

• Záložka a historie prohlížeče. • Oblíbené položky a záložky. • Ikona na ploše telefonu, když si návštěvník web uloží (apple-touch-icon, ikona webové aplikace). • Výsledky vyhledávání Googlu na mobilu i počítači. Ve výsledcích vyhledávání pomáhá favicon odlišit značku od konkurence a zvyšuje důvěru v odkaz.

Formáty a velikosti

• favicon.ico — klasický formát, který prohlížeče hledají v kořeni webu; může obsahovat více velikostí (16 × 16, 32 × 32, 48 × 48 px). • PNG — 32 × 32 a 192 × 192 px pro prohlížeče a Android, 180 × 180 px jako apple-touch-icon pro iPhone. • SVG — vektorová ikona, která je ostrá v každé velikosti a umí reagovat na tmavý režim. Google vyžaduje čtvercový favicon o velikosti alespoň 48 × 48 px (nebo jejich násobku).

Jak favicon přidat na web

Do hlavičky stránky se vloží odkazy, například <link rel="icon" href="/favicon.svg" type="image/svg+xml"> a <link rel="apple-touch-icon" href="/apple-touch-icon.png">. Ve WordPressu stačí v sekci Vzhled › Přizpůsobit › Identita webu nahrát čtvercový obrázek alespoň 512 × 512 px a systém vytvoří potřebné velikosti sám.

Proč se favicon v Googlu nezobrazuje

Nejčastější příčiny: ikona není čtvercová nebo je menší než 48 × 48 px, soubor blokuje robots.txt, odkaz v hlavičce vede na neexistující soubor, nebo Google web zatím znovu neprocházel. Po opravě může trvat několik dní až týdnů, než se nová ikona ve výsledcích objeví.

Jak navrhnout dobrý favicon

Ikona se zobrazuje velmi malá, proto celé logo s textem bývá nečitelné. Lépe funguje jeden výrazný symbol nebo písmeno, dostatečný kontrast a jednoduchý tvar. Vyzkoušejte ji na světlém i tmavém pozadí, protože prohlížeče i Google zobrazují obojí.

Favicon

Kde se favicon zobrazuje

Formáty a velikosti

Jak favicon přidat na web

Proč se favicon v Googlu nezobrazuje

Jak navrhnout dobrý favicon

Chcete, aby web působil profesionálně do posledního detailu?

Související pojmy

Nejčastější otázky o faviconu

Potřebujete pomoc s vaším webem?