Vissza a blogra

Favicon a Google-találatokban: így jelenik meg a weboldalad ikonja

Google-találati lista, ahol a weboldalak neve mellett a kis favicon ikon látszik

A Google-találatok között a weboldal neve mellett gyakran egy kis ikon jelenik meg: ez a favicon. A Google Search Central útmutatója, a Define a favicon to show in search results, leírja, hogyan lehet beállítani, és milyen feltételeknek kell teljesülniük, hogy a Google meg is jelenítse. Az alábbiakban ezt foglaljuk össze vállalkozásoknak.

Mit jelenít meg a Google

A Google képes a webhely faviconját megjeleníteni a keresési találatokban, a webhely neve mellett. Aki már látott ilyet, tudja, miért számít: a találati listában a kis ikon azonnal felismerhetővé teszi a márkát, és segít kitűnni a többi eredmény közül. Ugyanez az ikon jelenik meg a böngésző lapfülein is, így a keresőből érkező látogató számára egy continuity-t ad: ugyanazt a jelet látja a találatban és a megnyitott oldalon.

A favicon hozzáadása

A Google Search Central útmutatója szerint a favicon beállításához a <link rel="icon"> elemet kell használni a weboldal fejlécében. A Google a következő rel értékeket támogatja: icon, shortcut icon, apple-touch-icon és apple-touch-icon-precomposed. Fontos, hogy a Google a főoldalt nézi: a címkének tehát a főoldal <head> részében kell szerepelnie, és oda kell mutatnia arra a fájlra, amelyet a találatokban látni szeretnél. A gyakorlatban ez egy sor, ami az egész webhelyen közös fejlécben (vagy a főoldal fejlécében) szerepel.

Ha a webhely gyökerében van egy favicon.ico nevű fájl, azt a Google szintén felismerheti. A linkes megoldás viszont a megbízhatóbb, mert ezzel te döntöd el, pontosan melyik fájlt használja a kereső.

Milyen ikont kér a Google

Az irányelvek szerint az ikon legyen négyzetes, azaz 1:1 arányú, és vizuálisan képviselje a webhelyet vagy a márkát: a Google a logót vagy annak egyszerűsített jelét javasolja. A Google útmutatója szerint a faviconnak legalább 8x8 képpontosnak kell lennie, és azt javasolja, hogy legyen nagyobb 48x48 képpontnál.

A Google azt is leírja, hogy egy hostname-hez egy favicon tartozik: a kereső egy domainen egy ikont használ, ezért nem érdemes többféle ikont kínálni ugyanarra a hostname-re.

A bejárás feltétele

Ez az a pont, ahol a beállítás a gyakorlatban el szokott csúszni. Ahhoz, hogy a Google lássa az ikont, mind a Googlebotnak, mind a Googlebot-Image-nek hozzá kell férnie a favicon fájljához. Ha a robots.txt letiltja az ikon elérési útját (például egy Disallow sort tartalmaz a képföld mappájára), a Google nem tudja bejárni, és nem tudja megjeleníteni. Ugyanez igaz a főoldalra: ha a főoldal bejárása le van tiltva, a Google nem tudja felismerni a <link rel="icon"> elemet.

Ezért a favicon beállításánál mindig ellenőrizni kell, hogy a favicon URL-jét és a főoldalt a robots.txt alapján a Googlebot és a Googlebot-Image is be tudja-e járni.

Mikor jelenik meg

A Google akkor jeleníti meg az ikont, ha a webhelyet már bejárta és feldolgozta. Ez nem azonnal történik, és ha később kicseréled a favicon, akkor is várni kell, amíg a Google újra bejárja a weboldalt és feldolgozza a módosítást. Emiatt a Google azt javasolja, hogy a favicon URL-jét igyekezz stabilan tartani: ne változtasd meg gyakran, és ne töröld.

Gyakorlati ellenőrzőlista

  • Van <link rel="icon"> elem a főoldal fejlécében, és a megfelelő fájlra mutat.
  • A favicon négyzetes (1:1) arányú, és a márkát, logót képviseli.
  • A méret legalább 8x8 px, és a Google a 48x48 px-nél nagyobb ikont javasolja.
  • A robots.txt nem tiltja a favicon fájlját, és nem tiltja a főoldalt sem: mind a Googlebot, mind a Googlebot-Image hozzáfér.
  • A favicon URL-je stabil, nem változik gyakran.
  • A böngészőben is ellenőrizzük, hogy a lapfületen a jó ikon látszik.

Ez a lista az egyik pont, amit egy ügyféloldal átvételekor ellenőrzünk. Ha szeretnéd, hogy a weboldalad keresőben és böngészőben is ugyanazt a jelet mutassa, a Flybuiltnél az oldal átvételekor a favicon beállítását és a robots.txt bejárhatóságát is megnézzük.

Források

Google Search Central – Define a favicon to show in search results.