باختصار: للتحقق من أيقونة موقعك الإلكتروني (favicon)، أدخل اسم نطاقك في أداة فحص الأيقونات المجانية من PromoPilot ، ثم انقر على "فحص". ستعثر الأداة على جميع الأيقونات المُعرّفة في HTML والموجودة في مسارات قياسية مثل /favicon.ico ، وتعرض معاينةً وحجم كل أيقونة، وتتحقق من أيقونة Apple Touch، وتُخبرك بالأحجام المفقودة. فيما يلي مجموعة أساسية من الأيقونات، والرمز البرمجي الكامل، وأسباب عرض Google لرمز الكرة الأرضية الرمادي بدلاً من شعارك.
أعمل في مجال تصميم المواقع الإلكترونية منذ 12 عامًا، وأعلم جيدًا أن أيقونات المواقع تُنسى أكثر من أي عنصر آخر. يصمم المصمم الشعار، ويبني المطور الموقع، ومع ذلك لا يضيف أحد أيقونة إلى علامة التبويب - حتى يسأل أول عميل: "لماذا يمتلك منافسنا أيقونة في Google بينما لا نمتلكها؟"
ما الذي يتحقق منه فحص أيقونة الموقع؟
لم يعد رمز الموقع الإلكتروني مجرد ملف favicon.ico واحد. فالمتصفحات وأجهزة iPhone وAndroid و Google تستخدم جميعها ملفات وأحجامًا مختلفة. تجمع هذه الأداة جميع هذه الملفات والأحجام في تقرير واحد.
| ما الذي يتحقق منه؟ | ما الذي ينظر إليه؟ | لماذا يحتاج الموقع إلى هذا؟ |
|---|---|---|
| أيقونات من لغة HTML | جميع الوسوم <link rel="icon"> ، shortcut icon ، apple-touch-icon | هذه هي الأمور التي توليها المتصفحات Google الأولوية القصوى. |
| المسارات القياسية | /favicon.ico في جذر الموقع وعناوين أخرى نموذجية | تبحث العديد من الأنظمة عن الأيقونة هناك حتى بدون وجود علامة. |
| حجم كل أيقونة | العرض والارتفاع بالبكسل، بصيغ ICO وPNG وSVG | تظهر الأيقونة الصغيرة ضبابية على الشاشات عالية الدقة. |
| أيقونة Apple Touch | هل يوجد رمز خاص بأجهزة iPhone و iPad؟ | بدون ذلك، ستظهر لقطة شاشة للصفحة على الشاشة الرئيسية. |
| معاينة | كيف يبدو شكل كل أيقونة تم العثور عليها؟ | يمكنك رؤية أيقونات مكسورة أو فارغة أو غريبة (قوالب) |
| التوصيات | ما هي المقاسات المفقودة؟ | قائمة مهام جاهزة للمصمم |
كيفية التحقق من أيقونة الموقع الإلكتروني (favicon) عبر الإنترنت؟
- افتح مدقق أيقونات المواقع.
- أدخل اسم النطاق - يكفي اسم
example.com، دون تحديد الصفحة. - انقر على "تحقق". ستقوم الأداة بتحليل HTML الصفحة الرئيسية والمسارات القياسية.
- راجع الأيقونات الموجودة: معاينة كل أيقونة، وتنسيقها، وحجمها. تحقق مما إذا كانت هناك أيقونة قياسية لنظام إدارة المحتوى أو الاستضافة بينها.
- اقرأ التوصيات وقدم الأبعاد المفقودة للمصمم أو قم بصنعها بنفسك.
صفحة الأدوات: حقل النطاق، زر "التحقق"، ووصف عمليات التحقق مع الأسئلة الشائعة.
التحقق سهل للغاية، فعدد الزوار المسموح به يكفي لفحص موقعك الإلكتروني ومواقع بعض المنافسين للمقارنة. كما يُمكنك عرض وتنزيل أيقونات أي موقع، وهو أمر مفيد إذا كنت بحاجة للعثور على الشعار الأصلي لشركتك، والذي قد يكون ضاع مع أحد المقاولين القدامى.
ما هي أحجام أيقونات المواقع المطلوبة في عام 2026؟
تُنتج مولدات الأيقونات عادةً 20 ملفًا، ولكن المطلوب حقًا هو مجموعة مُختصرة. إليك الحد الأدنى الذي أستخدمه في جميع مشاريعي:
| ملف | مقاس | أين يُستخدم؟ |
|---|---|---|
favicon.ico | ملف واحد يحتوي على 16×16 و 32×32 | المتصفحات القديمة، والأنظمة التي تبحث عن أيقونة في الجذر |
favicon.svg | متجه | المتصفحات الحديثة، واضحة على أي شاشة |
apple-touch-icon.png | 180×180 | الشاشة الرئيسية لأجهزة iPhone و iPad |
icon-192.png و icon-512.png | 192×192 و 512×512 | بيان الويب: نظام أندرويد، تثبيت موقع ويب كتطبيق |
والرمز الخاص بـ <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
نصيحة تصميمية: عند استخدام 16 بكسل، يصبح الشعار والنص غير واضحين. استخدم رمزًا، أو الحرف الأول من الاسم، أو حرفًا مبسطًا على خلفية متباينة. بالنسبة لأيقونة Apple Touch، تجنب استخدام خلفية شفافة، لأن نظام iOS سيملأها باللون الأسود.
كيف تصنع أيقونة الموقع بنفسك، بدون مصمم؟
إذا لم يكن لديك أي أيقونات على الإطلاق، يمكنك إنشاء مجموعة أساسية في غضون نصف ساعة. إليك الطريقة:
- استخدم رمزًا، وليس الشعار كاملًا. استخدم الحرف الأول من الاسم، أو رمزًا من الشعار، أو شكلًا هندسيًا بسيطًا بلون العلامة التجارية. تأكد من وضوحه عند عرضه بحجم 16 بكسل.
- ارسم مربعًا بأبعاد 512×512 بكسل. أي برنامج لتحرير الرسومات أو تصميم عبر الإنترنت سيفي بالغرض. اترك بعض الهوامش حول الحواف حتى لا يتداخل الشعار مع الحدود.
- احفظ الملف المصدر بصيغة SVG — سيصبح
favicon.svg، ويمكن قص جميع صور PNG بالأحجام المطلوبة دون فقدان الجودة. - قم بإنشاء الأحجام المتبقية (ICO، 180، 192) في مولد الأيقونات وضع الملفات في جذر الموقع.
- ألصق الكود في قسم <head> وتحقق من النتيجة في الأداة مرة أخرى.
تحقق من كيفية ظهور الأيقونة في الوضع الداكن للمتصفح: تختفي الأيقونة السوداء على خلفية شفافة تمامًا في علامة تبويب Chrome الداكنة. ستساعد الخلفية الفاتحة أو الإطار المتباين في حل المشكلة.
لماذا لا يعرض Google رمز الموقع (favicon)؟
السؤال الأكثر شيوعاً: إذا رأيتَ كرة أرضية رمادية بجوار عنوان في نتائج البحث، فعادةً ما يكون هناك عدة أسباب:
- الأيقونة ليست مربعة. تشترط Google نسبة عرض إلى ارتفاع 1:1 وحجمًا لا يقل عن 8×8، لكنها توصي بحجم أكبر من 48×48: فالأيقونة الصغيرة
favicon.icoبحجم 16×16 تبدو ضبابية في نتائج البحث. - تم حظر الأيقونة من قِبل برامج الروبوت. يجب أن يكون لدى Google -Image صلاحية الوصول إلى ملف الأيقونة، كما يجب أن يكون لدى Google صلاحية الوصول إلى الملف الرئيسي. إذا تم حظر مجلد الصورة في ملف robots.txt أو تم إرجاع الملف مع وجود خطأ، فلن تظهر الأيقونة في نتائج البحث.
- الوسم غير موجود على الصفحة الرئيسية. Google تأخذ أيقونة الموقع من الصفحة الرئيسية للموقع أو النطاق الفرعي؛ قسم الصفحة الرئيسية، مثل
example.com/shopغير مناسب. - عنوان الأيقونة غير مستقر. إذا تغير المسار مع كل تحديث للموقع (
/icon.a83f2.png)، فقد لا تتمكن Google من تحديثه بسرعة. - لقد مرّ بعض الوقت. لا تُحدّث Google أيقونة الموقع فورًا بعد الإصلاح؛ يمكنك تسريع العملية بطلب إعادة فحص الصفحة الرئيسية في Search Console. لا تُحدّد Google إطارًا زمنيًا دقيقًا، لذا تحقّق من النتائج بعد بضعة أيام على الأقل.
- تخالف هذه الأيقونة القواعد. تستبدل Google الصور غير المقبولة بأيقونة قياسية.
مقارنة: مدقق أيقونات المواقع والبدائل
| أداة | ما هو المجاني؟ | قيود | لمن يناسب هذا المنتج؟ |
|---|---|---|---|
| PromoPilot - مدقق أيقونات المواقع | جميع الأيقونات من HTML والمسارات القياسية، والأحجام، والمعاينات، وأيقونة Apple Touch، والتوصيات | لا يقوم بإنشاء أيقونات، بل يتحقق من الأيقونة الرئيسية. | تحقق بسرعة من موقعك الإلكتروني أو موقع أحد منافسيك |
| RealFaviconGenerator | إنشاء مجموعة من الرموز والرموز، والتحقق من أيقونة الموقع (favicon). | يُنتج المُولِّد الكثير من الملفات، عليك تحديد أيها يجب الاحتفاظ به. | لأولئك الذين يحتاجون إلى إنشاء أيقونات من الصفر |
| وحدة تحكم بحث Google | طلب إعادة مسح الصفحة الرئيسية | الموقع المعتمد فقط، لا يتحقق من الأيقونة | تسريع تحديثات الأيقونات في نتائج البحث |
| أدوات المطورين في المتصفح | علامة تبويب تحتوي على بيان وأيقونات | عليك أن تعرف أين تبحث | للمطورين |
الخلاصة: أداة عبر الإنترنت أكثر ملاءمة للتحقق، ومولد لإنشاء مجموعة، و Search Console لتسريع التحديثات في Google.
بالمناسبة، يوفر موقع PromoPilot 87 أداة مجانية لتحسين محركات البحث. يمكنك بسهولة رؤية شكل أيقونة الموقع بجانب العنوان في معاينة نتائج البحث - لدينا مقال منفصل حول هذا الموضوع ضمن سلسلتنا.
ما هي قيود التحقق من أيقونة الموقع (favicon)؟
تتحقق الأداة من محتوى الموقع المُعلن عنه، لكنها لا تُعلمك بموعد تحديث Google للأيقونات في نتائج البحث، فهذا من اختصاص محرك البحث نفسه. إذا أُضيفت الأيقونات بواسطة برنامج نصي بعد تحميل الصفحة، فقد لا يظهر بعضها في التقرير. كما تفحص الأداة النطاق ككل، فإذا كانت أقسام الموقع المختلفة تحتوي على أيقونات مختلفة (مثل نطاق فرعي لمتجر)، فيجب فحصها بشكل منفصل.
متى لا تكفي الأداة المجانية؟
تُعدّ أيقونة الموقع (favicon) مشكلة بسيطة نادراً ما تتطلب استشارة مختص. ولكن في بعض الأحيان، قد تكون هذه المشكلة البسيطة عرضاً لمشكلة أخرى. لذا، يُنصح بالاستعانة بمساعدة مختص في الحالات التالية:
- الرمز صحيح، لكن Google تعرض الكرة الأرضية منذ شهور - وهذا يعني أن المشكلة تكمن في وصول الروبوت أو في القالب؛
- لا تمتلك العلامة التجارية شعارًا بسيطًا وتحتاج إلى أسلوب مؤسسي يعمل على 16 بكسل؛
- يتم تجميع الموقع باستخدام أداة بناء، وتتغير مسارات الأيقونات مع كل تحديث؛
- يُعد رمز الموقع مجرد واحد من عشرات الأخطاء الطفيفة التي تراكمت على مر السنين.
ما الذي يمكنني فعله لموقعك الإلكتروني؟
أنا فاليري دانيوك، مطور برامج ومتخصص في تحسين محركات البحث، بخبرة 12 عامًا وأكثر من 200 عميل. أقوم بإعداد أيقونات المواقع، ومعاينات وسائل التواصل الاجتماعي، وتنسيق كل موقع إلكتروني قبل إطلاقه.
تحسين محركات البحث والتدقيق
- تدقيق تحسين محركات البحث لموقع الويب الجاهز: أجد جميع التفاصيل التقنية - من أيقونة الموقع والمعاينات إلى الفهرسة والسرعة - وأقوم بإصلاحها في الكود.
المواقع الإلكترونية والمتاجر الإلكترونية
- أنشئ موقعًا إلكترونيًا على غرار موقع شخص آخر في دقائق — في 1001site ، يتم تكوين الأيقونات والمعاينات والتصميم تلقائيًا.
- تيلدا برسوم اشتراك أو موقع ويب مزود بالذكاء الاصطناعي - مقارنة صادقة بين النهجين.
- كم تبلغ تكلفة موقع إلكتروني جاهز للاستخدام في عام 2026 ؟ ما هي العوامل التي تحدد السعر؟
- موقع WordPress مع مساعد ذكاء اصطناعي مقابل 299 يورو لمدة 3 أيام.
إدارة علاقات العملاء والأتمتة
- نظام إدارة علاقات العملاء (CRM) مخصص مزود بقاعدة بيانات للعملاء وصناع القرار لشركة من سلوفاكيا.
- نظام إدارة علاقات العملاء لشركة تفكيك السيارات يقوم بحساب الأسعار وطباعة الفواتير تلقائيًا.
أرسل لي عنوان الموقع الإلكتروني على Telegram - سأتحقق من الأيقونات وخمسة أو ستة أشياء صغيرة أخرى غالباً ما يتم نسيانها.
نتيجة
- يعثر برنامج Favicon Checker على جميع أيقونات المواقع وأحجامها، ويعرض الأيقونات المفقودة في غضون دقيقة واحدة.
- الحد الأدنى للمجموعة: favicon.ico، favicon.svg، أيقونة Apple Touch 180×180، والأيقونات 192 و512 لبيان الويب.
- بالنسبة Google يجب أن يكون الرمز مربعًا، أكبر من 48 × 48، ويمكن الوصول إليه بواسطة الروبوت، ويتم الإعلان عنه في الصفحة الرئيسية.
- إذا كان من الأسهل إعادة بناء موقع ويب بدلاً من إصلاح المشكلات البسيطة، 1001site يقوم بتخصيص الأيقونات والمعاينات تلقائيًا.
تحقق من نطاقك باستخدام أداة فحص Favicon المجانية - وتحقق من نطاق منافسك الرئيسي في نفس الوقت.
مصادر
- صفحة مدقق أيقونات المواقع في PromoPilot — قائمة بالفحوصات والأسئلة الشائعة.
- مركز بحث Google - متطلبات أيقونة الموقع لنتائج البحث.
- RealFaviconGenerator — يقوم بإنشاء واختبار مجموعة من الأيقونات.
