10 أمثلة على تذييلات مواقع الويب لإلهام موقع منشئك

نشرت: 2019-09-10

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

لهذا السبب تحتاج إلى تذييل موقع جيد التصميم.

يمكنك إضافة المزيد من المعلومات حول علامتك التجارية في التذييل الخاص بك واستخدامها لترسيخ هوية علامتك التجارية وجعل موقعك لا يُنسى للزائرين.

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

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

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

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

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

بناءً على ما تقوم بتضمينه في تذييل موقع الويب الخاص بك ، يمكن أن يساعد هذا القسم المستخدمين:

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

ما يجب وضعه في تذييل موقع الويب لموقع منشئ المحتوى

  1. معلومات حقوق التأليف والنشر
  2. معلومات الاتصال
  3. خريطة الموقع
  4. رابط سياسة الخصوصية
  5. شعار
  6. أيقونات وسائل التواصل الاجتماعي
  7. نموذج الاشتراك في البريد الإلكتروني

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

1. معلومات حقوق النشر

يعد إشعار حقوق النشر أحد أكثر أجزاء التذييل شيوعًا. يهدف إلى إظهار أن تصميم موقع الويب الخاص بك محمي بموجب حقوق النشر وأنك مالك حقوق النشر.

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

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

هذا مثال من الصفحة الرئيسية لـ POWRs:

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

مصدر الصورة

2. معلومات الاتصال

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

3. خريطة الموقع  

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

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

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

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

4. ارتباط سياسة الخصوصية

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

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

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

5. الشعار

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

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

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

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

في الواقع ، يعد تضمين أيقونات الوسائط الاجتماعية في تذييل الموقع فعّالاً للغاية لدرجة أن 72٪ من مواقع الويب تفعل ذلك .

7. نموذج الاشتراك في البريد الإلكتروني

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

10 أمثلة على تذييلات مواقع الويب لإلهام موقع منشئك

  1. ماري فورليو
  2. كوب جو
  3. ديفيد لوبوفسكي
  4. جاكي اينا
  5. البوتيك الكامل
  6. بنهم على Babish
  7. هدى بيوتي
  8. أماندا سيرني
  9. دكتور مايك فارشافسكي
  10. اقفز معي

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

فيما يلي 10 أمثلة لمواقع ويب للمبدعين ذات تذييلات جيدة التصميم:

1. ماري فورليو  

مارلي فورليو

مصدر الصورة

ماري فورليو هي رائدة أعمال معروفة على نطاق واسع بسلسلة الويب الخاصة بها على YouTube (MarieTV) ، وبرنامج الأعمال التجارية عبر الإنترنت (B-school) ، والكتب الإرشادية .

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

هناك الكثير من المحتوى في التذييل ، ولكن النقطة المحورية هي نموذج البريد الإلكتروني الذي يمكن الاشتراك مع شعار "كن عضوًا في MF". يقفز CTA بلون البنفسجي على الزوار ويحثهم على التسجيل.

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

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

فائدة: استخدم خلفية داكنة وخطًا فاتح اللون (أو خلفية ذات لون فاتح وخط داكن) لجعل محتوى تذييل الصفحة بارزًا.

2. كوب جو  

كوب من جو

مصدر الصورة

A Cup of Jo الذي أنشأته جوانا جودارد ، هو موقع إلكتروني خاص بأسلوب الحياة يغطي كل شيء من الأزياء إلى وصفات الطعام إلى نصائح العلاقات للنساء.

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

أول شيء في التذييل هو بيان موجز حول موضوع A Cup of Jo. إنه يذكر الزوار لماذا يجب عليهم الاستمرار في التصفح وما تقدمه العلامة التجارية.

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

في المنتصف ، يسلط A Cup of Jo الضوء على فئاته الرئيسية ، مما يسهل على الزائرين العثور على الموضوعات التي تهمهم.

وهناك بيان إفصاح كامل يوضح كيف تجني A Cup of Jo الأموال من خلال المنشورات الدعائية والتسويق بالعمولة.

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

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

3. ديفيد لوبوفسكي

ديفيد لوبوفسكي

مصدر الصورة

David Lubofsky هو مصمم ويب يركز على "مساعدة الأشخاص اللطفاء في بناء منتجات لطيفة".

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

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

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

بطريقة حقيقية ، يمتلك David كلبًا متحركًا على ذيله ، مما يخلق تجربة تنقل ممتعة لجمهوره المستهدف .

يستخدم David مساحة التذييل لتذكير جمهوره بمهمته ، "إعادة الإنسان إلى البشرية" ، ومشاركة التاريخ الذي سيكون فيه متاحًا للقيام بمشاريع جديدة.

فائدة: استخدم مساحة التذييل للسماح لجمهورك بمعرفة مهمة علامتك التجارية.

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

4. جاكي اينا  

جاكي اينا

مصدر الصورة

جاكي آينا فنانة مكياج محترفة ومؤثرة على YouTube تستخدم قناتها لتعليم الأشخاص الملونين كيفية عمل المكياج وبناء ثقتهم.

ما يفعلونه جيدًا: نظرة واحدة على تذييل موقع Jackie على الويب ، وستعرف مدى جدية العلامة التجارية في الشفافية مع الزوار.

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

توجد أيضًا روابط إلى صفحتي "من نحن" و "الاتصال " ، والتي تساعد الزائرين على معرفة المزيد عن Jackie والاتصال بفريق دعم Jackie.

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

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

وإذا كنت تريد محاكاة Jackie ، فاستخدم خلفية داكنة لإبراز إشعار حقوق النشر الخاص بك.

5. البوتيك الكامل


البوتيك الكامل

مصدر الصورة

أسست خبيرة التجزئة جانين ميكس A Complete Boutique ، وهي علامة تجارية تساعد أصحاب أعمال البيع بالتجزئة على زيادة أرباحهم وتأثيرهم على المجتمع أثناء العمل وفقًا لشروطهم.

ما يفعلونه جيدًا: يركز جزء كبير من تذييل موقع الويب هذا على حساب Instagram الخاص به. بالتأكيد ، هناك أيقونات وسائط اجتماعية أخرى ، لكن هذه العلامة التجارية سحبت الصور من حساب IG الخاص بها وذكرت صراحة أنه يجب على الزوار متابعة العلامة التجارية على Instagram.

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

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

يتيح للزائرين معرفة أن هذا الحساب جزء مهم من علامتك التجارية الشاملة.

6. الانغماس مع Babish  

الشراهة مع الطفل

مصدر الصورة

يعد Binging with Babish ، الذي أسسه الشيف المقيم في بروكلين وشخصية YouTube Andrew Rea ، برنامجًا للطبخ حيث يقوم Andrew بإجراء التجارب وصنع الأطعمة مباشرة من الخيال.

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

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

فائدة: إذا كنت تدير عملاً مرئيًا ، فاستخدم مساحة التذييل لمشاركة الصور التي تمثل علامتك التجارية.

المرئيات أكثر فاعلية من النص في إثارة اهتمامات الناس وجعلهم يتفاعلون معك.

7. هدى بيوتي


هدى بيوتي

مصدر الصورة

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

ما يفعلونه جيدًا: تتبنى هدى بيوتي أسلوب الخط الأبيض والخلفية السوداء مع هذا التذييل البسيط.

أولاً ، هناك نموذج بسيط للاشتراك في البريد الإلكتروني يحمل شعار "احصل على خصم 15٪ على طلبك الأول" ، والذي يحفز الزائرين على الاشتراك.

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

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

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

وإذا كنت تضيف العديد من الروابط إلى التذييل الخاص بك ، فقم بتقسيمها إلى فئات لتسهيل التنقل.

8. أماندا سيرني

أماندا سيرني

مصدر الصورة

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

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

ولكن في التذييل ، يحتل نموذج الاشتراك في النشرة الإخبارية معظم المساحة. يوفر الشعار ، "Join #TEAMCERNY" ، إحساسًا بالمجتمع يمكنه إقناع الزائرين بملء النموذج والاشتراك للحصول على " رسائل وتحديثات شخصية " من أماندا.

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

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

9. دكتور مايك فارشافسكي

دكتور مايك فارشافسكي

مصدر الصورة

الدكتور مايك فارشافسكي هو طبيب في طب الأسرة ظهر على الإنترنت في عام 2014 ، حيث قام بنشر مقاطع فيديو لتعليم الناس كيفية العناية بصحتهم.

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

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

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

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

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

10. اقفز معي

قفزة معي

مصدر الصورة

Leap With Me ، التي أسسها المصور والمصمم فيكتوريا نج في برلين ، هو موقع ويب متحرك ملون يعرض محفظة فيكتوريا ومقالاتها وبثها المباشر.

ما يفعلونه جيدًا: تذييل Victoria هو قسم كبير بلون الخوخ به روابط لملفها الشخصي Behance وملفها الشخصي على Instagram ومتجر Etsy. ومع ذلك ، فإن ما يبرز هو زر الاتصال الخاص بها ، والذي يشكل غالبية التذييل.

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

ومع ذلك ، يهدف التذييل إلى إنشاء عملاء محتملين لأعمال تصميم فيكتوريا.

فائدة: على الرغم من أنه من المقبول وضع روابط إلى عدة صفحات في تذييل الصفحة ، فقد تحصل على المزيد من التحويلات إذا جعلت نموذج الاتصال (أو التفاصيل) النقطة المحورية في تذييل الصفحة.

في الختام: صمم تذييل الصفحة الخاص بك ليلائم هوية علامتك التجارية

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

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

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

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

اشترك في POWR مجانًا اليوم .