Favicon nu se afișează — Ghid de depanare
Ați încărcat o favicon, dar fila arată în continuare un glob generic sau o siglă veche. Acest ghid prezintă cele mai frecvente cauze - memorarea în cache, căi greșite, fișiere lipsă și etichete <link> conflictuale - în ordinea în care ar trebui să le verificați.
Browserele memorează favicon-urile mai agresiv decât aproape orice alt material. O reîmprospătare tare (Ctrl+Shift+R sau Cmd+Shift+R) remediază multe alarme false. Dacă aceasta nu reușește, adăugați un șir de interogare de versiune o dată: /favicon.ico?v=2.
Confirmați că fișierul există la adresa URL solicitată de browser. Deschide /favicon.ico direct într-o filă nouă. Un 404 înseamnă că fișierul nu este implementat acolo unde credeți că este - comun cu versiunile SPA care servesc doar index.html.
Verificați <link rel="icon"> căile href. Căile absolute (/favicon.ico) funcționează pe fiecare pagină; căile relative (favicon.ico) se întrerup pe rute imbricate precum /blog/post.
Dacă utilizați un CDN, ștergeți căile faviconului după implementare. Unele CDN-uri memorează în cache 404 răspunsuri pentru /favicon.ico când fișierul lipsea în timpul primei solicitări.
Etichetele <link rel="icon"> multiple pot deruta browserele mai vechi. Puneți favicon.ico mai întâi, apoi variantele PNG/SVG cu atribute explicite de tip și dimensiuni.
WordPress, Shopify și gazdele statice își injectează fiecare propriile etichete. Vizualizați sursa paginii și căutați rel="icon" - etichetele duplicate sau suprascrise sunt o cauză frecventă.
Avertismentele HTTPS pentru conținut mixt blochează adresele URL favicon HTTP pe paginile securizate. Serviți fiecare pictogramă prin HTTPS.
Pentru dezvoltarea locală, unele browsere refuză să actualizeze favicon-urile până când ștergeți datele site-ului pentru localhost.
Cum funcționează
- 1
Verificați adresa URL a fișierului
Deschideți /favicon.ico într-o filă nouă - așteptați 200, nu 404.
- 2
Inspectați etichetele <head>
Vizualizare sursa; confirmați un link canonic favicon.ico și fără greșeli de scriere.
- 3
Aruncă memoria cache o dată
Adăugați ?v=2 la href, implementați, reîmprospătați, apoi eliminați interogarea dacă doriți.
Încearcă acum
Testează-ți faviconul live
Tester favicon liveÎntrebări frecvente
De ce funcționează favicon-ul meu local, dar nu în producție?+
Build-urile de producție sunt adesea trimise într-un subdirector sau prefix CDN. Verificați că calea implementată se potrivește cu <link> href-ul dvs. și că fișierul este inclus în rezultatul de compilare.
Cât durează până când Google își actualizează favicon-ul în rezultatele căutării?+
Google poate dura zile până la săptămâni după recrawlere. Asigurați-vă că pictograma este de cel puțin 48×48, pătrată și accesibilă public la o adresă URL stabilă.
Blocarea anunțurilor sau modul de confidențialitate ascunde favicon-urile?+
Rareori pentru pictograme primare. Proxy-urile favicon de la terți pot fi blocate; pictogramele auto-găzduite de pe domeniul dvs. nu sunt afectate.
Ar trebui să șterg memoria cache a faviconului din browser?+
Ștergeți datele site-ului pentru domeniul dvs. în setările browserului sau testați într-o fereastră privată cu memoria cache dezactivată.