# 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

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.

## 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.

### HTML

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

```html title="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.

### 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

Futtasd újra a riportot. Parancssorból:

```bash title="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.