Tovább a tartalomhoz

Favicon

Azt ellenőrizzük, hogy az oldalnak van-e elérhető faviconja; ha nincs, tegyél ki egy ikont a fejlécbe vagy a gyökérbe.

A favicon az apró ikon, ami a böngészőfülön, a könyvjelzők között és a Google keresési találatai mellett jelenik meg. Nem rangsorolási tényező, de a márka felismerhetőségét adja, és hiánya amatőr benyomást kelt. Ráadásul a böngészők minden oldalnál rákérdeznek a /favicon.ico fájlra, így ha hiányzik, a szerver naplójában 404-es sorok halmozódnak.

A riport a nyitóoldal HTML-jében megkeresi azt a <link> elemet, amelynek rel értékében szerepel az icon szó (például rel="icon" vagy rel="shortcut icon").

  • Ha van ilyen elem és az href értéke data: kezdetű (beágyazott kép), az megfelelő, a riport nem kér le semmit.
  • Ha van ilyen elem, a riport a megadott címet kéri le (HEAD kéréssel, legfeljebb 2 átirányítással; ha a szerver a HEAD-et 403, 405 vagy 501 kóddal elutasítja, egy 1 bájtos GET kéréssel). A megadott címen nem keres tartalékot.
  • Ha nincs ilyen elem, a riport a /favicon.ico címet kéri le ugyanígy.
  • Megfelelő: a lekért cím 200 vagy 206 kóddal válaszol.
  • Hiba: minden más válasz, vagy ha nincs ikon.
  • Ha a mérés kéréskerete elfogyott, a teszt nem értékelhető, és kimarad.

Az apple-touch-icon jellegű linkek nem számítanak: a teszt a hagyományos icon típust keresi. A formátumot, a méretet és a képtartalmat a teszt nem vizsgálja.

Készíts négyzet alakú ikont (például a logó egyszerűsített változatát), és tedd ki az alábbi módok egyikén.

Tedd az oldal <head> részébe:

HTML
<link rel="icon" href="/favicon.ico">

A fájlt tedd a webroot gyökerébe. A Google a rel="icon" megadást várja a nyitóoldalon, és az egész webhelyre (aldomainenként) egy faviconot vesz figyelembe.

WordPressben a webhely-ikon (Site Icon) beállításával is megadhatod; ilyenkor a WordPress írja ki a sort, és a kézi HTML nem kell. Klasszikus témánál a Megjelenés → Testreszabás → Webhely-azonosító alatt találod, itt a kép legyen négyzetes és legalább 512 × 512 pixeles.

Ha a webhely-ikon be van állítva, ne tegyél mellé másik <link rel="icon"> sort, mert a kettő összeütközhet.

Futtasd újra a riportot. Parancssorból:

Terminál
curl -sI https://pelda.hu/favicon.ico | head -n 1

Ha az ikont a HTML-ben más címen adtad meg, azt a címet kérd le. Az eredmény 200 legyen. A böngészőben nyisd meg közvetlenül az ikon címét: a képnek meg kell jelennie. Frissítés után a böngésző gyakran megőrzi a régi ikont; ilyenkor privát ablakban nézd meg.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások