ما هو الرمز المفضل: كيفية إنشاء واحد مع الأمثلة [دليل المبتدئين]

هل تستخدم أيقونة مفضلة على موقع الويب الخاص بك؟

هل تساءلت يومًا عن سبب ظهور شعارات أو رموز صغيرة بجوار عناوين مواقع الويب في متصفحك؟ 

كهذه:

تسمى هذه الرموز الصغيرة اللطيفة بالأيقونات المفضلة، وهي تمثل موقع ويب في متصفحات الويب. 

هل تتساءل عن كيفية إنشاء واحدة؟ أنت في المكان الصحيح.

في هذا المقال سوف نكتشف؛

• ما هو رمز الموقع (favicon) تحديداً، وأين يوجد في متصفحك؟
• كيف تفيد هذه الرموز الصغيرة كلاً من مالكي ومستخدمي مواقع الويب؟
• ما الذي يجعل أيقونة الموقع جيدة، وكيف يمكنك إنشاء أيقونة مميزة عن غيرها؟

هل انت فضولي؟ دعنا ننتقل إلى التفاصيل.

---

جدول المحتويات ☰

---

ما هو الرمز المفضل؟

أيقونة الموقع هي صورة صغيرة وفريدة تظهر في علامة تبويب المتصفح بجوار عنوان موقعك الإلكتروني.

الغرض الرئيسي من أيقونة WordPress المفضلة هو مساعدة المستخدمين على التعرف بسرعة على موقعك من بين جميع علامات التبويب المفتوحة الأخرى في متصفحهم.

فيما يلي مثال لما يبدو عليه الرمز المفضل:

فيما يلي بعض الرموز المفضلة الإضافية لمواقع الويب الشهيرة المعروضة في شريط الإشارات المرجعية في Chrome.

ما هي فوائد إضافة Favicon إلى موقعك؟

يمثل رمز الموقع هوية الموقع. أنت بحاجة إلى رمز جذاب إذا كنت ترغب في بناء علامة تجارية شخصية أو جعل موقعك أكثر رسوخاً في الذاكرة.

فيما يلي بعض الفوائد الرئيسية لإضافة أيقونة WordPress المفضلة إلى موقعك في عام 2024.

• المهنة: تتمثل أكبر ميزة لاستخدام أيقونة الموقع (favicon) في أنها تمنح موقعك الإلكتروني مظهرًا أكثر احترافية وجاذبية بصرية.
• تجربة مستخدم أفضل: عادةً ما يكون لدى معظم مستخدمي الإنترنت علامات تبويب متعددة مفتوحة في متصفح الويب الخاص بهم. يساعدك وجود أيقونة مفضلة فريدة وجذابة على التعرف على موقعك بسهولة. فكر في Amazon، وTwitter (X)، وYouTube، وما إلى ذلك. يمكنك التعرف بسهولة على هذه المواقع من خلال النظر إلى الأيقونات المفضلة.
• فوائد تحسين محركات البحث: تعرض جميع محركات البحث تقريبًا، بما في ذلك Google وBing، الرموز المفضلة في نتائج البحث، مما يمكن أن يساعد في إبراز موقع الويب الخاص بك.
• إعتراف بعلامة تجارية: كلما رأى المزيد من الأشخاص الرمز المفضل لموقع الويب الخاص بك، أصبح من الأسهل عليهم التعرف على علامتك التجارية.
• المفضلة: يُضيف الكثيرون صفحةً (أو موقعًا إلكترونيًا) إلى مفضلاتهم عندما يجدون شيئًا مثيرًا للاهتمام. يُساعد رمز الموقع (favicon) على تمييز موقعك في قوائم المفضلة، مما يُشجع المستخدمين على زيارته مرة أخرى.

كيفية إضافة رمز مفضل إلى مدونة WordPress الخاصة بك؟

يجب عليك إنشاء أيقونة للموقع (favicon) قبل تعلم كيفية إضافتها إلى موقعك. إذا كان لديك شعار لموقعك بالفعل، فيمكنك استخدامه كأيقونة للموقع. 

إذا لم يكن لديك واحد، فهناك العديد من مولدات أيقونات المواقع المجانية عبر الإنترنت التي يمكن أن تساعدك في إنشاء أيقونة احترافية لموقعك الإلكتروني.

على سبيل المثال، يمكنك استخدام مولد favicon.io . يمكنك استخدام هذا الموقع لتحويل شعار موقع الويب الحالي الخاص بك إلى أيقونة مفضلة أو إنشاء شعار من البداية.

بمجرد دخولك إلى موقعهم، أدخل النص المتعلق بنشاطك التجاري أو اسم موقع الويب الخاص بك، وسيعرض تلقائيًا معاينة الأيقونة المفضلة، كما هو موضح أدناه.

كما ترون، يمكنكم تعديل أيقونة الموقع (favicon) كما تشاؤون عن طريق تغيير النص والخلفية وحجم الخط ولون الخط ولون الخلفية وما إلى ذلك. 

بمجرد الانتهاء، يمكنك النقر على زر "تنزيل" لتنزيله.

بمجرد أن تصبح صورة favicon جاهزة، أضف favicon الجديد إلى موقع WordPress الخاص بك باستخدام إحدى الطرق التالية.

الطريقة الأولى: استخدام أداة تخصيص WordPress (الأبسط)

لإضافة أيقونة مفضلة إلى موقع WordPress الخاص بك، انتقل إلى المظهر > التخصيص في لوحة تحكم WordPress الخاصة بك.

انقر فوق هوية الموقع. 

انزل قليلاً وستجد "أيقونة الموقع".

اختر صورة من مكتبة الوسائط الخاصة بك أو حمّل صورة جديدة. تأكد من أنها مربعة الشكل وبحجم 512 × 512 بكسل على الأقل للحصول على أفضل النتائج.

قص الصورة كما تريد، ثم انقر على "تحديد". انقر على "نشر" لحفظ التغييرات. انتهى الأمر.

الطريقة الثانية: استخدام البرنامج المساعد Favicon

يمكنك أيضًا استخدام مكون إضافي لـ WordPress لإضافة رمز مفضل إلى موقع WordPress الخاص بك.

تثبيت البرنامج المساعد مثل الرمز المفضل من RealFaviconGenerator ، وهو مكون إضافي مجاني يساعدك على إنشاء وإضافة أيقونة مفضلة بأحجام مختلفة، بما في ذلك:

• متصفحات سطح المكتب
• اي فون / آي باد
• أجهزة Android
• الأجهزة اللوحية التي تعمل بنظام Windows 8 وما فوق

قم بتنشيط البرنامج المساعد واتبع تعليماته.

ستحتاج إلى تحديد صورتك وسيقوم البرنامج الإضافي بإنشاء جميع الملفات والرموز الضرورية.

وهنا ما يبدو.

الطريقة الثالثة: إضافة الرمز المفضل يدويًا (للمستخدمين ذوي الخبرة)

أنشئ ملف favicon الخاص بك باستخدام أحد مولدات favicon المجانية المذكورة أعلاه. 

تأكد من أن الأيقونة المفضلة هي صورة مربعة محفوظة بتنسيق ملف .ico.

قم بالاتصال بموقعك الإلكتروني باستخدام عميل FTP (مثل FileZilla) وقم بتحميل ملف favicon إلى الدليل الجذر لموقعك الإلكتروني.

ثم الجزء الأخير هو إضافة كود HTML.

قم بتعديل ملفات قالب موقعك الإلكتروني (عادةً header.php) وأضف مقتطف الشفرة التالي، مع استبدال "favicon.ico" باسم ملف favicon الفعلي الخاص بك:

هذا كل شيء، لقد انتهيت.

ملاحظة مهمة تأكد من اختبار أيقونة الموقع على أجهزة ومتصفحات مختلفة لضمان عرضها بشكل صحيح. كما يُنصح باستخدام خلفية شفافة لأيقونة الموقع للحصول على أفضل النتائج.

تنسيقات المفضلة الشائعة

هناك ثلاثة تنسيقات ملفات شائعة للأيقونات المفضلة، وهي:

• إيكو (أيقونة ويندوز)
• PNG (رسومات الشبكة المحمولة)
• SVG (رسومات متجهة قابلة للتحجيم)

يُعدّ تنسيق ICO الأكثر شيوعًا وأصالةً بين تنسيقات أيقونات المواقع، وقد طوّرته شركة مايكروسوفت. والسبب الرئيسي لاستخدام هذا التنسيق هو توافقه مع جميع المتصفحات الرئيسية، بما في ذلك الإصدارات القديمة مثل إنترنت إكسبلورر.

يستخدم المصممون المحترفون صيغة PNG على نطاق واسع. تدعم هذه الصيغة الخلفيات الشفافة، وغالبًا ما يكون حجم ملفها أصغر من حجم ملف ICO.

يُعدّ تنسيق SVG التنسيق المُوصى به إذا كنت ترغب في استخدام أيقونة الموقع وتغيير حجمها دون فقدان الجودة. مع ذلك، لا يحظى هذا التنسيق بدعم واسع النطاق مثل تنسيقي ICO أو PNG، خاصةً على الأجهزة أو المتصفحات القديمة.

نصائح سريعة لإنشاء أيقونة WordPress المفضلة

فيما يلي بعض النصائح المفيدة لإنشاء رمز مفضل فريد لموقع WordPress الخاص بك.

• أبقيها بسيطة: أيقونات المواقع عبارة عن صور صغيرة جدًا، لذا تجنب استخدام الكثير من النصوص أو النصوص الصغيرة جدًا. حاول استخدام أشكال بارزة، وخطوط بسيطة، وشعارات بسيطة. إذا أمكن، فكّر في استخدام نسخة مبسطة من شعارك.
• اشعل حماسك: احصل على الإلهام من أكبر العلامات التجارية مثل Amazon وGoogle وTesla وApple وغيرها. أو تصفح أفضل مواقع الويب في مجال عملك للحصول على الإلهام وإنشاء أيقونات مفضلة.
• استخدم صورتك: إذا نظرت إلى أيقونة مدونتنا، ستجد أننا نستخدم صورة المؤسس. إذا كنت ترغب في إنشاء علامة تجارية شخصية، فاستخدم صورتك الشخصية كأيقونة لموقعك. إنها طريقة أسهل وأكثر تميزًا.
• استخدم خلفية شفافة: استخدم دائمًا خلفية شفافة. يمكنك استخدام صيغة PNG شفافة لرؤية أوضح. هذا يسمح أيضًا للرمز المفضل بالتناغم بسلاسة مع خلفيات المتصفح المختلفة. احفظ رمزك المفضل بصيغة PNG أو ICO.
• لا تكن خيالياً: لستَ مضطراً لاستخدام جميع الألوان المتاحة. التزم بمجموعة ألوان محدودة. من الأفضل استخدام لون أو لونين فقط لتحقيق أقصى قدر من الوضوح.
• استخدم الحجم الصحيح: استخدم صورة مربعة بحجم موصى به يبلغ 512 × 512 بكسل. أفضل ما في WordPress هو أنه يقوم تلقائيًا بإنشاء إصدارات أصغر لأجهزة مختلفة، مثل الأجهزة المحمولة والأجهزة اللوحية. 
• استخدام الأدوات: يمكنك استخدام أدوات مجانية عبر الإنترنت مثل Favicon.io أو RealFaviconGenerator.net لإنشاء رمزك المفضل وتحسينه بسهولة.

---

الأسئلة الشائعة حول أيقونات المفضلة

فيما يلي بعض الأسئلة المتداولة حول الرموز المفضلة. 

منتجات مشابهة:

• الأشياء التي يجب تحقيق التوازن فيها عند القيام بتحسين محركات البحث: 5 أشياء مهمة
• ما هو الخادم المخلص؟ مزايا وعيوب
• 10 أدوات تحسين محركات البحث (SEO) الأعلى أجرًا والتي تستحق كل قرش
• استرداد الارتباط: ما هو؟ كيفية استعادة الروابط الخلفية المفقودة
• مستقبل تحسين محركات البحث: 5 اتجاهات من شأنها أن تؤثر على عملك وتصنيف موقع الويب الخاص بك
• ما هو المحتوى الخالد؟ دليل المبتدئين مع النصائح العملية

---

الأفكار النهائية حول ماهية الصورة المفضلة

تذكر أن الحجم مهم عند إنشاء أيقونة الموقع. الحجم المثالي هو 512 × 512 بكسل، ولكن يجب أن يكون قابلاً للتصغير إلى 16 × 16 بكسل لتحقيق التوافق الأمثل (عبر مختلف المتصفحات والأجهزة).

ضع في اعتبارك أيضًا استخدام شعارك أو رمز علامتك التجارية أو أي صورة تعكس المحتوى الموجود على موقع الويب الخاص بك.

إذًا، ما رأيك في استخدام الرمز المفضل؟ هل لديكم أسئلة ؟ اسمحوا لنا أن نعرف في التعليقات.