Stručná odpoveď: ak chcete skontrolovať favicon vašej webovej stránky online, zadajte svoju doménu do bezplatného nástroja Favicon Checker od PromoPilot a kliknite na tlačidlo „Skontrolovať“. Nástroj nájde všetky ikony deklarované v HTML a umiestnené v štandardných cestách, ako napríklad /favicon.ico, zobrazí ukážku a veľkosť každej z nich, skontroluje ikonu Apple Touch a oznámi vám, ktoré veľkosti chýbajú. Nižšie je uvedený minimálny súbor ikon, hotový kód a dôvody, prečo Google zobrazuje sivý glóbus namiesto vášho loga.
Webové stránky tvorím už 12 rokov a viem to takto: na favicony sa zabúda častejšie ako na ktorýkoľvek iný prvok. Dizajnér vytvorí logo, vývojár zostaví webovú stránku a napriek tomu nikto nikdy favicon na kartu nepridá – až kým sa prvý klient neopýta: „Prečo má náš konkurent favicon v Google a my nie?“
Čo kontroluje Kontrola ikony favicon?
Ikona webovej stránky už nie je len jeden súbor favicon.ico. Prehliadače, iPhone, Android a Google používajú rôzne súbory a veľkosti. Tento nástroj ich všetky agreguje do jednej správy.
| Čo kontroluje? | Na čo sa pozerá? | Prečo to stránka potrebuje? |
|---|---|---|
| Ikony z HTML | Všetky značky <link rel="icon">, shortcut icon, apple-touch-icon | Práve tieto prehliadače a Google berú v prvom rade |
| Štandardné cesty | /favicon.ico v koreňovom adresári stránky a ďalšie typické adresy | Mnoho systémov hľadá ikonu aj bez značky. |
| Veľkosť každej ikony | Šírka a výška v pixeloch, formát ICO, PNG, SVG | Malá ikona je na obrazovkách s vysokým rozlíšením rozmazaná. |
| Ikona dotyku Apple | Existuje ikona pre iPhone a iPad? | Bez neho sa na domovskej obrazovke zobrazí snímka obrazovky stránky. |
| Náhľad | Ako vyzerá každá nájdená ikona? | Môžete vidieť nefunkčné, prázdne alebo cudzie (šablónové) ikony |
| Odporúčania | Aké veľkosti chýbajú? | Hotový zoznam úloh pre dizajnéra |
Ako skontrolovať favicon webovej stránky online?
- Otvorte Kontrolu ikony stránky.
- Zadajte doménu – stačí
example.com, bez uvedenia stránky. - Kliknite na tlačidlo „Skontrolovať“. Nástroj analyzuje HTML kód domovskej stránky a štandardné cesty.
- Skontrolujte nájdené ikony: náhľad, formát a veľkosť každej z nich. Skontrolujte, či sa medzi nimi nachádza štandardná ikona CMS alebo hostingu.
- Prečítajte si odporúčania a poskytnite chýbajúce rozmery projektantovi alebo si ich vytvorte sami.
Stránka s nástrojmi: pole domény, tlačidlo „Skontrolovať“ a popis kontrol s najčastejšie otázky.
Overenie je jednoduché – limit hostí stačí na porovnanie vašej vlastnej stránky a stránok niekoľkých konkurentov. Ikony z ľubovoľnej stránky si môžete pozrieť a stiahnuť – čo je užitočné, ak potrebujete nájsť originál vlastného loga, ktorý ste stratili spolu so starým dodávateľom.
Aké veľkosti favicon sú potrebné v roku 2026?
Generátory ikon často vytvoria 20 súborov, ale v skutočnosti je potrebná kompaktná sada. Tu je minimum, ktoré používam pre všetky svoje projekty:
| Súbor | Veľkosť | Kde sa používa? |
|---|---|---|
favicon.ico | 16×16 a 32×32 v jednom súbore | Staré prehliadače, systémy, ktoré hľadajú ikonu v koreňovom adresári |
favicon.svg | Vektor | Moderné prehliadače, prehľadné na akejkoľvek obrazovke |
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, inštalácia webovej stránky ako aplikácie |
A kód pre <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 pre dizajn: Pri 16 pixeloch sa logo a text rozmažú. Použite symbol, prvé písmeno názvu alebo zjednodušený znak na kontrastnom pozadí. Pre ikonu Apple Touch nepoužívajte priehľadné pozadie – systém iOS ju vyplní čiernou farbou.
Ako si vytvoriť favicon sami, bez dizajnéra?
Ak nemáte žiadne ikony, základnú sadu si môžete vytvoriť za pol hodiny. Postup je nasledovný:
- Použite symbol, nie celé logo. Použite prvé písmeno názvu, symbol z loga alebo jednoduchý geometrický tvar vo farbe značky. Uistite sa, že je rozpoznateľný pri 16 pixeloch.
- Nakreslite štvorec s rozmermi 512x512. Postačí vám akýkoľvek grafický editor alebo online dizajnér. Nechajte okolo okrajov nejaké okraje, aby značka nezasahovala do rámčeka.
- Uložte zdrojový súbor ako SVG – stane sa z neho
favicon.svga všetky PNG súbory požadovaných veľkostí je možné orezať bez straty kvality. - Zvyšné veľkosti (ICO, 180, 192) vygenerujte v generátore ikon a súbory umiestnite do koreňového adresára stránky.
- Vložte kód do hlavičky a znova skontrolujte výsledok v nástroji.
Skontrolujte, ako sa ikona zobrazuje v tmavej téme prehliadača: čierna ikona na priehľadnom pozadí jednoducho zmizne v tmavej karte prehliadača Chrome. Pomôže svetlé pozadie alebo kontrastný obrys.
Prečo Google nezobrazuje favicon stránky?
Najčastejšie kladená otázka: Ak sa vo výsledkoch vyhľadávania vedľa adresy zobrazuje sivý glóbus, zvyčajne na to existuje niekoľko dôvodov:
- Ikona nie je štvorcová. Google vyžaduje pomer strán 1:1 a veľkosť aspoň 8x8, ale odporúča väčšiu veľkosť ako 48x48: drobná
favicon.icos rozmermi 16x16 vyzerá vo výsledkoch vyhľadávania rozmazane. - Ikona je pre roboty blokovaná. Google -Image musí mať prístup k súboru s ikonou a Google musí mať prístup k hlavnému súboru. Ak je priečinok s obrázkom blokovaný v súbore robots.txt alebo sa súbor vráti s chybou, ikona sa vo výsledkoch vyhľadávania nezobrazí.
- Značka sa nenachádza na domovskej stránke. Google preberá favicon z domovskej stránky domény alebo subdomény; sekcia domovskej stránky, ako napríklad
example.com/shopnie je vhodná. - Adresa ikony je nestabilná. Ak sa cesta mení s každou verziou stránky (
/icon.a83f2.png), Google ju nemusí byť schopný rýchlo aktualizovať. - Už je to nejaký čas. Google neaktualizuje favicon ihneď po oprave; môžete to zrýchliť tak, že v Search Console požiadate o opätovné skenovanie domovskej stránky. Google neposkytuje presný časový rámec, takže výsledky si overte najskôr o niekoľko dní.
- Ikona porušuje pravidlá. Google nahrádza neprijateľné obrázky štandardnou ikonou.
Porovnanie: Kontrola Favicon a alternatívy
| Nástroj | Čo je zadarmo? | Obmedzenia | Pre koho je vhodný? |
|---|---|---|---|
| PromoPilot - Kontrola ikony stránky | Všetky ikony z HTML a štandardné cesty, veľkosti, náhľady, ikona Apple Touch, odporúčania | Nevytvára ikony, kontroluje hlavnú | Rýchlo skontrolujte svoju webovú stránku alebo webovú stránku konkurencie |
| RealFaviconGenerator | Generovanie sady ikon a kódu, kontrola favicon | Generátor vytvára veľa súborov, musíte zistiť, ktoré si ponechať | Pre tých, ktorí potrebujú vytvoriť ikony od začiatku |
| Konzola vyhľadávania Google | Požiadať o opätovné skenovanie hlavného | Iba jeho overená stránka, nekontroluje ikonu | Zrýchlite aktualizácie ikon vo výsledkoch vyhľadávania |
| Nástroje pre vývojárov v prehliadači | Karta s manifestom a ikonami | Musíte vedieť, kde hľadať | Pre vývojárov |
Záver: online nástroj je pohodlnejší na kontrolu, generátor na vytvorenie sady a Search Console na zrýchlenie aktualizácií v Google.
Mimochodom, PromoPilot má 87 bezplatných SEO nástrojov. Ako vyzerá favicon vedľa názvu v ukážke SERP, si môžete jednoducho pozrieť – v našej sérii máme o tom samostatný článok.
Aké sú obmedzenia overovania favicon?
Nástroj kontroluje, čo stránka inzeruje a vracia: nepovie vám, kedy Google aktualizuje ikonu vo výsledkoch vyhľadávania – to závisí od samotného vyhľadávača. Ak ikony pridá skript po načítaní stránky, niektoré nemusia byť zahrnuté v správe. Kontrola sa tiež zameriava na doménu ako celok – ak majú rôzne časti stránky rôzne ikony (napríklad subdoména obchodu), skontrolujte ich samostatne.
Kedy bezplatný nástroj nestačí?
Favicon je drobný problém, ktorý zriedkakedy vyžaduje špecialistu. Existujú však prípady, keď je drobný problém príznakom. Pomoc je potrebná, ak:
- ikona je správna, ale Google už mesiace zobrazuje glóbus – to znamená, že problém je v prístupe robota alebo v šablóne;
- značka nemá jednoduché logo a potrebuje firemný štýl, ktorý funguje na 16 pixeloch;
- stránka je zostavená pomocou nástroja na tvorbu a cesty k ikonám sa menia s každou aktualizáciou;
- Favicon je len jednou z desiatok drobných chýb, ktoré sa v priebehu rokov nahromadili.
Čo môžem urobiť pre vašu webovú stránku?
Volám sa Valerij Danjuk, vývojár a SEO špecialista s 12-ročnými skúsenosťami a viac ako 200 klientmi. Pred spustením každej webovej stránky nastavujem favicony, náhľady na sociálne siete a značkovanie.
SEO a audit
- SEO audit webových stránok na kľúč: Nájdem všetky technické detaily – od favicon a náhľadov až po indexovanie a rýchlosť – a opravím ich v kóde.
Webové stránky a internetové obchody
- Vytvorte si webovú stránku v štýle webovej stránky niekoho iného za pár minút – na 1001site sa ikony, náhľady a rozloženie konfigurujú automaticky.
- Tilda s predplatným alebo webová stránka s umelou inteligenciou – úprimné porovnanie prístupov.
- Koľko stojí webová stránka na kľúč v roku 2026? Aké faktory určujú cenu?
- Webová stránka WordPress s AI asistentom za 299 € a 3 dni.
CRM a automatizácia
- CRM systém na mieru s databázou zákazníkov a osobami s rozhodovacou právomocou pre spoločnosť zo Slovenska.
- CRM pre spoločnosť zaoberajúcu sa demontážou áut, ktorý automaticky vypočítava ceny a tlačí faktúry.
Pošlite mi adresu webovej stránky v Telegram - skontrolujem ikony a päť alebo šesť ďalších drobností, na ktoré sa často zabúda.
Výsledok
- Kontrola Favicon Checker vyhľadá všetky ikony stránok, ich veľkosti a za minútu ukáže, ktoré chýbajú.
- Minimálna sada: favicon.ico, favicon.svg, ikona Apple Touch 180×180 a ikony 192 a 512 pre webový manifest.
- Pre Google musí byť ikona štvorcová, väčšia ako 48x48, prístupná robotovi a deklarovaná na hlavnej stránke.
- Ak je jednoduchšie prestavať webovú stránku ako opraviť menšie problémy, 1001site automaticky prispôsobí ikony a ukážky.
Skontrolujte si svoju doménu pomocou bezplatného nástroja na kontrolu Favicon – a zároveň skontrolujte doménu svojho hlavného konkurenta.
Zdroje
- Stránka Kontrola Favicon na PromoPilote – zoznam kontrol a najčastejšie otázky.
- Centrum vyhľadávania Google – Požiadavky na ikonu stránky s výsledkami vyhľadávania.
- RealFaviconGenerator — generuje a testuje sadu ikon.
