الرمز المفضل لا يظهر - دليل استكشاف الأخطاء وإصلاحها
لقد قمت بتحميل رمز مفضل ولكن لا تزال علامة التبويب تعرض كرة أرضية عامة أو شعارًا قديمًا. يستعرض هذا الدليل الأسباب الأكثر شيوعًا — التخزين المؤقت، والمسارات الخاطئة، والملفات المفقودة، وعلامات <link> المتعارضة — بالترتيب الذي يجب عليك التحقق منه.
تقوم المتصفحات بتخزين الرموز المفضلة بشكل أكثر قوة من أي أصول أخرى تقريبًا. يؤدي إعادة التحميل القسري (Ctrl+Shift+R أو Cmd+Shift+R) إلى إصلاح العديد من الإنذارات الكاذبة. إذا فشل ذلك، قم بإلحاق سلسلة استعلام الإصدار مرة واحدة: /favicon.ico?v=2.
تأكد من وجود الملف على عنوان URL الذي يطلبه المتصفح. افتح /favicon.ico مباشرة في علامة تبويب جديدة. يعني الرقم 404 أن الملف لم يتم نشره في المكان الذي تعتقد أنه موجود فيه - وهو أمر شائع في إصدارات SPA التي تخدم index.html فقط.
تحقق من مسارات <link rel="icon"> href الخاصة بك. تعمل المسارات المطلقة (/ favicon.ico) في كل صفحة؛ تنقطع المسارات النسبية (favicon.ico) عن المسارات المتداخلة مثل /blog/post.
إذا كنت تستخدم CDN، فقم بإزالة مسارات الأيقونة المفضلة بعد النشر. تقوم بعض شبكات CDN بتخزين استجابات 404 لـ /favicon.ico عندما يكون الملف مفقودًا أثناء الطلب الأول.
يمكن أن تؤدي علامات <link rel="icon"> المتعددة إلى إرباك المتصفحات القديمة. ضع favicon.ico أولاً، ثم المتغيرات PNG/SVG مع سمات النوع والأحجام الصريحة.
يقوم كل من المضيفين WordPress وShopify والمضيفين الثابتين بإدخال علاماتهم الخاصة. اعرض مصدر الصفحة وابحث عن rel="icon" — تعد العلامات المكررة أو التي تم تجاوزها سببًا متكررًا.
تعمل تحذيرات المحتوى المختلط لـ HTTPS على حظر عناوين URL لأيقونات HTTP المفضلة على الصفحات الآمنة. خدمة كل أيقونة عبر HTTPS.
بالنسبة للتطوير المحلي، ترفض بعض المتصفحات تحديث الرموز المفضلة حتى تقوم بمسح بيانات الموقع للمضيف المحلي.
كيف يعمل
- 1
التحقق من عنوان URL للملف
افتح /favicon.ico في علامة تبويب جديدة - توقع 200، وليس 404.
- 2
افحص علامات <head>
عرض المصدر؛ تأكيد رابط favicon.ico أساسي واحد وعدم وجود أخطاء مطبعية.
- 3
تمثال نصفي مخبأ مرة واحدة
قم بإضافة ?v=2 إلى href، ثم قم بالنشر وإعادة التحميل القسري، ثم قم بإزالة الاستعلام إذا رغبت في ذلك.
جربه الآن
اختبر أيقونة البث المباشر الخاصة بك
فاحص favicon مباشرالأسئلة الشائعة
لماذا يعمل الرمز المفضل الخاص بي محليًا ولكن ليس في الإنتاج؟+
غالبًا ما يتم إخراج إنشاءات الإنتاج إلى دليل فرعي أو بادئة CDN. تحقق من أن المسار المنشور يطابق <link> href الخاص بك وأن الملف مضمن في مخرجات البناء.
كم من الوقت حتى يقوم Google بتحديث أيقونة المفضلة الخاصة بي في نتائج البحث؟+
يمكن أن يستغرق Google أيامًا إلى أسابيع بعد إعادة الزحف. تأكد من أن حجم الرمز لا يقل عن 48 × 48، ومربع، ويمكن الوصول إليه بشكل عام على عنوان URL ثابت.
هل يقوم Adblock أو وضع الخصوصية بإخفاء الرموز المفضلة؟+
نادرًا بالنسبة لأيقونات الطرف الأول. يمكن حظر وكلاء الأيقونة المفضلة التابعة لجهات خارجية؛ ولا تتأثر الرموز المستضافة ذاتيًا على نطاقك.
هل يجب أن أحذف ذاكرة التخزين المؤقت للرمز المفضل للمتصفح؟+
امسح بيانات الموقع الخاصة بنطاقك في إعدادات المتصفح، أو اختبرها في نافذة خاصة مع تعطيل ذاكرة التخزين المؤقت.