Favicon

Ikona e vogël e sajtit në tabin e shfletuesit dhe pranë rezultatit të kërkimit në mobil.

Çfarë është

Favicon-i është ikona e vogël që përfaqëson sajtin në tabin e shfletuesit, te lista e faqerojtësve, te historiku dhe — në rezultatet e kërkimit në telefon — pranë emrit të domainit.

Shfletuesit e kërkojnë te /favicon.ico edhe pa u deklaruar, por deklarimi me <link rel="icon"> të lejon të zgjedhësh formatin, përmasën dhe vendndodhjen. Sot formati i preferuar është PNG ose SVG, jo ICO.

Pse ka rëndësi

Ndikimi është te njohja, jo te renditja. Kur një vizitor ka pesëmbëdhjetë taba të hapura, ikona është e vetmja gjë e dukshme — titulli pritet pas dy fjalëve. Një tab pa ikonë humbet midis të tjerëve.

Në rezultatet e kërkimit në telefon, ikona shfaqet pranë emrit të sajtit. Mungesa e saj lë një vend bosh ose një ikonë gjenerike, që e bën rezultatin të duket më pak i besueshëm se ata rreth tij.

Ka edhe një kosto teknike të vogël: kur skedari mungon, çdo vizitë prodhon një kërkesë që kthen 404. Nuk është problem performance, por mbush regjistrat me zhurmë dhe fsheh gabimet e vërteta.

Si rregullohet

Deklaroje qartë në <head>:

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-96x96.png" sizes="96x96" type="image/png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

Hapat:

Mbaj edhe `/favicon.ico` në rrënjë për shfletues dhe mjete të vjetra që e kërkojnë drejtpërdrejt.
Bëje të lexueshme në 16×16 pikselë. Një logo me tekst bëhet njollë; përdor një shenjë të vetme.
Kontrollo kontrastin në sfond të errët dhe të çelët. SVG-ja lejon variante me prefers-color-scheme.
Shto `apple-touch-icon` 180×180 për ekranin kryesor të iOS-it.
Pas ndryshimit, shfletuesit e mbajnë të vjetrën në cache për një kohë të gjatë; testo në një dritare private.

Si e mat ky mjet

MetaAnalyzer::analyzeFavicon() (services/MetaAnalyzer.php:245) kërkon //link[@rel="icon" or @rel="shortcut icon" or @rel="apple-touch-icon"]. Nëse nuk gjen asnjë, shton një konstatim informativ me ndikim të ulët (:252); nëse gjen, e shënon si kaluar (:255).

Çfarë NUK e mat

Kontrolli sheh vetëm etiketën `<link>`, jo skedarin. Nuk e merr ikonën, nuk kontrollon nëse ajo URL kthen 200, dhe nuk sheh përmasat apo formatin. Një faqe që tregon te një favicon i fshirë raportohet si e rregullt. Anasjelltas, një sajt që ka /favicon.ico në rrënjë pa e deklaruar fare — rast krejt i vlefshëm, sepse shfletuesit e gjejnë gjithsesi — raportohet si i mangët. Ky është një konstatim që duhet lexuar si kujtesë, jo si defekt.

Kodi që e kryen matjen

services/MetaAnalyzer.php:245 — MetaAnalyzer::analyzeFavicon
services/MetaAnalyzer.php:252 — missing_favicon