Problémy s faviconou – jak řešit?

Nezobrazuje vám vyhledávač Google nebo Bing ikonu vašeho webu? Možná máte špatně nastavené soubory v hlavičce. Máme pro vás jednoduché řešení, jak vše opravit.

Existuje jednoduchý a velice šikovný nástroj, který je zdarma. RealFaviconGenerator

Krok 1

Připravte si čtvercový PNG soubor s ikonou ve formátu alespoň 512×512 px.

Krok 2

Otevřete si web generátoru a soubor nahrajte. (Pick your favicon image)

Krok 3

Otevře se vám stránka s nastavením detailů favicony – můžete přidat okraje, odstranit pozadí, upravit ikonu pro tmavou variantu. Vše vidíte i s náhledy ikon. Pokud máte ikonu dobře připravenou, stačí všude zvolit Use the icon as is.

V části Web app manifest v políčku Name a Short name vyplníte název vašeho webu, jak by se případně zobrazoval na ploše.

Poslední řádek je Favicon path – tedy umístěná na serveru. Můžete ikony nahrát do root adresáře nebo založit např. adresář Favicon a nahrát je do něj. Pokud zvolíte druhou cestu, nechte v kořenovém adresáři duplicitně soubor favicon.ico pro některé prohlížeče. Jsou na to zvyklé 😉

Krok 4

Jděte na další krok a máte zde připravenou kompletní sadu favicon ke stažení. Stáhněte ji, rozbalte a ikony nahrajte do vašeho adresáře na serveru.

Vygenerovaný HTML kód teď musíte vložit ho hlavičky. Můžete použít nástroj Elementoru Pro – Custom Code.

Nyní ještě zbývá v nastavení šablony WordPressu vymazat stávající faviconu, abyste neduplikovali zápisy v hlavičce.

Nyní zkuste přes Goolge Search Console a Bing Webmaster re-indexovat web a pak už jen počkejte na změnu. Může se projevit v řádu hodin, dnů i týdnů.

Na webu generátoru si zároveň můžete otestovat, zda jste vše nahráli správně.