كيف تضبط الشعار والأيقونة المصغرة (Favicon)؟ حجم الشعار والشعار المحمّل بالتأجيل (Lazy) وصيغة الأيقونة المصغرة وعلامة تبويب المتصفح واتساق العلامة وسرعة الصفحة وقائمة التحقق في متجر التجارة الإلكترونية

يصل العميل إلى موقعك من إعلان أو بحث أو بتوصية صديق، وفي الثواني الأولى ينظر إلى شيء آخر قبل المنتجات: هل هذا مكان موثوق؟ ويأتي الشعار في مقدمة التفاصيل الصغيرة التي تعطي هذا الانطباع. فالشعار الضبابي أو المائل أو الذي يظهر بحجم مختلف في كل صفحة يجعل المتجر يبدو غير مُتقَن مهما كانت المنتجات جيدة. أما favicon، أي الأيقونة الصغيرة في علامة التبويب، فهو الشيء الوحيد الذي يذكّر الزائر بك أثناء تنقّله بين علامات التبويب؛ وإذا غاب يعرض المتصفح أيقونة صفحة فارغة.

نتناول في هذا الدليل إعدادات الشعار وfavicon في التجارة الإلكترونية على مستويين. الأول ما يُنفَّذ فعلًا في لوحة Faprika: يُرفع الشعار والشعار البديل (lazy logo) وfavicon من شاشة التكوين > الإعدادات > الإعدادات العامة؛ وتُشرح الأحجام الموصى بها ومضاعفاتها وتنبيه ذاكرة التخزين المؤقت كما في صفحات التدريب. والثاني المبادئ التي تتجاوز اللوحة: اتساق العلامة التجارية، ووضوح القراءة على الهاتف، وتصميم أيقونة بسيطة، والسرعة. وهناك أيضًا أداتان صغيرتان: حاسبة تقارن مقاسات الشعار وfavicon التي تنوي رفعها بالنسبة الموصى بها، وقائمة تدقيق من ثمانية بنود. أما سرعة صور المنتجات وجودتها فلها مقال مستقل عن تحسين صور المنتجات؛ ونركّز هنا على صور العلامة التجارية فقط.

ما هي إعدادات الشعار وfavicon؟

إعدادات الشعار وfavicon هي الإعدادات التي تحدّد من أي ملف وبأي حجم وفي أي مواضع تُعرض صور العلامة التجارية في متجرك الخاص بـالتجارة الإلكترونية. فالشعار هو علامة العلامة التجارية التي تظهر أعلى الصفحة، والشعار البديل (lazy logo) هو الشعار الاحتياطي الذي يظهر أثناء تحميل صور المنتجات، وfavicon هو الأيقونة الصغيرة في علامة تبويب المتصفح.

في Faprika تُدار الثلاثة من الشاشة نفسها: التكوين > الإعدادات > الإعدادات العامة. لكل منها حقل «رفع» مستقل؛ تختار الصورة ثم تضغط حفظ. ويلخّص الجدول التالي الفرق بين الصور الثلاث.

نوصيك بالقراءةتدريب إدارة الشعار

لماذا يُعدّ الشعار وfavicon بهذه الأهمية؟

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

يمكننا تلخيص الأثر في ثلاث نقاط.

• الثقة والتعرّف. عندما يراك العميل في إعلان وفي البريد الإلكتروني وفي الموقع، يجب أن يرى العلامة نفسها. والاتساق هو الشرط الأول للتعرّف.
• سهولة العودة. عندما يفتح العميل عدة علامات تبويب لمقارنة المنتجات، تُقصَّر عناوين علامات التبويب ولا يبقى سوى favicon. والأيقونة الصحيحة تسهّل عليه العودة إلى علامة تبويبك.
• السرعة المُدرَكة. يمنع الشعار البديل (lazy logo) بقاء الإطار فارغًا أثناء تحميل صور المنتجات. فتبدو الصفحة ممتلئة ويلاحظ العميل الانتظار بدرجة أقل. وللاطلاع على موضوع السرعة عمومًا راجع مقال لماذا تهمّ سرعة الموقع في التجارة الإلكترونية.

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

كيف يُرفع الشعار في Faprika؟

في Faprika يُرفع الشعار من المسار: التكوين > الإعدادات > الإعدادات العامة في اللوحة. في الشاشة التي تُفتح تُختار الصورة من حقل رفع بجانب كلمة الشعار ثم تُحفظ. ويقع الشعار في قالب Faprika في أعلى يسار الصفحة الرئيسية والفئات وصفحة تفاصيل المنتج.

حجم الشعار الموصى به

الحجم الموصى به للشعار هو 135×35 ومضاعفاته. وعند رفع أحد المضاعفات يمكنك ضبط المقاس من حقلي الحد الأقصى لعرض الشعار والحد الأقصى لارتفاعه مع الحفاظ على النسبة. أي يمكنك رفع ملف كبير مُجهَّز بنسبة 135×35 وتحديد المساحة التي سيشغلها في الصفحة بهذين الحقلين.

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

ما يجب مراعاته عند تجهيز الشعار

• اختر النسبة منذ البداية. بدلًا من اقتطاع الملف لاحقًا، صمّمه في مساحة عمل بنسبة 135×35.
• اترك هامشًا لكن دون مبالغة. فالمساحة الفارغة غير الضرورية حول الشعار تجعله يبدو أصغر مما هو عليه في الزاوية العلوية اليسرى.
• فكّر في الخلفية. يجب أن يُقرأ الشعار على لون الخلفية الذي سيوضع عليه. والملف ذو الخلفية الشفافة يسهّل التكيّف مع خلفيات مختلفة.
• لا تجعل الملف أثقل من اللازم. يُحمَّل الشعار في كل صفحة؛ والحفاظ على حجمه صغيرًا يخدم السرعة.

تحقّق من بيانات الشعار بالأداة التالية

تقارن الأداة عرض الشعار وارتفاعه بالنسبة الموصى بها 135×35 وتعرض عدد المرات التي يتجاوزها فيها والارتفاع المتوقع. كما تتحقق مما إذا كان طول ضلع favicon من مضاعفات 16. المقاسات التي تدخلها تخص ملفك؛ والأداة تقارن النسبة فقط ولا تحكم على الجودة أو الصيغة.

ما هو الشعار البديل (lazy logo) ولماذا يُرفع؟

الشعار البديل (lazy logo) هو الشعار الذي يظهر في خلفية إطارات المنتجات أثناء تحميل صور المنتجات عند فتح صفحتك. وعندما تُحمَّل الصورة تحلّ صورة المنتج محل الشعار؛ وخلال هذه الفترة يعرض الإطار علامتك التجارية بدلًا من صندوق فارغ.

لا يعني اسمه «بطيء» ولا «كسول»؛ فكلمة «lazy» هنا تأتي من منطق تحميل الصور عند الحاجة إليها. ففي صفحة فئة تحتوي قائمة منتجات طويلة لا تصل الصور دفعة واحدة بل تظهر تباعًا. وما سيراه العميل على شاشته في تلك اللحظة القصيرة التي لم تصل فيها الصورة بعد يحدّده الشعار البديل: فراغ رمادي أو علامتك التجارية.

في Faprika يُختار الشعار البديل (lazy logo) أيضًا في شاشة التكوين > الإعدادات > الإعدادات العامة، من زر رفع تحت نص Lazy Logo، ويكتمل بالحفظ. ومبدآن بشأن الشعار البديل الجيد سيفيدانك:

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

نوصيك بالقراءةتدريب إدارة الشعار البديل (lazy logo)

ما هو favicon وكيف يُرفع في Faprika؟

favicon هو الأيقونة الموجودة في الجزء الأيسر من علامة التبويب في متصفحك. وعندما يفتح الزائر علامات تبويب كثيرة تُقصَّر العناوين وتصبح الأيقونة أسهل وسيلة للتمييز بينها؛ وغياب favicon يجعل موقعك يبدو كأي صفحة فارغة عادية.

في Faprika يُختار favicon في شاشة التكوين > الإعدادات > الإعدادات العامة من زر رفع بجانب Favicon ثم يُضغط حفظ؛ وبعد وقت قصير يُضاف إلى موقعك. وما يركّز عليه التدريب هو المقاس والصيغة: يجب رفع الصورة بأبعاد 16×16 أو من مضاعفات 16 (مثل 32 و64) وبامتداد .ico.

كيف تصمّم favicon جيدًا؟

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

• تجنّب النص. فاسم العلامة الطويل لا يُقرأ بهذا الحجم؛ ويكفي الحرف الأول من العلامة أو أكثر أشكال الشعار تميّزًا.
• استخدم لونًا واحدًا أو لونين. فكلما زادت التفاصيل أصبحت الأيقونة ضبابية.
• حافظ على تباين عالٍ. فعلامة تبويب المتصفح قد تكون فاتحة أو داكنة؛ ويجب أن تظهر الأيقونة بوضوح على الخلفيتين.
• احتفظ باللون الرئيسي لشعارك. فللاتساق يجب أن يخرج favicon من عالم ألوان الشعار.

نوصيك بالقراءةتدريب إدارة favicon

ماذا تفعل إذا لم يتغيّر الشعار؟ فخ ذاكرة التخزين المؤقت

إذا استمر ظهور الشعار أو الأيقونة المفضلة القديمة بعد رفعها، فغالبًا لا يكون الرفع قد فشل، بل ما زال المتصفح يحتفظ بالملف القديم. في Faprika تُحفظ الشعارات في ملف تعريف ارتباط (كوكي) كي لا يُعاد تحميلها عند فتح كل صفحة؛ لذلك سترون تغيّر الشعار بعد مسح ملفات تعريف الارتباط وذاكرة التخزين المؤقت.

التحذير الصريح في الدليل هو: إذا لم يتغير الشعار بعد استبدال شعاركم الحالي، فلا تكرروا الرفع باستمرار. إعادة الرفع لا تحل المشكلة بل تضيّع الوقت فقط. والترتيب الصحيح كما يلي:

1. ارفعوا الشعار أو الشعار الكسول (lazy) أو الأيقونة المفضلة ثم اضغطوا «حفظ».
2. امسحوا ملفات تعريف الارتباط وذاكرة التخزين المؤقت في متصفحكم.
3. أعيدوا فتح الموقع وتحققوا من التغيير.
4. إذا بقي الشكل القديم ظاهرًا، فجرّبوا متصفحًا آخر أو نافذة التصفح الخفي.

لسلوك ذاكرة التخزين المؤقت أثر جانبي يخص عملاءكم أيضًا: عند تغيير الشعار قد يستمر بعض الزوار في رؤية الشعار القديم لفترة. إذا كنتم تجرون تجديدًا كبيرًا للعلامة التجارية، فاحسبوا حساب فترة الانتقال هذه ولا تتركوا التغيير إلى ما قبل يوم حملة مهم مباشرة. أما أثر ملفات تعريف الارتباط في سلامة الموقع، فإن المقال çerezler e-ticaret sitenizin sağlığı için iyi mi kötü mü يقدّم إطارًا عامًا.

ننصحكم بقراءةكيف تمسحون ذاكرة التخزين المؤقت وملفات تعريف الارتباط في المتصفح؟

كيف ينبغي أن يظهر الشعار والأيقونة المفضلة على الجوال؟

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

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

للاطلاع على المبادئ العامة للتوافق مع الجوال يمكنكم الرجوع إلى مقال e-ticaret sitesinde mobil uyumun önemi . ولأن الأيقونة المفضلة قلّما تظهر على الهواتف، فإن مهمتها الأساسية هي تمثيل علامتكم التجارية في علامة تبويب سطح المكتب وفي إشارات المتصفح المرجعية.

اتساق العلامة التجارية: هل الشعار واحد في كل مكان؟

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

من الناحية العملية تفيد هذه الفحوصات:

• تجنّبوا فوضى النسخ. إذا كانت النسخ القديمة والجديدة من الشعار متداولة في مجلدات مختلفة، فسيرفع أحدهم النسخة القديمة حتمًا. احتفظوا بمجلد واحد لـ«الشعار الحالي».
• ثبّتوا الألوان. يجب أن تنبثق ألوان الشعار والشعار الكسول (lazy) والأيقونة المفضلة من عالم لوني واحد.
• تحققوا من بقية أجزاء الموقع أيضًا. إذا كانت صفحات العلامات التجارية وقوالب البريد الإلكتروني ومطبوعات الفواتير تستخدم الشعار، فحدّثوها كذلك. وبالنسبة إلى صفحات العلامات التجارية يفيدكم مقال كيف تُنشأ صفحة العلامة التجارية.
• عند تغيير الشعار غيّروا الجميع معًا. تجديد الشعار مع ترك الأيقونة المفضلة القديمة يجعل علامة تجارية مختلفة تظهر في تبويب المتصفح.

هل يؤثر الشعار والأيقونة المفضلة في السرعة؟

نعم، قد يؤثران: فالشعار صورة تُحمَّل في كل صفحة، وأي ملف أثقل من اللازم يبطئ فتح كل صفحة. أما الأيقونة المفضلة فملف صغير لكنه يُطلب في كل صفحة؛ ويكفي أن تبقى بسيطة وخفيفة.

المبادئ العملية من حيث السرعة هي:

• لا ترفعوا الشعار بحجم أكبر بكثير من المساحة المستخدمة. تكفي مضاعفات الحجم الموصى به للحصول على وضوح جيد على الشاشة؛ والملف الأكبر بكثير لا يضيف سوى الوزن.
• تخلّصوا من التفاصيل غير الضرورية في الملف. الظلال الكثيفة والتدرجات تزيد حجم الملف.
• استفيدوا من ميزة حفظ الشعار في ملف تعريف الارتباط. تحفظ Faprika الشعارات في ملف تعريف الارتباط فتمنع إعادة تحميلها عند فتح كل صفحة؛ فلا تغيّروا الشعار باستمرار فتُفسدوا هذا السلوك.
• أبقوا الشعار الكسول (lazy) خفيفًا. لأنه أول ما يظهر عند فتح الصفحة، فكلما كان أبسط بدا أسرع.

هذه المبادئ جزء صغير من إدارة السرعة بوجه عام. ويتناول مقال تحسين صور المنتجات العناصر الأكبر مثل صور المنتجات ووزن الصفحة؛ أما الشعار والأيقونة المفضلة فهما العنصران «الصغيران لكنهما في كل صفحة».

أكثر الأخطاء شيوعًا في إعدادات الشعار والأيقونة المفضلة

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

رفع ملف يخل بالنسبة

الشعار المربع أو الطويل جدًا يصغر في المساحة المخصصة لنسبة 135×35 ويبدو مضغوطًا. أعدّوا الملف منذ البداية وفق النسبة الموصى بها.

رفع الأيقونة المفضلة بصيغة غير .ico

يشترط الدليل الامتداد .ico. وبدل العناء مع ملف بامتداد مختلف، أعدّوا الأيقونة منذ البداية بالصيغة الصحيحة.

تصغير الشعار الطويل ووضعه أيقونة مفضلة

الشعار المكتوب لا يُقرأ في مساحة 16×16 أو 32×32. استخدموا حرفًا أول أو رمزًا بسيطًا.

إعادة الرفع باستمرار لأنه «لم يتغير»

في الغالب لا تكون المشكلة في الرفع بل في ذاكرة التخزين المؤقت. امسحوا أولًا ملفات تعريف الارتباط وذاكرة التخزين المؤقت.

عدم رفع الشعار الكسول (lazy) إطلاقًا

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

عدم التجربة على الجوال

الشعار الذي يبدو سليمًا على سطح المكتب قد يتجاوز حدوده على الهاتف. تحققوا من الهاتف بعد كل تغيير.

إدارة الصور الثلاث بشكل مستقل

جُدّد الشعار وبقيت الأيقونة المفضلة قديمة. تختل وحدة العلامة التجارية وقد يستغرق ملاحظة ذلك أشهرًا.

Okumanızı öneririzE-Ticaret Sitesinde Mobil Uyumun Önemi

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

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

متى ينبغي إعادة النظر في الشعار والأيقونة المفضلة؟

ينبغي إعادة النظر في إعدادات الشعار والأيقونة المفضلة عند تغيّر هوية علامتكم التجارية، أو عند تجديد القالب أو نظام الألوان، أو قبل الحملات، أو عندما تتلقون ملاحظات من العملاء مثل «الشعار يبدو ضبابيًا». وبدل اعتباره رفعًا لمرة واحدة، تعاملوا معه كإعداد يُحدَّث مع علامتكم التجارية.

قبل حملة كبيرة أو موسم مبيعات مكثف تكفي جولة قصيرة: افتحوا الشعار والشعار الكسول (lazy) والأيقونة المفضلة على سطح المكتب وعلى الهاتف معًا. وتصحيح أي خطأ قبل بدء الحملة أيسر بكثير من تصحيحه أثناء تدفق الزيارات. ويجب أن تنسجم صور العلامة التجارية مع الجودة العامة لصفحات المنتجات؛ ولذلك ضعوا في اعتباركم مبادئ مقال تحسين صور المنتجات معًا.

إدارة الشعار والأيقونة المفضلة مع Faprika

في Faprika تجتمع إعدادات الشعار والشعار الكسول (lazy) والأيقونة المفضلة في شاشة واحدة: التهيئة > الإعدادات > الإعدادات العامة. وتتوفر حقول رفع منفصلة للصور الثلاث وإعدادات العرض والارتفاع الأقصى للشعار؛ وتُشرح القياسات الموصى بها وتحذير ذاكرة التخزين المؤقت بالتفصيل في صفحات الدليل. ولأنكم تستطيعون رفع صور العلامة التجارية ومراجعتها بأنفسكم، فلا حاجة إلى انتظار دعم من مصمم أو مطوّر.

لمعرفة كل ما يمكنكم فعله في المتجر المبني بـ Faprika وأي الإمكانات تتوفر في أي باقة، يمكنكم الاطلاع على باقاتنا أو طلب عرض تجريبي.

الأسئلة الشائعة

كيف تضبطون الشعار والأيقونة المفضلة في متجر التجارة الإلكترونية؟

في Faprika يُرفع الشعار والشعار البديل (lazy logo) وfavicon من المسار: التكوين، الإعدادات، الإعدادات العامة في اللوحة. لكل منها حقل رفع مستقل؛ تختار الصورة ثم تضغط حفظ. يُوصى بحجم 135×35 ومضاعفاته للشعار، و16×16 ومضاعفاته بامتداد .ico لـ favicon.

ما المقصود بـأيقونة الموقع (Favicon)؟

favicon هو الأيقونة الصغيرة التي تظهر في الجزء الأيسر من علامة تبويب المتصفح. يسهّل تمييز موقعك عند فتح عدد كبير من علامات التبويب؛ ويجب أن يكون بسيطًا وعالي التباين ومنسجمًا مع علامتك التجارية.

ما الحجم المناسب للشعار؟

الحجم الموصى به للشعار في Faprika هو 135×35 ومضاعفاته. وعند رفع أحد المضاعفات يمكنك ضبط المقاس من حقلي الحد الأقصى لعرض الشعار والحد الأقصى لارتفاعه مع الحفاظ على النسبة.

ما هو الشعار البديل (lazy logo)؟

الشعار البديل (lazy logo) هو الشعار الذي يظهر في خلفية إطارات المنتجات أثناء تحميل صور المنتجات عند فتح الصفحة. ويمنع بقاء الإطار فارغًا إلى أن تصل الصورة. يُرفع من حقل Lazy Logo في شاشة التكوين، الإعدادات، الإعدادات العامة.

رفعتُ الشعار لكن ما زال القديم يظهر، ماذا أفعل؟

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

ما الصيغة والحجم المناسبان لـ favicon؟

يجب أن يكون favicon بحجم 16×16 أو من مضاعفات 16 (مثل 32 أو 64) وبامتداد .ico. والأيقونة البسيطة التي تُقرأ بحجم صغير تعطي نتيجة أفضل من نص الشعار الطويل.

مقالات قد تهمك

• تحسين صور المنتجات
• E-Ticaret Sitesinde Mobil Uyumun Önemi
• لماذا تُعدّ سرعة الموقع مهمة في التجارة الإلكترونية؟
• كيف تُنشأ صفحة العلامة التجارية؟