رمز الموقع Favicon وأثره على العلامة التجارية

Share on facebook
Share on twitter
Share on linkedin

ما هو رمز الموقع؟

رمز الموقع أو Favicon هو نفس الصورة 16 بكسل × 16 بكسل التي تعرضها المتصفحات بجوار عنوان الموقع لتقديم العلامة التجارية بيانياً. تم تقديم اسم رمز الموقع ، Favicon ، لأول مرة بواسطة Microsoft لـ Explorer ، وتم اختصاره إلى Favorites و Icon لأنه يعرض الموقع بجوار الإشارات المرجعية للأيقونة.

عرض رمز الموقع عن طريق المتصفح

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

سيشمل تصميم أيقونة الموقع ما يلي:

العلامة التجارية

التعرف بسرعة على صفحتك من أيقونة الموقع للمستخدمين

مظهر ملائم واحترافي للموقع

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

كيفية العرض في متصفح بدون أيقونة موقع

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

1- صورة تحتوي على جزء من الشعار كأيقونة موقع مثل Omanweb1

2- الحرف الأول من اسم الموقع أو الشركة مثل Wikipedia

3- استخدام صورة تشير بطريقة ما إلى موضوع الموقع لأيقونة موقع مثل Google Analytics

4- مجموعة من العناصر الثانية والثالثة مثل موقع أمازون

نصائح لعمل ايقونة موقع

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

اتبع الخطوات أدناه لإنشاء رمز موقعك:

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

من أدوات تصميم أيقونات الموقع المجانية عبر الإنترنت مثل Favicon.cc

و favicon-generator.org

استخىام

قم بإنشاء صورة 16 × 16 لرمز موقعك.

ملف الرمز الخاص بك بالملحق ico. هو التحميل. يُسمح أيضًا بالامتدادات الأخرى مثل jpg و gif و png ، لكن لاحظ أن Explorer غير قادر على اكتشاف امتداد png.

تحميل وحفظ ملف رمز الموقع الخاص بك إلى الجذر الخاص بك.

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

على سبيل المثال ، بالنسبة إلى WordPress أو Joomla ، يمكنك نسخ الكود في header.php وبين الأمر <head> وللمواقع html في ملف index.php.

بعد كل الخطوات ، تحقق من أيقونة موقعك وكيف يتم عرضها في متصفحات مختلفة. لاحظ أن فائدة الموقع من أهم عوامل تحسين محركات البحث للزوار.