جوجل تظهر الآن رمز التفضيلات وكيفية إضافته لمدونتك
رمز التفضيلات (favicon) هي صورة تمثل العلامة التجارية لموقع ويب أو مدونة الكترونية في:
رأينا في درس سابق طريقة إضافة هذه الصورة لمدونات بلوجر، واليوم سنتعرف على المزيد من الخيارات وأهمية إضافة الفافيكون لمدونتك.
في البداية، كان الهدف هو وضع العلامة بجانب إسم الموقع في لوائح المفضلة. وبما أنها مهمة جدا في تسويق العلامات التحارية فقد تم اعتماده المنظمة العالمية للانترنت. ومؤخرا أصبحت جوجل تظهر الرمز في نتائج البحث كذلك.
جوجل مثلا تظهر العلامة في نتائج بحث لجوال فقط:
ولكن مواقع بحث أخرى، مثل duckduckgo، تظهره حتى في الكمبيوتر :
بالنسبة لمتصفح جوجل كروم، في لوائح التفضيلات
وفي أرشيف التصفح
أو نوافذ التصفح
وعلى الهواتف الجوالة
- نوافذ المتصفح.
- لوائح التفضيلات.
- أرشيف البحث.
- نتائح البحث.
رأينا في درس سابق طريقة إضافة هذه الصورة لمدونات بلوجر، واليوم سنتعرف على المزيد من الخيارات وأهمية إضافة الفافيكون لمدونتك.
ما هو رمز التفضيلات
إذا لك تكن تعرف، فرمز التفضيلات هو كما اشرنا أعلاه صورة مصغرة تساعد في تمييز العلامات التجارية. ويتم وضع لوجو أو شعار شركة أو موقع في هذه الصورة أو الحرف الأول من إسمها.في البداية، كان الهدف هو وضع العلامة بجانب إسم الموقع في لوائح المفضلة. وبما أنها مهمة جدا في تسويق العلامات التحارية فقد تم اعتماده المنظمة العالمية للانترنت. ومؤخرا أصبحت جوجل تظهر الرمز في نتائج البحث كذلك.
جوجل مثلا تظهر العلامة في نتائج بحث لجوال فقط:
ولكن مواقع بحث أخرى، مثل duckduckgo، تظهره حتى في الكمبيوتر :
بالنسبة لمتصفح جوجل كروم، في لوائح التفضيلات
وفي أرشيف التصفح
أو نوافذ التصفح
وعلى الهواتف الجوالة
تصميم وإضافة رمز التفضيلات لمدونتك أو موقعك
1. أول خطوة هي تصميم شعار أو لوجو ثم حفظه بصيغة png أو Jpg، ويجب أن تكزن بشكل مربع أو الطول مساويا للعرض.
2. بعد ذلك، قم بفتح موقع favicon-generator.
3. شاهد الفيديو التالي لمعرفة كيفية رفع الصورة للموقع وتحميل صور الفافيكون منه:
ستحتاج هذا الكود لإضافته داخل وسم head بعد رفع الصور والحصول على الروابط الخاصة بها.
<link rel=”apple-touch-icon” sizes=”114×114″ href='رابط الصورة' />
<link rel=”apple-touch-icon” sizes=”72×72″ href='رابط الصورة' />
<link rel=”apple-touch-icon” href='رابط الصورة' />
<link rel=”apple-touch-icon” sizes=”72×72″ href='رابط الصورة' />
<link rel=”apple-touch-icon” href='رابط الصورة' />