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

هل تستخدم أيقونة مفضلة على موقع انترنت ?

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

كهذه:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

قم بقص الصورة حسب الرغبة ثم انقر فوق تحديد. انقر فوق نشر لحفظ التغييرات. هذا كل شيء، لقد انتهيت.

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

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

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

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

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

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

وهنا ما يبدو.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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