ব্রাউজারে ফেভিকন দেখা না যাওয়ার কারণ: ক্যাশে জটিলতা, ফাইল পাথ ও মেটা ট্যাগ

১. ফেভিকন আপডেটের পর দেখা না যাওয়ার কারণ

ওয়েবমাস্টার ও ডিজাইনারদের সবচেয়ে পরিচিত হতাশার একটি হলো: সাইটে সুন্দর নতুন ফেভিকন আপলোড করা হলো, কিন্তু ব্রাউজারের ট্যাবে এখনও সেই পুরনো আইকন বা ডিফল্ট গ্লোব প্রতীক ঝুলছে। এর পেছনে প্রধান কারণ ব্রাউজারের চরম আগ্রাসী (aggressive) ক্যাশিং পলিসি এবং অসম্পূর্ণ এইচটিএমএল লিঙ্ক ট্যাগ।

২. ক্যাশে বাস্টিং ও আধুনিক এইচটিএমএল বাস্তবায়ন

ব্রাউজারকে অবিলম্বে নতুন আইকন লোড করতে বাধ্য করার সর্বোত্তম কৌশল হলো ক্যাশে বাস্টিং কুয়েরি স্ট্রিং ব্যবহার করা:

<!-- ক্যাশে বাস্টিং সহ আধুনিক ফেভিকন সেটআপ -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg?v=2">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2">
<link rel="manifest" href="/site.webmanifest">

৩. তাৎক্ষণিক যাচাই করার উপায়

• ইনকগনিটো (প্রাইভেট) উইন্ডো খুলে পরীক্ষা করুন।
• সরাসরি ফেভিকনের ইউআরএলে প্রবেশ করুন (উদা: https://yoursite.com/favicon.ico) এবং Ctrl+F5 চাপুন।
• রুট ডিরেক্টরিতে সবসময় একটি সাধারণ /favicon.ico ফাইল রাখুন যা লিগ্যাসি ক্রলাররা খুঁজে পায়।