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.
Hogyan mérjük
Szekció neve “Hogyan mérjük”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ékedata: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 (
HEADké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ájtosGETkéréssel). A megadott címen nem keres tartalékot. - Ha nincs ilyen elem, a riport a
/favicon.icocímet kéri le ugyanígy. - Megfelelő: a lekért cím
200vagy206kó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.
Hogyan javítsd
Szekció neve “Hogyan javítsd”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:
<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.
WordPress
Szekció neve “WordPress”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.
Hogyan ellenőrizd
Szekció neve “Hogyan ellenőrizd”Futtasd újra a riportot. Parancssorból:
curl -sI https://pelda.hu/favicon.ico | head -n 1Ha 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: