Proč se moje favikona nezobrazuje ve výsledcích vyhledávání Google?
Favicona WordPress webu není vidět v SERP Google
Pokud se vaše favikona správně zobrazuje na kartě prohlížeče, ale ne ve výsledcích vyhledávání Google, může to mít několik možných příčin. Může se jednat o technické problémy s implementací nebo jednoduše o to, že Google ještě neobnovil informace o favikoně pro váš web. My se později zaměříme na opravu, která se může projevovat na webec WordPress, což mě osobně dost potrápilo.
Google poskytuje jasnou dokumentaci o tom, jak správně implementovat favikony pro zobrazení ve vyhledávání. Zde najdete kompletní pokyny.
Dodržením těchto oficiálních pokynů zajistíte, že vaše favicon splňuje všechny technické a politické požadavky. Pokud chcete ověřit, zda vaše favicon splňuje technické standardy Google, použijte následující ověřovací nástroj.
Favicon Checker
Tento nástroj vám pomůže ověřit:
Správné rozměry a poměr stran
Formát souboru (PNG, ICO, SVG)
HTTP stavový kód (měl by vracet 200 OK)
Zda je blokován souborem robots.txt
Zda je favicon platný nebo ne
Bohužel i u mě se stalo, že všechno vypadalo v pořádku, ale ikona se stejně nezobrazovala. Tento nástoj ale použijeme ke stažení stávajících ikon. Já jsem pro vygenerování ikon použil plugin Real Favicon Generator - který, jak se ukázalo zatím tuto chybu neopravuje. Na vygenerování ikon ve správném rozměru a vložení "pro Google SERP nefunkčního kódu" postačí.
Provedení této kontroly je nejrychlejší způsob, jak identifikovat problémy s konfigurací, než se spolehnete na proces procházení a vykreslování Google.
Zkontrolujte, zda rozměry faviconu nejsou příliš malé nebo nižší než doporučené. Ačkoli minimální požadovaná velikost je 8x8 pixelů, Google doporučuje použít 48x48 pixelů nebo více, aby bylo zajištěno vysoce kvalitní vykreslení na všech zařízeních.
Favikony definované pouze jako 16x16, 32x32 a jakýkoli poměr menší než 48x48 se mohou zobrazovat v prohlížečích, ale jsou považovány za nedoporučené a nemusí se zobrazovat v SERP.
Doporučené opatření
Použijte čtvercovou favikonu (poměr 1:1) o velikosti 48x48 pixelů nebo větší a vyhněte se nedoporučeným velikostem.
Zkontrolujte neplatné prvky v sekci head
Favicon musí být deklarován pomocí tagu link rel="icon" v platné sekci head .
V sekci head jsou platné pouze následující prvky
title, meta, link, script, style, base, noscript, template.
Běžné neplatné prvky, které narušují parsování: iframe, img, div.
Pokud jsou v sekci head umístěny neplatné prvky HTML, Google může zastavit analýzu před dosažením vaší favicon, což zabrání jejímu rozpoznání.
Klíčová pravidla implementace od Google
Jedna favicon na jeden název hostitele:
Vyhledávání Google podporuje pouze jednu favicon na jeden web, přičemž web je definován svým názvem hostitele.
- Podporováno: https://example.com (domovská stránka na úrovni domény)
- Podporováno: https://news.example.com (domovská stránka na úrovni subdomény)
- Nepodporováno: https://example.com/news (stránka na úrovni podadresáře)
A tady se skrýval domnělý zakopaný pudl. Google totiž nově nedovoluje mít favicon v podresáři, podadresáře, což náž generátor faviconu dělá a ukládá si je do
https://d3arts.cz/wp-content/uploads/fbrfg/
Řešení problému s WordPress
Zpátky na stromy. Řešení sice nevyžaduje žádný plugin, ale šikovný jednoduchý manualní zásah.
- Stáhněte si ikony z Favicon Checkeru do nějaké složky na disku počítače.
- Připravíme si Total Commander nebo jiný prohlížeč souborů, který nám umožňuje připojit se přes FTP k hostingu našeho webu,
- Připojete se na FTP hosting a do kořenového adresáře zkopírujte danou složku.
4. Přejděte do adminu vaší WordPress stránky - Vzhled - Editor Šablony
5. Upravte soubor header.php jako na obrázku - samozřejmě si nezapomeňte zkontorlovat spránost názvů. A pokud máte vše v pořádku. Dejte Aktualizovat soubor. Dejte pozor ať někde neuděláte chybu a neshodíte si celý web!
<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
<link rel="shortcut icon" href="/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />6. Zkontroluje pomocí Google search konzole. Pokud se ani po reindexaci stránky nezadaří, problém je někde jinde. Pokud se zadaří, vidíte ihned v menu konzole, že ikona se začne zobrazovat. Pak už nezbývá než čekat, až se výsledek projeví v SERPu, což může trvat dny až týdny. Nicméně Google Search Console vám je schopná ukázat výsledek okamžitě.
7. Plugin pro generování favicon můžete deaktivovat a smazat. Není nutné, aby byl kód na stránce dvakrát. Můžete ale ponechat již vygenerované staré favikony ve složkách, aby je našli ostatní vyhledávače, které si ještě cestu k souborům pamatují.
Klíčové společné problémy implementace pravidel pro Google
Přístupnost pro procházení: Googlebot-Image (pro soubor favicon) i Googlebot (pro domovskou stránku) musí být schopny procházet zdroje. Neblokujte je ve svém souboru robots.txt.
Zastoupení značky: Favicon by měl jasně reprezentovat značku vašeho webu a být vizuálně rozpoznatelný.
Velikost a formát: Musí být čtvercový (1:1) s minimální velikostí 8x8 pixelů. Doporučená velikost je 48x48 pixelů nebo větší. Zde je přehled podporovaných grafických formátů. Budete ale nutně potřebovat ICO -
(Odkaz na ICO plugin pro Photoshop nebo ho stáhněte přímo z d3arts.cz), PNG a SVG (vektorový soubor).
Stabilní URL: URL adresy favikonů neměňte příliš často. Cesta k souboru by měla zůstat stejná, aby nedocházelo ke zpožděním při opětovném zpracování.
Nevhodné obrázky: Google nezobrazuje favikony obsahující nevhodný, nenávistný nebo pornografický obsah. Takové ikony jsou nahrazeny výchozí favikonou.
Počkejte, až Google provede opětovné procházení
Po provedení oprav počkejte, až Google provede opětovné procházení a zpracování aktualizované favikony. Pro urychlení nebo diagnozu použijte Google Search Console.
Frekvence procházení se liší v závislosti na tom, jak často systémy Google aktualizují obsah. Ve většině případů to může trvat několik dní až několik týdnů.
Buďte trpěliví. I když je vše správně implementováno, aktualizace zobrazení faviconu ve výsledcích vyhledávání může nějakou dobu trvat.
