ऐसा favicon ठीक करें जो दिखता या अपडेट नहीं होता
टैब वही खाली या पुरानी दिखती है, पर हर स्टैक में वजह अलग होती है। नीचे अपनी वजह ढूँढें, या अपनी साइट स्कैन करके देखें कि वह क्या सर्व कर रही है।
Next.js
App Router में Next.js icon link आपकी app directory की फ़ाइलों से बनाता है। फ़ाइल का नाम चूके तो यह कुछ भी नहीं बनाता। Pages Router में तो कोई convention ही नहीं है। पहचान लें कि आप किस स्थिति में हैं, फिर फ़िक्स साफ़ हो जाता है।
समाधान पढ़ेंफ़ाइल बदल गई और tab नहीं बदला। Next.js पर यह तीन caches में से एक है: browser का favicon store, एक बासी .next build, या एक CDN जो पुराने bytes सर्व कर रहा है। इन्हें इसी क्रम में ख़ारिज करें।
समाधान पढ़ेंReact
React एक DOM node में रेंडर करता है और head को कभी नहीं छूता, इसलिए favicon एक static HTML फ़ाइल में रहता है। खाली tab का मतलब है उस फ़ाइल का link tag गलत है, या icon src से import हुआ था और अब किसी तय path पर नहीं रहा।
समाधान पढ़ेंआपने फ़ाइल बदली और tab ने पुराना icon पकड़े रखा। किसी React app में यह browser का favicon को cache करना है, या build output और CDN का public/ से पिछली कॉपी सर्व करते रहना है।
समाधान पढ़ेंVite
Vite public/ को output root में कॉपी करता है और build time पर index.html फिर से लिखता है। जो favicon dev में काम करता है और production में 404 देता है, उसके path में लगभग हमेशा public/ का हिस्सा होता है, या वह src से import होकर hash हो चुका होता है।
समाधान पढ़ेंVue
एक Vue single-file component head में link tag रेंडर नहीं कर सकता, इसलिए favicon index.html में घोषित होता है: Vite में project root पर, Vue CLI में public/ के अंदर। खाली tab का मतलब है उस फ़ाइल का tag गलत है।
समाधान पढ़ेंAngular
Angular static फ़ाइलें तभी कॉपी करता है जब build configuration ऐसा कहे। जो icon angular.json की assets entry से मैच नहीं होता वह कभी dist तक नहीं पहुँचता। build सफल होता है और फ़ाइल वहाँ नहीं होती।
समाधान पढ़ेंAstro
Astro public/ को output में ज्यों-का-त्यों कॉपी करता है पर आपके लिए कभी icon tag इंजेक्ट नहीं करता। खाली tab का मतलब है link आपके pages जिस layout का इस्तेमाल करते हैं उसमें नहीं है, या किसी page ने अपना ही html element रेंडर किया और layout छोड़ दिया।
समाधान पढ़ेंWordPress
WordPress theme में डाली गई किसी फ़ाइल से favicon सर्व नहीं करता। यह एक Site Icon setting से icon tag प्रिंट करता है, और खाली tab का मतलब लगभग हमेशा यही होता है कि वह setting कभी लागू नहीं हुई, या कोई theme उससे भिड़ रही है।
समाधान पढ़ेंआपने एक नया Site Icon सेट किया और पुराना टलने का नाम नहीं ले रहा। WordPress पर यह लगभग हमेशा एक caching layer होता है (एक page-cache plugin या CDN जो बासी HTML सर्व करता है) जिसमें browser का अपना favicon cache दूसरा संदिग्ध होता है।
समाधान पढ़ेंShopify
Shopify पर favicon एक theme setting है, किसी server पर रखी फ़ाइल नहीं। theme editor में आप जो image चुनते हैं उससे theme एक icon link रेंडर करती है, इसलिए खाली tab का मतलब है यह सेट नहीं है, आपने गलत theme एडिट की, या format अस्वीकार हो गया।
समाधान पढ़ेंआपने एक नया favicon चुना और live store अभी भी पुराना दिखाता है। Shopify पर यह लगभग हमेशा एक draft theme होती है जो कभी publish नहीं हुई, या image CDN और browser का पिछले icon को cache करना।
समाधान पढ़ें