ফেভিকন দেখানো হচ্ছে না — সমস্যা সমাধানের নির্দেশিকা
Vous avez téléchargé un favicon mais l'onglet affiche toujours un globe générique ou un ancien logo. Ce guide passe en revue les causes les plus courantes (mise en cache, chemins erronés, fichiers manquants et balises <link> en conflit) dans l'ordre dans lequel vous devez les vérifier.
Les navigateurs mettent en cache les favicons de manière plus agressive que presque tout autre actif. Une actualisation matérielle (Ctrl+Shift+R ou Cmd+Shift+R) corrige de nombreuses fausses alarmes. Si cela échoue, ajoutez une fois une chaîne de requête de version : /favicon.ico?v=2.
Confirmez que le fichier existe à l'URL demandée par le navigateur. Ouvrez /favicon.ico directement dans un nouvel onglet. Un 404 signifie que le fichier n'est pas déployé là où vous pensez qu'il se trouve – ce qui est courant avec les versions SPA qui ne servent que index.html.
Vérifiez vos chemins <link rel="icon"> href. Les chemins absolus (/favicon.ico) fonctionnent sur chaque page ; les chemins relatifs (favicon.ico) s'interrompent sur des routes imbriquées comme /blog/post.
Si vous utilisez un CDN, purgez les chemins des favicon après le déploiement. Certains CDN mettent en cache 404 réponses pour /favicon.ico lorsque le fichier était manquant lors de la première requête.
Plusieurs balises <link rel="icon"> peuvent dérouter les anciens navigateurs. Mettez favicon.ico en premier, puis les variantes PNG/SVG avec des attributs de type et de tailles explicites.
WordPress, Shopify et les hôtes statiques injectent chacun leurs propres balises. Affichez la source de la page et recherchez rel="icon" : les balises en double ou remplacées sont une cause fréquente.
Les avertissements HTTPS concernant le contenu mixte bloquent les URL de favicon HTTP sur les pages sécurisées. Servez chaque icône via HTTPS.
Pour le développement local, certains navigateurs refusent de mettre à jour les favicons jusqu'à ce que vous effaciez les données du site pour localhost.
এটি কিভাবে কাজ করে
- 1
Vérifiez l'URL du fichier
Ouvrez /favicon.ico dans un nouvel onglet – attendez-vous à 200, pas à 404.
- 2
Inspecter les balises <head>
Afficher la source ; confirmez un lien canonique favicon.ico et aucune faute de frappe.
- 3
Cacher le buste une fois
Ajoutez ?v=2 au href, déployez, actualisez matériellement, puis supprimez la requête si vous le souhaitez.
এখনই চেষ্টা করুন
Testez votre favicon en direct
লাইভ ফেভিকন টেস্টারসাধারণ প্রশ্ন
Pourquoi mon favicon fonctionne-t-il localement mais pas en production ?+
Les builds de production sont souvent envoyés vers un sous-répertoire ou un préfixe CDN. Vérifiez que le chemin déployé correspond à votre <link> href et que le fichier est inclus dans la sortie de build.
Combien de temps faudra-t-il pour que Google mette à jour mon favicon dans les résultats de recherche ?+
Google peut prendre des jours, voire des semaines après la nouvelle analyse. Assurez-vous que l'icône est au moins 48 × 48, carrée et accessible au public via une URL stable.
Le mode Adblock ou confidentialité masque-t-il les favicons ?+
Rarement pour les icônes propriétaires. Les proxys favicon tiers peuvent être bloqués ; les icônes auto-hébergées sur votre domaine ne sont pas affectées.
Dois-je supprimer le cache des favicon du navigateur ?+
Effacez les données du site pour votre domaine dans les paramètres du navigateur ou testez dans une fenêtre privée avec le cache désactivé.