ما هو
الفافيكون (اختصار لـ "favorite icon") هو الصورة المربعة الصغيرة التي تظهر بجانب عنوان صفحتك في تبويب المتصفح، وفي قائمة الإشارات المرجعية، وأحيانًا في سجل المتصفح واقتراحات البحث. عادة ما تكون نسخة مبسّطة من شعار — صغيرة بما يكفي لتكون قابلة للتمييز بحجم بضعة بكسلات، مثل حرف، أو شكل بسيط، أو أيقونة.
بدونها، تعرض المتصفحات أيقونة صفحة فارغة عامة مكانها — نفس العنصر النائب المستخدم لأي موقع لم يضبط واحدة، مما يجعل من الواضح فورًا أن هذا التفصيل تحديدًا لم تتم تهيئته أبدًا.
لماذا يهم
الفافيكون المفقود شيء صغير، لكنه أيضًا واحد من أكثر الأشياء الصغيرة وضوحًا: يظهر في كل صفحة واحدة من موقعك، في كل تبويب متصفح، لكل زائر، طوال الوقت. عندما يكون لدى شخص ما عدة تبويبات مفتوحة، غالبًا ما يكون الفافيكون هو الطريقة الوحيدة التي يميّز بها تبويبك بصريًا من بين الصف — تجعل الأيقونة الفارغة العامة ذلك أصعب وتُرسل إشارة هادئة "هذا الموقع لم يكتمل تمامًا قط".
إنه أيضًا واحد من أسرع المكاسب في هذه القائمة بأكملها: على عكس قرارات المحتوى أو التصميم، يستغرق إنشاء الفافيكون وإضافته دقائق، دون أي صيانة مستمرة بمجرد تركيبه.
كيفية الإصلاح
- أنشئ صورة مربعة بسيطة (يُفضّل أن تكون نسخة مبسّطة من شعارك) — يمكن لأدوات إنشاء الفافيكون المجانية تحويل صورة شعار موجودة إلى صيغ وأحجام الملفات الصحيحة تلقائيًا.
- احفظ النتيجة باسم
favicon.icoأوfavicon.svgوارفعها إلى المجلد الجذري لموقعك (أو أينما تتوقع منصة استضافتك ملفات الأيقونات). - أضف
<link rel="icon" href="/favicon.ico">(أو ما يعادلها بصيغة SVG) داخل قسم<head>في صفحتك. - إذا كنت تستخدم أداة بناء مواقع (Squarespace أو Wix أو Webflow أو WordPress)، ابحث عن حقل رفع "فافيكون" أو "أيقونة الموقع" في إعدادات موقعك العامة بدلاً من تعديل الكود مباشرة.
- أعد تحميل الصفحة في تبويب متصفح جديد (أو امسح ذاكرة التخزين المؤقت لمتصفحك) للتأكد من ظهور الأيقونة الجديدة — تُخزَّن أحيانًا الفافيكونات مؤقتًا ويكون تحديثها بطيئًا.