A rövid válasz: webhelyed faviconjának online ellenőrzéséhez add meg a domainedet a PromoPilot ingyenes Favicon ellenőrzőjében, majd kattints az „Ellenőrzés” gombra. Az eszköz megkeresi az összes HTML-ben deklarált és szabványos elérési utakon, például /favicon.ico található ikont, megjeleníti mindegyik előnézetét és méretét, ellenőrzi az Apple Touch ikont, és megmondja, mely méretek hiányoznak. Alább látható egy minimális ikonkészlet, a kész kód, és az okok, amiért Google szürke földgömböt jelenít meg a logód helyett.
12 éve készítek weboldalakat, és tudom: a faviconokat gyakrabban felejtik el az emberek, mint bármely más elemet. A tervező elkészíti a logót, a fejlesztő felépíti a weboldalt, mégis senki sem ad hozzá favicont a fülhöz – egészen addig, amíg az első ügyfél meg nem kérdezi: „Miért van a versenytársunknak faviconja Google -ben, nekünk pedig nincs?”
Mit ellenőriz a Favicon Check?
Egy weboldal ikonja már nem csupán egyetlen favicon.ico fájl. A böngészők, az iPhone, az Android és Google mind különböző fájlokat és méreteket használnak. Ez az eszköz egyetlen jelentésbe összesíti őket.
| Mit ellenőriz? | Mit néz? | Miért van erre szüksége az oldalnak? |
|---|---|---|
| HTML ikonok | Minden címke <link rel="icon">, shortcut icon, apple-touch-icon | Ezeket veszik figyelembe elsősorban a böngészők és Google |
| Standard elérési utak | /favicon.ico a webhely gyökerében és más tipikus címek | Sok rendszer címke nélkül is keresi az ikont. |
| Az egyes ikonok mérete | Szélesség és magasság pixelben, formátum ICO, PNG, SVG | A kis ikon elmosódott a nagyfelbontású képernyőkön. |
| Apple Touch ikon | Van iPhone-ra és iPadre külön ikon? | Enélkül az oldal képernyőképe jelenik meg a kezdőképernyőn. |
| Előnézet | Hogyan néz ki az egyes talált ikonok? | Törött, üres vagy idegen (sablon) ikonokat láthat |
| Ajánlások | Milyen méretek hiányoznak? | Egy előre elkészített feladatlista egy tervező számára |
Hogyan lehet online ellenőrizni egy weboldal faviconját?
- Nyisd meg a Favicon ellenőrzőt.
- Írd be a domaint -
example.comelég, az oldal megadása nélkül. - Kattintson az „Ellenőrzés” gombra. Az eszköz elemzi a kezdőlap HTML-kódját és a szabványos elérési utakat.
- Tekintse át a talált ikonokat: előnézet, formátum és méret. Ellenőrizze, hogy van-e közöttük szabványos CMS vagy tárhely ikon.
- Olvasd el az ajánlásokat, és add meg a hiányzó méreteket a tervezőnek, vagy készítsd el őket magad.
Eszközoldal: domain mező, „Ellenőrzés” gomb és az ellenőrzések leírása a GYIK-kel együtt.
Az ellenőrzés egyszerű – a vendégkorlát elegendő ahhoz, hogy összehasonlítsd a saját oldaladat néhány versenytárs oldalával. Bármelyik oldal ikonjai megtekinthetők és letölthetők – ez hasznos lehet, ha meg kell találnod a saját logód eredetijét, amely egy régi vállalkozóval együtt elveszett.
Milyen méretű faviconokra lesz szükség 2026-ban?
Az ikongenerátorok gyakran 20 fájlt hoznak létre, de amire igazán szükség van, az egy kompakt készlet. Íme a minimum, amit minden projektemhez használok:
| Fájl | Méret | Hol használják? |
|---|---|---|
favicon.ico | 16×16 és 32×32 egy fájlban | Régi böngészők, olyan rendszerek, amelyek ikont keresnek a gyökérkönyvtárban |
favicon.svg | Vektor | Modern böngészők, bármilyen képernyőn jól látható |
apple-touch-icon.png | 180×180 | iPhone és iPad kezdőképernyője |
icon-192.png és icon-512.png | 192×192 és 512×512 | Web-manifest: Android, weboldal telepítése alkalmazásként |
És a <head> kódja:
<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">
Tervezési tipp: 16 képpontnál a logó és a szöveg elmosódik. Használj egy szimbólumot, a név első betűjét vagy egy egyszerűsített karaktert kontrasztos háttéren. Az Apple Touch ikonhoz ne használj átlátszó hátteret – az iOS feketével tölti ki.
Hogyan készítsünk favicont saját kezűleg, tervező nélkül?
Ha egyáltalán nincsenek ikonjaid, fél óra alatt létrehozhatsz egy alapkészletet. Íme az eljárás:
- Használj szimbólumot, ne a teljes logót. Használd a név első betűjét, a logó egyik szimbólumát, vagy egy egyszerű geometriai alakzatot a márka színében. Győződj meg róla, hogy 16 képponton felismerhető.
- Rajzolj egy 512x512-es négyzetet. Bármelyik grafikus szerkesztő vagy online tervező megteszi. Hagyj némi margót a szélek körül, hogy a tábla ne nyúljon bele a szegélyekbe.
- Mentsd el a forrásfájlt SVG formátumban —
favicon.svgválik, és az összes kívánt méretű PNG minőségromlás nélkül kivágható. - Generáld le a fennmaradó méreteket (ICO, 180, 192) az ikongenerátorban, és helyezd el a fájlokat a webhely gyökerében.
- Illeszd be a kódot a fejlécbe, és ellenőrizd újra az eredményt az eszközben.
Nézd meg, hogyan jelenik meg az ikon a böngésző sötét témájában: egy átlátszó háttéren lévő fekete ikon egyszerűen eltűnik egy sötét Chrome-lapon. Egy világos háttér vagy kontrasztos körvonal segíthet.
Miért nem mutatja Google az oldal faviconját?
A leggyakrabban feltett kérdés: Ha egy szürke földgömböt lát egy cím mellett a keresési eredmények között, annak általában több oka is lehet:
- Az ikon nem négyzet alakú. Google 1:1 képarányt és legalább 8x8 méretet követel meg, de a 48x48-nál nagyobb méretet ajánlja: az apró, 16x16-os
favicon.icoelmosódottan jelenik meg a keresési eredmények között. - Az ikon blokkolva van a robotok elől. Google - Képnek hozzáféréssel kell rendelkeznie az ikonfájlhoz, Google pedig a főfájlhoz. Ha a képmappa blokkolva van a robots.txt fájlban, vagy a fájl hibával tér vissza, az ikon nem jelenik meg a keresési eredmények között.
- A címke nincs a kezdőlapon. Google a favicont a domain vagy aldomain kezdőlapjáról veszi; a kezdőlap rész, például
example.com/shopnem megfelelő. - Az ikon címe instabil. Ha az elérési út minden webhely-felépítésnél (
/icon.a83f2.png) változik, előfordulhat, hogy Google nem tudja gyorsan frissíteni. - Elég régóta nem történt ilyen. Google nem frissíti azonnal a favicont egy javítás után; ezt felgyorsíthatod, ha a Search Console-ban kéred a kezdőlap újraolvasását. Google nem ad meg pontos időkeretet, ezért az eredményeket legkorábban néhány nap múlva ellenőrizd.
- Az ikon sérti a szabályokat. Google az elfogadhatatlan képeket egy szabványos ikonra cseréli.
Összehasonlítás: Favicon-ellenőrző és alternatívák
| Eszköz | Mi az ingyenes? | Korlátozások | Kinek alkalmas? |
|---|---|---|---|
| PromoPilot - Favicon ellenőrző | Minden HTML-ből és szabványos elérési utakból származó ikon, méretek, előnézetek, Apple Touch ikon, ajánlások | Nem hoz létre ikonokat, csak a fő ikont ellenőrzi. | Gyorsan ellenőrizd a saját vagy egy versenytárs weboldalát |
| RealFaviconGenerátor | Ikonok és kód generálása, faviconok ellenőrzése | A generátor sok fájlt generál, ki kell találnod, melyiket tartsd meg | Azoknak, akiknek ikonokat kell készíteniük a semmiből |
| Google Search Console | A fő újrabeolvasásának kérése | Csak az ellenőrzött webhely, nem ellenőrzi az ikont | Gyorsítsa fel az ikonok frissítését a keresési eredmények között |
| Fejlesztői eszközök a böngészőben | Manifesztet és ikonokat tartalmazó lap | Tudnod kell, hol keresd | Fejlesztőknek |
Következtetés: egy online eszköz kényelmesebb az ellenőrzéshez, egy generátor egy készlet létrehozásához, és a Search Console Google frissítéseinek felgyorsításához.
Egyébként a PromoPilot 87 ingyenes SEO eszközzel rendelkezik. Könnyen megnézheted, hogyan néz ki a favicon a cím mellett a SERP előnézetében – erről egy külön cikket írtunk a sorozatunkban.
Milyen korlátai vannak a favicon-ellenőrzésnek?
Az eszköz ellenőrzi, hogy mit hirdet és ad vissza a webhely: nem mondja meg, hogy Google mikor frissíti az ikont a keresési eredmények között – ez magától a keresőmotortól függ. Ha az ikonokat egy szkript adja hozzá az oldal betöltése után, előfordulhat, hogy néhány nem szerepel a jelentésben. Az ellenőrzés a domain egészét is vizsgálja – ha a webhely különböző részein eltérő ikonok találhatók (például egy áruház aldomainjén), akkor azokat külön kell ellenőrizni.
Mikor nem elég egy ingyenes eszköz?
A favicon egy kisebb probléma, ami ritkán igényel szakember segítségét. De vannak olyan esetek, amikor egy kisebb probléma csak tünet. Segítségre van szükség, ha:
- az ikon helyes, de Google hónapok óta egy földgömböt mutat - ez azt jelenti, hogy a probléma a robot hozzáférésével vagy a sablonnal van;
- a márkának nincs egyszerű logója, és olyan vállalati stílusra van szüksége, amely 16 pixelen működik;
- a webhelyet egy builder segítségével állítják össze, és az ikonokhoz vezető elérési utak minden frissítéssel változnak;
- A favicon csak egy a tucatnyi apróbb hiba közül, amelyek az évek során felhalmozódtak.
Mit tehetek a weboldaladért?
Valerij Danjuk vagyok, fejlesztő és SEO szakember, 12 éves tapasztalattal és több mint 200 ügyféllel. Faviconokat, közösségi média előnézeteket és jelöléseket állítok be minden weboldalon, mielőtt azok elindulnának.
SEO és audit
- Kulcsrakész weboldal SEO audit: Megkeresem az összes technikai részletet – a faviconoktól és az előnézetektől kezdve az indexelésig és a sebességig – és kijavítom őket a kódban.
Weboldalak és online áruházak
- Hozz létre weboldalt valaki más weboldalának stílusában percek alatt – 1001site on az ikonok, az előnézetek és az elrendezés automatikusan konfigurálódik.
- Tilda előfizetési díjjal vagy weboldal mesterséges intelligenciával – a megközelítések őszinte összehasonlítása.
- Mennyibe kerül egy kulcsrakész weboldal 2026-ban? Milyen tényezők határozzák meg az árat?
- WordPress weboldal mesterséges intelligenciával és asszisztenssel 299 euróért, 3 napra.
CRM és automatizálás
- Egyedi CRM rendszer ügyféladatbázissal és döntéshozókkal egy szlovákiai vállalat számára.
- Egy autóbontó cég CRM rendszere, amely automatikusan kiszámítja az árakat és kinyomtatja a számlákat.
Küldd el nekem a weboldal címét Telegram - ellenőrzöm az ikonokat és öt-hat másik apróságot, amiről gyakran megfeledkeznek.
Eredmény
- A Favicon Checker egy perc alatt megkeresi az összes webhelyikont, azok méretét, és megmutatja, melyek hiányoznak.
- Minimumkészlet: favicon.ico, favicon.svg, 180×180-as Apple Touch ikon, valamint 192-es és 512-es ikonok a webmanifesthez.
- Google esetében az ikonnak négyzet alakúnak, 48x48-nál nagyobbnak, a robot számára láthatónak és a főoldalon deklaráltnak kell lennie.
- Ha könnyebb egy weboldalt újraépíteni, mint kisebb problémákat kijavítani, 1001site automatikusan testreszabja az ikonokat és az előnézeteket.
Ellenőrizd a domainedet az ingyenes Favicon Checkerrel – és ellenőrizd egyidejűleg a fő versenytársad domainjét is.
Források
- A PromoPilot Favicon-ellenőrző oldala – ellenőrzések listája és GYIK.
- Google Keresőközpont – Keresési eredmények favicon követelményei.
- RealFaviconGenerator — ikonokat generál és tesztel.
