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

ممتازة لإضافة قيمة تجارية والتواصل مع عملاء جدد.

تستكشف هذه المقالة تصميم تذييل موقع الويب Footer، وما يجب وما لا يجب، وأمثلة الخبراء، وأفضل الممارسات

لإلهام مشروع الويب التالي.

.

ما هو تذييل الموقع Footer؟

تذييل موقع الويب Footer هو نمط واجهة مستخدم في أسفل (أو تذييل) موقع ويب أو تطبيق. التذييلات

هي مكونات مهمة لموقع الويب لأنها تعرض معلومات مفيدة، بما في ذلك روابط التنقل وتفاصيل الاتصال

والسياسات ومعلومات حقوق النشر وروابط الوسائط الاجتماعية، حتى يتمكن المستخدمون من معرفة المزيد عن عملك.

ربط التنقل الرئيسي الأساسي ؛ يظهر تذييل موقع الويب Footer في كل صفحة حتى يتمكن المستخدمون

دائمًا من الوصول إلى الروابط والمحتوى. على الرغم من وجودها في الجزء السفلي من صفحة الويب، إلا أن

التذييلات تعد مكونات حيوية للمستخدمين وأهداف العمل.

.

اقرأ أيضًا:13 نصيحة مجربة لتحسين موقع الويب الخاص بك

.

ما هو الغرض من التذييل؟

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

التذييل للتنقل الثانوي – روابط مهمة لا يمكن احتواؤها في رأس موقع الويب مثل حول، ومستندات المنتج، والموارد،

وما إلى ذلك.

مع القانون العام لحماية البيانات (GDPR) وقانون حماية خصوصية المستهلك (CCPA) والمعلومات القانونية الأخرى،

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

لدى المصممين هذه الروابط في التذييل، بحيث يعرف المستخدمون دائمًا مكان العثور عليها.

.

فوائد المبيعات

يستخدم العديد من مصممي UI / UX أيضًا تذييلات مواقع الويب لأغراض تجارية مثل CTA للمنتج أو التقاط العملاء

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

صفحات الميزات أو فئات المنتجات الأكثر مبيعًا أو مزيد من المعلومات حول الخدمات.

.

اقرأ أيضًا:ماهي الطريقة البسيطة لتصميم موقع ويب أنيق ؟

.

 

فوائد التسويق

يستخدم العديد من المسوقين أيضًا تذييلات مواقع الويب لأغراض تحسين محركات البحث (SEO). هناك نوعان من

فوائد تحسين محركات البحث للتذييلات:

-يساعد في تعزيز الصفحات التي تريد ترتيبها

-روابط الصفحة الرئيسية لها وزن، مما يعني أن محركات البحث ترى أن هذه الروابط الداخلية مهمة وتعطي الأولوية

وفقًا لذلك

-يزيد من احتمالية النقرات، وبالتالي تقليل معدلات الارتداد التي تعمل على تحسين سلطة المجال وترتيبه

.

ماذا يجب أن يشمل التذييل؟

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

قائمة بالعناصر التي قد تقوم بتضمينها في التذييل:

-روابط التنقل

-مشاركة العلامة التجارية والرسائل

-الشهادات – التوصيات

-حقوق النشر

.

اقرأ أيضًا:6 نصائح لتصميم الويب لتنمية أعمالك وزيادة معدل التحويل

.

 

 

-روابط التنقل

هناك عدة أنواع من روابط التنقل التي تقوم الشركات بتضمينها في التذييل. وتشمل هذه:

-روابط الأدوات: معلومات الاتصال، ورقم الهاتف، وعنوان البريد الإلكتروني، والعنوان الفعلي، وجهات اتصال

-خدمة العملاء، وسياسة الخصوصية، وشروط الاستخدام

-التنقل: نسخة من التنقل الرئيسي للراحة (قد يكون غير ضروري للرؤوس الثابتة)

-روابط المهام الثانوية: طلب الوظيفة، معلومات المستثمر، الوثائق / المواصفات، المعلومات الصحفية، الاشتراكات

التابعة، الأسئلة الشائعة

-خريطة الموقع: روابط إلى فئات مواضيع / منتجات متعددة

.

مشاركة العلامة التجارية والرسائل

الاستخدام الشائع الآخر لتذييل موقع الويب Footer هو مشاركة العلامة التجارية والرسائل – الروابط ومحتوى التذييل

الذي يشجع الأشخاص على التواصل مع الشركة، بما في ذلك:

-أيقونات وسائل التواصل الاجتماعي

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

-اشتراكات البريد الإلكتروني 

.

اقرأ أيضًا:كيف تتجنب مغادرة الزائرين لصفحة الهبوط الخاصة بموقعك

.

 

الشهادات – التوصيات

تستخدم بعض العلامات التجارية التذييل للشهادات والمراجعات. قد تتضمن أيضًا أداة Google Business

أو TrustPilot التي تعرض تصنيفها بالنجوم. تعد أنماط واجهة المستخدم هذه ممتازة للإثبات الاجتماعي وخلق الاهتمام

بمنتجك أو خدمتك.

.

حقوق النشر

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

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

.

اقرأ أيضًا:6 مكونات فعالة لموقع الويب الناجح

.

.

5 أمثلة على تصميم التذييل

لقد اخترنا ستة أمثلة لتصميم التذييل من صناعات مختلفة لإظهار كيفية إنشاء المصممين لتخطيطات تتوافق مع

أهداف العمل واحتياجات المستخدمين.

الخلاصة الرئيسية من هذه الأمثلة هي كيف تعطي الصناعات المختلفة الأولوية للروابط والمحتوى. يستخدم كل مثال

أيضًا تخطيطًا بسيطًا ونظيفًا لمساعدة الزوار في العثور على المعلومات بسرعة.

 

بي بي سي – تصميم تذييل الأخبار

هيئة الإذاعة البريطانية (BBC) هي واحدة من أكبر المؤسسات الإخبارية والإعلامية في جميع أنحاء العالم.

يستخدم عملاق الوسائط بشكل أساسي تذييله لعرض إصدارات أكثر من 30 لغة من موقع الويب مع قسم منفصل

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

وإعلانات مع BBC.

التصميم النظيف سهل القراءة، مما يسمح للمستخدمين بالعثور على المحتوى والروابط بسرعة.

.

Asos – تصميم تذييل التجارة الإلكترونية

تستخدم العلامة التجارية العالمية للتجارة الإلكترونية Asos تصميم تذييل بسيط مع أزرار الوسائط الاجتماعية

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

وتتبع الطلبات، والعروض الترويجية الخاصة – في حالة Asos، يقومون بالترويج لخصومات الطلاب وبطاقات الهدايا

والجمعة السوداء.

بصفتها شركة مدرجة (ASOMY)، يجب على Asos تقديم معلومات عن المستثمرين ومسؤولية الشركة.

أخيرًا، بصفتها علامة تجارية عالمية للتجارة الإلكترونية، تُظهر Asos للعملاء المتجر الذي يشاهدونه ورابطًا للتغيير إلى

منطقة وعملة أخرى.

.

اقرأ أيضًا:كيفية الحصول علي المتابعين في موقعك.. 10 نصائح

.

.

تصميم زورو – تصميم تذييل الوكالة

تستخدم الوكالات بشكل عام مواقعها الإلكترونية لغرضين:

-اعرض عملهم

-توليد عملاء محتملين جدد

تستخدم Zorro Design ومقرها الولايات المتحدة تصميم تذييل باللونين الأبيض والأسود مع CTA أصفر ساطع ينقل

المستخدمين إلى نموذج اتصال. صمم مصممو Zorro تذييل الصفحة بشكل مثالي، لذا فإن CTA يجلس في وسط

الشاشة، مع وجود الكثير من المسافات البيضاء المحيطة التي تصرخ “CLICK ME!”

أخيرًا، تضع Zorro شعارها وشعارها على اليسار مع العديد من الروابط الرئيسية، بما في ذلك العمل الأخير،

جهة الاتصال، حول، وأزرار وسائل التواصل الاجتماعي.

تصميم تذييل Zorro نظيف ومرتب، مما يسمح للمستخدمين باستيعاب المحتوى والعثور عليه بسرعة.

.

أليكس لاكاس – تصميم تذييل عمل لحسابهم الخاص

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

مصمم المنتج Alex Lakas تذييل موقع الويب الخاص به بشكل أساسي للتواصل مع العملاء / أصحاب العمل

والمصممين المحتملين من خلال قنواته الاجتماعية.

بصفته عاملًا عن بُعد، يستخدم Alex أيضًا نصًا وامضًا لإخبار الزائرين بمكان عمله حاليًا – وفي هذه الحالة،

إنه لوس أنجلوس.

مبدل الوضع الداكن / الفاتح من Alex هو لمسة لطيفة لمجموعة تصميم UX، مما يُظهر أنه حريص على إمكانية

الوصول إلى الويب. لديه أيضًا روابط للعمل السابق وصفحة اتصال.

.

Booking.com – تصميم تذييل السفر

Booking.com هي واحدة من أكبر وكالات السفر عبر الإنترنت في العالم، مع أكثر من 28 مليون مكان إقامة في

أكثر من 70 دولة. يتمثل هدف Booking.com في بيع أماكن الإقامة، لكنهم يريدون أيضًا إضافة عقارات جديدة، لذا

فإن التذييل الأساسي للحث على اتخاذ إجراء هو “إدراج ملكية”.

يتميز تذييل موقع الويب أيضًا بروابطه الخمسة الأكثر أهمية باستخدام طباعة كبيرة وجريئة للتميز. يتوفر للعملاء أيضًا

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

بصفتها شركة مدرجة (NASDAQ: BKNG)، فإن Booking.com تتضمن روابط لجميع معلومات المستثمرين

والشركات الضرورية.

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

Booking Holdings Inc.

.

اقرأ أيضًا:كيفية تصميم دورات إلكترونية مميزة في 5 خطوات

.

 

كيفية تصميم تذييل؟

 

تحديد أولويات الروابط

الخطوة الأولى لتصميم تذييل رائع هي تحديد أولويات الروابط الخاصة بك. يجب على المصممين مراعاة احتياجات

المستخدم وأهداف العمل لإنشاء شيء مفيد ومفيد للزوار.

.

الأقل هو الأكثر

دائمًا ما تؤدي واجهات المستخدم المزدحمة أداءً ضعيفًا. من الصعب استيعابها ويمكن أن تربك المستخدمين. يمكن

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

– مما يعيدنا إلى النقطة الأولى، وتحديد أولويات الروابط الخاصة بك بشكل صحيح!

.

استخدم CTA مفرد

تساعد عبارة CTA المنفردة في توجيه الزائرين إلى أهم مهمة أو هدف تجاري. عادةً ما تكون تصميمات التذييل ذات لونين،

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

انتباه الناس.

.

جعل التذييلات متوافقة مع الجوال

يعد تصميم الجوال أولاً أمرًا بالغ الأهمية لتذييلات مواقع الويب. على سطح المكتب، قد يكون لديك 3-4 أعمدة،

بينما على الهاتف الذكي لديك واحد. كلما زاد عدد الأعمدة والروابط، يتعين على المستخدمين التمرير للعثور على المحتوى.

ضع الروابط والمحتوى الأكثر أهمية في العمود الأول، حتى يراه المستخدمون أولاً.

.

استخدم التسلسل الهرمي لعرض الأهمية

استخدمت الأمثلة من Booking.com و Zorro Design و The BBC و Alex Lakas التسلسل الهرمي المرئي لإظهار

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

.

ابق ملتزمًا

تعتبر المعلومات القانونية مثل السياسات وإخلاء المسؤولية ضرورية لتصميم الويب الحديث. يجب على المصممين

البحث عن التزامات شركاتهم فيما يتعلق بمكان وكيفية عرض هذه الروابط.

على سبيل المثال، يجب أن تعرض المنتجات المالية والاستثمارية في بعض البلدان معلومات إخلاء المسؤولية في

التذييل، بحيث تكون مرئية دائمًا للعملاء. انظر هذا المثال التذييل من Chase Bank.

.

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

يعد تذييل موقع الويب Footer الخاص بك فرصة رائعة لربط المستخدمين بنقاط اتصال علامتك التجارية،

مثل الوسائط الاجتماعية والاشتراك في النشرة الإخبارية وروابط الشركة.

.

كن مفيدًا

غالبًا ما يقوم المستخدمون بالتمرير إلى تذييل موقع الويب Footer بحثًا عن المساعدة مثل الوثائق والبرامج التعليمية

والمدونة والموارد الأخرى.

.

اقرأ أيضًا:استراتيجيات تسويق تطبيقات الجوال لتعزيز الاحتفاظ بالمستخدمين

.