فاحص Favicon

ملخص (TL;DR)

التحقق مهم: الرمز المكسور ليس مجرد أيقونة مفقودة؛ بل يسبب أخطاء 404 في سجلات الخادم ويقلل من جودة العلامة التجارية.
تحليل شامل: تقوم هذه الأداة بفحص موقعك كمتصفح للتحقق من favicon.ico، وأيقونات PNG، وأيقونات Apple Touch، و Web Manifests.
تغذية راجعة عملية: احصل على تقارير محددة حول إمكانية الوصول للملفات، وعدم تطابق الأبعاد، وصلاحية التنسيق.

يبدو نشر Favicon بسيطًا، لكنه عرضة لفشل صامت. أنظمة المتصفحات الحديثة (سطح المكتب، Android، iOS) لديها متطلبات مختلفة.

تخزين المتصفح المؤقت: تخزن المتصفحات المحلية الرموز بقوة، مما يخفي مشاكل النشر التي يراها الزوار الجدد.
معايير مجزأة: تحتاج لأكثر من favicon.ico. تبحث أجهزة Apple عن apple-touch-icon. وتبحث Android عن site.webmanifest.
تهيئة الخادم: المسارات الصحيحة في HTML لا تعني شيئًا إذا كان الخادم يرجع خطأ 403 أو نوع MIME خاطئ.

يقوم المحلل لدينا بتدقيق متعدد الخطوات:

تحليل HTML: نمسح <head> للعثور على جميع روابط الأيقونات المصرح بها.
التحقق من Manifest: إذا تم العثور على Web Manifest، نتحقق من أن الأحجام المصرح بها تطابق أبعاد الملف الفعلية.
إمكانية الوصول: نحاول تنزيل كل أيقونة للتحقق من أنها ترجع حالة 200 OK.
التنسيق والأبعاد: نفحص البيانات الثنائية لضمان أن الملف صورة صالحة (ICO، PNG، SVG) وأن أبعاده صحيحة.
الاكتشاف الضمني: نتحقق من المسارات القياسية مثل /favicon.ico.

لديك وسم <link>، لكن الملف يرجع خطأ 404. الحل: تحقق من مسار الملف بالنسبة لجذر نطاقك.

تصرح بـ type="image/png" لكن تقدم ملف JPEG أو ICO. الحل: تأكد من أن ترويسة Content-Type للخادم تطابق التنسيق الفعلي.

يقول HTML sizes="32x32"، لكن الصورة الفعلية 16x16. الحل: استخدم مولد Favicon لإنتاج أحجام دقيقة.

لا تستخدم iOS الرمز القياسي. بدون apple-touch-icon، سيحصل المستخدمون على لقطة شاشة عامة. الحل: قم دائمًا بتضمين PNG بحجم 180x180 لأجهزة Apple.