Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukvývojářVývoj nástrojů umělé inteligence pro firmy. Vysoce kvalitní. Cenově dostupné.Napsat na Telegram

Zkontrolujte faviconu svého webu online: jaké velikosti jsou potřeba a proč Google faviconu nezobrazuje

Zkontrolujte faviconu svého webu online: ICO, PNG, SVG a ikony Apple Touch s velikostmi a náhledy

Co získáte

  • Seznam všech ikon webových stránek – ICO, PNG, SVG, Apple Touch Icon – s velikostmi a náhledy, zdarma
  • Minimální sada favicon, kterou webová stránka potřebuje v roce 2026, a připravený kód
  • Důvody, proč Google zobrazuje šedý glóbus místo vaší ikony
Použít: za 10 minutUloženo: důvěryhodnost a rozpoznávání ve výsledcích vyhledávání a na kartách prohlížeče

Stručná odpověď: chcete-li zkontrolovat favicon vašeho webu online, zadejte svou doménu do bezplatného nástroje Favicon Checker od PromoPilotu a klikněte na „Zkontrolovat“. Nástroj vyhledá všechny ikony deklarované v HTML a umístěné ve standardních cestách, jako je /favicon.ico, zobrazí náhled a velikost každé z nich, zkontroluje ikonu Apple Touch a sdělí vám, které velikosti chybí. Níže je uvedena minimální sada ikon, hotový kód a důvody, proč Google zobrazuje šedý glóbus místo vašeho loga.

Webové stránky tvořím už 12 let a vím to tak: na favicony se zapomíná častěji než na jakýkoli jiný prvek. Designér vytvoří logo, vývojář vytvoří web a přesto nikdo nikdy favicon na kartu nepřidá – dokud se první klient nezeptá: „Proč má náš konkurent favicon v Google a my ne?“

Co kontroluje Favicon Check?

Ikona webové stránky už není jen jeden soubor favicon.ico. Prohlížeče, iPhone, Android a Google používají různé soubory a velikosti. Tento nástroj je všechny agreguje do jedné zprávy.

Co kontroluje? Na co se dívá? Proč tohle web potřebuje?
Ikony z HTML Všechny tagy <link rel="icon">, shortcut icon, apple-touch-icon Právě ty prohlížeče a Google berou v první řadě
Standardní cesty /favicon.ico v kořenovém adresáři webu a další typické adresy Mnoho systémů hledá ikonu i bez tagu.
Velikost každé ikony Šířka a výška v pixelech, formát ICO, PNG, SVG Malá ikona je na obrazovkách s vysokým rozlišením rozmazaná.
Ikona dotyku Apple Existuje ikona pro iPhone a iPad? Bez něj se na domovské obrazovce zobrazí snímek obrazovky stránky.
Náhled Jak vypadá každá nalezená ikona? Můžete vidět ikony nefunkční, prázdné nebo cizí (šablony)
Doporučení Jaké velikosti chybí? Připravený seznam úkolů pro designéra

Jak zkontrolovat faviconu webové stránky online?

Zkontrolujte si favicon ve 3 krocích: zadejte svou doménu, klikněte na „Zkontrolovat“ a prohlédněte si nalezené ikony, velikosti a doporučení.

  1. Otevřete Kontrolu favicon.
  2. Zadejte doménu – stačí example.com, bez udání stránky.
  3. Klikněte na tlačítko „Zkontrolovat“. Nástroj analyzuje HTML kód domovské stránky a standardní cesty.
  4. Zkontrolujte nalezené ikony: náhled, formát a velikost každé z nich. Zkontrolujte, zda se mezi nimi nachází standardní ikona CMS nebo hostingu.
  5. Přečtěte si doporučení a poskytněte chybějící rozměry projektantovi nebo si je vytvořte sami.

Stránka s nástroji: pole domény, tlačítko „Kontrola“ a popis kontrol s častými dotazy.

Bezplatná stránka pro kontrolu favicon od PromoPilotu: pole Doména, vyhledávání všech ikon a kontrola ikon Apple Touch

Ověření je snadné – limit hostů stačí k porovnání vašeho vlastního webu a webů několika konkurentů. Ikony z libovolného webu si můžete prohlédnout a stáhnout – což se hodí, pokud potřebujete najít originál svého loga, který se ztratil spolu se starým dodavatelem.

Jaké velikosti favicon jsou potřeba v roce 2026?

Generátory ikon často vytvářejí 20 souborů, ale ve skutečnosti je potřeba kompaktní sada. Zde je minimum, které používám pro všechny své projekty:

Soubor Velikost Kde se používá?
favicon.ico 16×16 a 32×32 v jednom souboru Staré prohlížeče, systémy, které hledají ikonu v kořenovém adresáři
favicon.svg Vektor Moderní prohlížeče, přehledné na jakékoli obrazovce
apple-touch-icon.png 180×180 Domovská obrazovka iPhonu a iPadu
icon-192.png a icon-512.png 192×192 a 512×512 Webový manifest: Android, instalace webové stránky jako aplikace

A kód pro <head>:

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Tip pro design: Při 16 pixelech se logo a text rozmažou. Použijte symbol, první písmeno názvu nebo zjednodušený znak na kontrastním pozadí. Pro ikonu Apple Touch nepoužívejte průhledné pozadí – iOS ji vyplní černou barvou.

Jak si vyrobit favicon sami, bez designéra?

Pokud nemáte žádné ikony, můžete si základní sadu vytvořit za půl hodiny. Postup je následující:

  1. Použijte symbol, ne celé logo. Použijte první písmeno názvu, symbol z loga nebo jednoduchý geometrický tvar v barvě značky. Ujistěte se, že je rozpoznatelný v rozlišení 16 pixelů.
  2. Nakreslete čtverec o rozměrech 512x512. Postačí vám jakýkoli grafický editor nebo online designér. Ponechte okraje, aby cedule nezasahovala do rámečku.
  3. Uložte zdrojový soubor jako SVG – stane se z něj favicon.svg a všechny PNG požadované velikosti lze oříznout bez ztráty kvality.
  4. Zbývající velikosti (ICO, 180, 192) vygenerujte v generátoru ikon a soubory umístěte do kořenového adresáře webu.
  5. Vložte kód do hlavičky a znovu zkontrolujte výsledek v nástroji.

Zkontrolujte, jak ikona vypadá v tmavém motivu prohlížeče: černá ikona na průhledném pozadí v tmavé kartě Chrome jednoduše zmizí. Pomůže světlé pozadí nebo kontrastní obrys.

Proč Google nezobrazuje favicon webu?

Nejčastěji kladená otázka: Pokud se ve výsledcích vyhledávání vedle adresy zobrazí šedý glóbus, obvykle k tomu existuje několik důvodů:

  1. Ikona není čtvercová. Google vyžaduje poměr stran 1:1 a velikost alespoň 8x8, ale doporučuje větší než 48x48: drobná favicon.ico o rozměrech 16x16 vypadá ve výsledcích vyhledávání rozmazaně.
  2. Ikona je pro roboty blokována. Google -Image musí mít přístup k souboru ikony a Google musí mít přístup k hlavnímu souboru. Pokud je složka s obrázky v souboru robots.txt blokována nebo je soubor vrácen s chybou, ikona se ve výsledcích vyhledávání nezobrazí.
  3. Štítek není na domovské stránce. Google přebírá favicon z domovské stránky domény nebo subdomény; sekce domovské stránky, například example.com/shop není vhodná.
  4. Adresa ikony je nestabilní. Pokud se cesta mění s každým sestavením webu ( /icon.a83f2.png), Google ji nemusí být schopen rychle aktualizovat.
  5. Už je to nějaký čas. Google neaktualizuje favicon ihned po opravě; můžete to urychlit tím, že v Search Console požádáte o opětovné prohledání domovské stránky. Google neuvádí přesný časový rámec, takže výsledky zkontrolujte nejdříve za několik dní.
  6. Ikona porušuje pravidla. Google nahrazuje nepřijatelné obrázky standardní ikonou.

Srovnání: Kontrola favicon a alternativy

Nástroj Co je zdarma? Omezení Pro koho je to vhodné?
PromoPilot - Kontrola favicon Všechny ikony z HTML a standardní cesty, velikosti, náhledy, ikona Apple Touch, doporučení Nevytváří ikony, kontroluje tu hlavní Rychle zkontrolujte svůj web nebo web konkurence
RealFaviconGenerator Generování sady ikon a kódu, kontrola favicon Generátor vytváří spoustu souborů, musíte zjistit, které si ponechat Pro ty, kteří potřebují vytvářet ikony od nuly
Konzole pro vyhledávání Google Požádat o opětovné skenování hlavního Pouze jeho ověřený web, ikona se nekontroluje Zrychlete aktualizace ikon ve výsledcích vyhledávání
Nástroje pro vývojáře v prohlížeči Karta s manifestem a ikonami Musíte vědět, kde hledat Pro vývojáře

Závěr: online nástroj je pohodlnější pro kontrolu, generátor pro vytvoření sady a Search Console pro urychlení aktualizací v Google.

Mimochodem, PromoPilot nabízí 87 bezplatných SEO nástrojů. Jak vypadá favicon vedle názvu, si můžete snadno prohlédnout v náhledu SERP – v naší sérii máme o tom samostatný článek.

Jaká jsou omezení ověřování favicon?

Nástroj kontroluje, co web inzeruje a vrací: neřekne vám, kdy Google aktualizuje ikonu ve výsledcích vyhledávání – to záleží na samotném vyhledávači. Pokud jsou ikony přidány skriptem po načtení stránky, některé nemusí být v přehledu zahrnuty. Kontrola se také zaměřuje na doménu jako celek – pokud různé části webu mají různé ikony (například subdoména obchodu), zkontrolujte je samostatně.

Kdy bezplatný nástroj nestačí?

Webová stránka bez faviconu a s plnou sadou ikon: šedý glóbus Googlu versus jeho vlastní ikona a ikona Apple Touch

Favicon je drobný problém, který zřídka vyžaduje specialistu. Existují však případy, kdy je drobný problém příznakem. Pomoc je potřeba, pokud:

  • ikona je správná, ale Google už měsíce zobrazuje glóbus – to znamená, že problém je v přístupu robota nebo v šabloně;
  • značka nemá jednoduché logo a potřebuje firemní styl, který funguje na 16 pixelech;
  • web je kompilován pomocí nástroje pro tvorbu a cesty k ikonám se mění s každou aktualizací;
  • Favicon je jen jednou z desítek drobných chyb, které se v průběhu let nahromadily.

Co mohu udělat pro váš web?

Jsem Valerij Danjuk, vývojář a SEO specialista s 12 lety zkušeností a více než 200 klienty. Na každý web před jeho spuštěním nastavuji favicony, náhledy na sociálních sítích a značkování.

SEO a audit

Webové stránky a internetové obchody

CRM a automatizace

Pošlete mi adresu webu v Telegram - zkontroluji ikony a pět nebo šest dalších drobností, na které se často zapomíná.

Výsledek

  1. Kontrola favicon vyhledá všechny ikony webů, jejich velikosti a během minuty vám ukáže, které chybí.
  2. Minimální sada: favicon.ico, favicon.svg, ikona Apple Touch 180×180 a ikony 192 a 512 pro webový manifest.
  3. Pro Google musí být ikona čtvercová, větší než 48x48, přístupná robotovi a deklarovaná na hlavní stránce.
  4. Pokud je snazší web znovu sestavit než opravovat drobné problémy, 1001site automaticky přizpůsobí ikony a náhledy.

Zkontrolujte svou doménu pomocí bezplatného nástroje Favicon Checker – a zároveň zkontrolujte doménu svého hlavního konkurenta.

Zdroje

  • Stránka Kontrola favikon na PromoPilotu – seznam kontrol a Často kladené otázky.
  • Centrum vyhledávání Google – Požadavky na favikony výsledků vyhledávání.
  • RealFaviconGenerator — generuje a testuje sadu ikon.

Zdroje a reference

Otázky a odpovědi

Proč webová stránka potřebuje favicon?

Favicon je ikona webové stránky, která se zobrazuje v záložkách prohlížeče, historii a vedle adresy ve výsledcích vyhledávání Google na telefonech a počítačích. Favicon umožňuje rozpoznat webovou stránku a odlišuje ji od ostatních výsledků vyhledávání; bez ní prohlížeč a Google zobrazují obecnou ikonu.

Jaké velikosti favicon jsou potřeba?

Praktické minimum: favicon.ico (16 a 32 pixelů v jednom souboru) nebo PNG 32x32 pro prohlížeče, SVG pro moderní prohlížeče, Apple Touch Icon 180x180 pro iPhone a iPad, PNG 192x192 a 512x512 pro webový manifest na Androidu. Pro Google by ikona měla být čtvercová; doporučuje se velikost větší než 48x48.

Co je ikona Apple Touch?

Toto je ikona, kterou iPhony a iPady zobrazují při přidání webové stránky na domovskou obrazovku a také v některých záložkách Safari. Standardní velikost je PNG o rozměrech 180x180 pixelů bez průhlednosti. Bez průhlednosti zařízení používá zmenšený snímek obrazovky stránky.

Zkontrolovali jsme web, ale nikdo to neopravil?

Tento bezplatný nástroj odhalí problémy. Analyzuji zprávu, stanovím priority a opravím je: SEO audit, zrychlení, vylepšení značkování a migrace na nový web bez ztráty pozice ve vyhledávání.