favicon.ico कहाँ जाता है? Root-Path का प्रचलन
लंबे समय से चले आ रहे प्रचलन के अनुसार, browsers और कई crawlers आपके domain की root से /favicon.ico माँगते हैं, भले ही कोई link tag उस पर इशारा न कर रहा हो। इसलिए साइट root पर परोसा गया एक favicon.ico वह एक फ़ाइल है जो path से पूछने वाली हर चीज़ को संतुष्ट करती है। आप इसे भौतिक रूप से कहाँ रखते हैं यह stack के हिसाब से भिन्न होता है (अधिकांश frameworks के लिए public/, Next.js के लिए app directory), पर इसे /favicon.ico पर जवाब देना ही चाहिए।
वह root request जिसे कोई घोषित नहीं करता
भले ही आपके head में कोई icon link हो ही न, browsers, feed readers, और crawlers अब भी domain की एकदम root पर /favicon.ico माँगेंगे। यह एक निहित request है जो link tag से पहले की है, और कई clients इस पर निर्भर करते हैं।
इसीलिए फ़ाइल को root path पर हल होना चाहिए। आपके link tags बाक़ी सब कुछ कवर करते हैं (SVG, PNG sizes, apple-touch-icon), पर यह एक URL माँगा जाता है चाहे आप उस पर इशारा करें या न करें।
Stack के अनुसार फ़ाइल कहाँ जाती है
| Stack | फ़ाइल यहाँ रखें |
|---|---|
| सादा HTML | साइट root, /favicon.ico पर परोसा गया |
| Vite / React / Vue | public/, root पर copy किया गया |
| Next.js App Router | app directory (app/favicon.ico) |
| WordPress | Site Icon सेटिंग, कोई फ़ाइल जो आप upload करें ऐसी नहीं |
| Angular | public/, या angular.json assets में सूचीबद्ध |
Favicon path FAQ
मैं favicon.ico कहाँ रखूँ?
किसी ऐसी जगह जो इसे /favicon.ico पर परोसे: सादे HTML के लिए साइट root, अधिकांश frameworks के लिए public/, Next.js App Router के लिए app directory। WordPress और Shopify इसे एक फ़ाइल के बजाय एक सेटिंग के ज़रिए संभालते हैं।
क्या favicon को सचमुच root पर ही होना चाहिए?
निहित request के लिए, हाँ। जो clients /favicon.ico को path से माँगते हैं वे इसे कहीं और नहीं पाएँगे। अतिरिक्त icons कहीं और रह सकते हैं बशर्ते आपके link tags उन पर इशारा करें।
अगर मेरे पास link tags हैं तो क्या मुझे अब भी favicon.ico चाहिए?
हाँ। Link tags browsers की सेवा करते हैं, पर crawlers और पुराने clients की path-आधारित requests आपके HTML को दरकिनार करके सीधे /favicon.ico पर जाती हैं।