5 שיטות עבודה מומלצות לעיצוב כותרת תחתונה מרשימה של אתר

למד כיצד לעצב כותרת תחתונה לאתר. טיפים על מה עליך להוסיף, מה לא להוסיף ודוגמאות לתחתונות טובות לאתר לקבלת השראה.


שיטות עבודה מומלצות לתחתית כותרת עליונה באתר

אם הזנחת את כותרת התחתונה של האתר שלך, והאמינה שזה החלק הכי פחות חשוב באתר שלך, ממצאים אלה עשויים לשנות את דעתך.

  • כאשר בדיקת משתמשים צייצה את הכותרת התחתונה שלהם, הוסיפה רשימת יעדים עסקיים והתאמה ללקוח, ההמרה שלהם עלה ב 50%.
  • כאשר Smart Insights בחן עיצוב תחתונה חדש לאתר תיק יד יוקרתי, המרות מכירות צמח ב- 23.77% וההכנסות למבקר עלו ב -15.99%.
  • בהסתכל על נתונים של מיליון משתמשים מקוונים אנונימיים בעשרה אתרים, מצא Chartbeat שהמבקרים בילו יותר מדי מחצית (66%) מ”זמן המעורב “שלהם מתחת לקפל. הכוונה לקטע התחתון של הדף, מתחת לחלק שמשתמשים רואים מיד כאשר הם פותחים אתר.
  • בהשוואה למבקרים בשולחן העבודה, משתמשי סלולרי גולשים הלאה בדף וסבירות גבוהה יותר שהם יוצרים אינטראקציה עם הכותרת התחתונה.

מדוע כותרת התחתונה של האתר שלך קשורה

רחוק מלהיות מרכיב מבני מיותר בדף האינטרנט שלך, כותרות תחתונות למעשה מספקות יתרונות רבים למבקרים ולעסק שלך.

יתרונות למבקרים באתר

  • כותרות תחתונות עוזרות להם למצוא את המידע הדרוש להם: יש לפחות שתי סיבות שקוראים יגיעו לתחתית דף האינטרנט שלך: הם אהבו את התוכן שלך ורוצים לגלוש יותר, או שהם מחפשים משהו שהם לא יכולים למצוא בתפריטי הכותרת שלך. למי שמעוניין בחברה שלך, אתה יכול להשתמש בכותרות תחתונות בכדי להוביל אותם לתכנים מעניינים אחרים באתר שלך. אתה יכול לכלול קישורים לדפים שלא מופיעים בתפריט הכותרות שלך, כגון הזדמנויות לשותפות והזדמנויות שותפים.
  • זה חוסך מהם לחזור לכותרת: אם מבקרי האינטרנט שלך מתמכרים לתוכן שלך ורוצים לדעת יותר, הם לא צריכים לחזור לראש הדף שלך. מיד לאחר התוכן שלך הוא כותרת תחתונה שבה הם יכולים למצוא את פרטי הקשר שלך, להירשם לניוזלטר שלך, לעקוב אחריך במדיה החברתית או לחקור את המוצרים האחרים שלך..

הטבות לבעלי אתרים

  • זה מקטין את שיעור הכניסה שלך: על ידי הובלת המבקרים שלך לקישורים שימושיים אחרים, יש סיכוי גבוה יותר שהם יפתחו דפים אחרים ויישארו באתר שלך זמן רב יותר. זה מקטין את שיעור הכניסה שלך, או את מספר האנשים שרואים רק עמוד אחד באתר שלך. זה חשוב במיוחד לעסקים קמעונאיים שרוצים שהמבקרים שלהם ימשיכו “לעשות קניות” בדף.
  • זה מאפשר לך לבנות אמינות: חברות מסוימות נוקטות בכותרת התחתונה בכדי להציג את ההסמכה שלהן, את לוגו הלקוחות או את האתרים הפופולריים שהציגו בהן כדי להוכיח את יכולתן. בינתיים, סמלי זכויות יוצרים וקישורים לפרטים משפטיים ומדיניות פרטיות עוזרים לבנות אמון במותג שלך. כל אלה עוזרים להשפיע על החלטת לקוחותיך הפוטנציאליים לבצע בירור ובסופו של דבר לרכישה.
  • זה עוזר להגביר את ההמרה:כאשר מבקרים ראשונים נוחתים בדף שלך, הם עשויים לראות את קישורי המדיה החברתית שלך בפינה העליונה. אך בשלב זה במסע הקונה שלהם, יתכן שהם לא ירגישו נאלצים לעקוב אחריך ברשת. כאשר התוכן שלך מעיד על סקרנותם – ואולי הם רואים את ההסמכות ואת סמלי הלקוחות שלך בכותרת התחתונה, הם עשויים להרגיש יותר נוטים להצטרף למנויים שלך. על ידי הנחת טופס הרשמה או טופס יצירת קשר בכותרת התחתונה, אתה הופך את הנוח למבקרים להמיר למנויים או אולי ללקוחות..
  • זוהי הזדמנות נוספת לקידום עסקי: כשמדובר בשימוש בכותרת התחתונה כדי למשוך תשומת לב לחברה שלך, האפשרויות הן אינסופיות. מלבד חשבונות מדיה חברתית וטופסי הרשמה, אתה יכול לכלול הודעות לעיתונות, מיקומי משרד וההצעות האחרונות שלך.

דוגמה לתחתונה לאתראתה יכול אפילו להציב קישורים לעסקים אחרים או לאפליקציות שלך, כפי שעושה Goodreads.

מה לתעדף בכותרת התחתונה של הדף שלך

בהתחשב ביתרונות שמציע כותרת תחתונה מתוכננת היטב, אתם רוצים לספור את החלל היקר הזה.

בסופו של דבר, מה שתעדוף בעיצוב הכותרת התחתונה של האתר שלך תלוי בך. אבל הנה כמה אלמנטים שאולי תרצו לשלב.

לוגו חברה

הלוגו שלך מייצג את העסק שלך, ואתה רוצה שהקוראים יוכלו לזכור אותו ולזהות אותו עם השם שלך והערך שאתה מספק. השימוש בלוגו בכותרת התחתונה שלך עוזר למבקרים לזכור את החברה שלך ולשייך אותה לתוכן ולשירותים שלך, ובכך לשפר את זיהוי המותג.

פרטי התקשרות

הצבת הכתובת הפיזית ומספרי הטלפון שלך בתחתית העמוד שלך מוכיחה שאתה עסק לגיטימי, ובונה אמון בחברה שלך. יתר על כן, הדבר מקל על לקוחות פוטנציאליים לפנות אליך לבירורים, וחוסך להם את הבעיה לחזור לתפריט הראשי שלך או לחפור עמוק יותר באתר שלך לקבלת פרטים ליצירת קשר..

להלן מספר טיפים נוספים כשכוללים את פרטי הקשר שלך:

  • כתובת פיזית – אם אתה רוצה שאנשים יאתרו בקלות את החנות הפיזית שלך, שקול להוסיף מפה. לחלופין, הפוך את הכתובת ללחיצה כך שהיא תפתח מפה בכרטיסיה אחרת.
  • סניפים מרובים – אם יש לך מספר מיקומים, אתה יכול להציב פרטי קשר עבור כל אתר. אם זה לא אפשרי, הכנס טקסט עוגן שנפתח לעמוד עם רשימה של כל הענפים שלך.
  • כפתור חיוג בכך שאתה נמצא בלחיצה אחת, אתה מקל על הלקוחות ליצור איתך קשר.

זכויות יוצרים

זה מגן על התוכן שלך מפני פלגיאט באתר. זה שולח איתות חזק שתנקוט צעדים משפטיים אם מישהו ייקח קרדיט על טקסטים, תמונות או סרטונים שפרסמת. בזמן דרישות זכויות יוצרים להשתנות בין מדינות לכל הפחות, הקפד לכלול את סמל ©, שנת הפרסום ושמו של בעל זכויות היוצרים.

מדיניות פרטיות

עמידה בדרישה חוקית זו מסייעת לך ליצור אמון בקרב קוראיך על ידי שמירה על איסוף נתונים שקוף. שלך מדיניות פרטיות מסביר למבקרים איזה מידע אישי שאתה אוסף, כיצד אלו מאוחסנים ומשתמשים בהם, אפשרויות ברורות להצטרפות או ביטול הסכמה וספקי שירותים של צד שלישי שעשויים להשתמש גם בנתונים אלה..

עיין במדיניות הפרטיות של מיקומי העסק שלך, כגון תקנת הגנת המידע הכללית (GDPR) אם יש לך לקוחות באיחוד האירופי. אם העסק שלך משתמש בספקי שירותים של צד שלישי, למשל לצורך עיבוד תשלומים, בדוק גם את הדרישות שלהם.

דוגמה לתחתונה תחתונה של WebMDכותרת תחתונה של עמוד WebMD, למשל, מציבה את מדיניות הפרטיות שלהם בעמודה עם הנחיות חשובות אחרות. הם גם מציגים א בטח חותם, להבטיח למשתמשים שהם מתייחסים ברצינות לפרקטיקות הפרטיות.

תנאי שימוש

מתן קישור לשלך תנאי שימוש עמוד (המכונה גם “תנאים והגבלות” או “תנאי שירות”) אינו דרישה חוקית. עם זאת, היא מספקת לבעלי אתרים הגנה מפני אחריות ועל ידי מתווה אחריות המשתמשים, מגנה על האתר שלהם מפני הפרות זכויות יוצרים ומפעולות בלתי חוקיות אחרות כגון דואר זבל..

קריאה לפעולה (CTA)

הצבת CTAs בכותרת התחתונה של הדף שלך הופכת את המבקרים למנויים או לעוקבים, עוזרת להגדיל את ההמרות שלך או להעביר את הלקוחות שלך לעומק המסע של הקונה. שילוב CTAs, ובמיוחד קישורי מדיה חברתית, עוזרים גם לצבוע את העסק שלך כחברה מבוססת, ומאפשרים למבקרים שלך לעקוב אחריך באמצעות פלטפורמה שהכי נוחה להם..

ישנן מספר CTAs שאתה יכול לכלול, כגון:

  • הרשמה לניוזלטר שלך
  • עוקב אחריך במדיה החברתית
  • מילוי טופס יצירת קשר
  • מבקש הדגמה
  • נרשמים לניסיון חינם

פרטי החברה

לאחר שהרשמת את הקוראים מהתוכן שלך והם הגיעו לתחתית העמוד שלך, סביר להניח שהם ירצו לדעת יותר על החברה שלך.

השתמש בכותרת התחתונה כדי להדגיש פרטים אודות העסק שלך שלא יתכן שתוכל לכלול בכותרת העליונה, כגון קישורים לדפים הבאים:

  • עלינו
  • בלוג
  • קריירה או משרות
  • הזדמנויות שותפים או שותפות
  • רשימת מוצרים או שירותים
  • הודעות לעיתונות
  • ביקורות
  • ניירות לבנים
  • אירועים

שירות לקוחות

חלק מתכנון כותרות העמוד הממוקדות על ידי הלקוח הוא להבטיח שקלים למצוא קישורים לדפים בהם הקוראים עשויים להזדקק להם – כלקוח פוטנציאלי או כלקוח נוכחי. קישורי תמיכה אלה עשויים לכלול:

  • עזרה
  • שאלות נפוצות
  • מרכז הידע
  • הדרכות

אתרי מסחר אלקטרוני יכולים אפילו לכלול את טקסטי העוגן הבאים:

  • מידע למשלוח ומשלוח
  • מדיניות החזר והחלפה
  • אמצעי תשלום מקובלים
  • הצעות מיוחדות

דוגמה לתחתית כותרת תחתונה של אתר להציע תמיכת לקוחותבמקום פשוט לומר “תמיכה”, יש בכותרת התחתונה של פיקדון הספרים “איך אנחנו יכולים לעזור?” העמודה, ומתחתיה מופיעים טקסטים העוגן “איפה הדברים שלי?” ו”איפה אתה מספק? ” הסגנון הוא לא פורמלי, שיחוני, ועוזר להעביר רצון כן לספק עזרה.

ארבע התוריות של עיצוב כותרת תחתונה של עמוד

1. בעל אותו כותרת עליונה ותפריט כותרת תחתונה

לעיתים מבקרים ברשת פונים לכותרת התחתונה כאשר הם לא מצליחים למצוא פרטים בתפריט הכותרת שלך. במקרה זה, שימוש בדיוק באותם קישורים בכותרת העליונה התחתונה שלך לא מוסיף ערך למבקרים שלך או לחברה שלך.

חלק את העמודים החשובים שלך בין הכותרת העליונה התחתונה בכדי למנוע ממבקרים ברשת להיות מוצפים על ידי טקסט. השתמש בכותרת העליונה שלך לדפים בעלי הערך הגבוה ביותר, ושמור על כותרת התחתונה שלך לקישורים חשובים אחרים.

דוגמה תחתונה לאתר של אפלשימו לב כיצד הכותרת הדביקה של אפל מציגה רק שש קטגוריות מוצרים. השלמה זו היא כותרת תחתונה המכילה רשימה ארוכה יותר של מוצרים (העמודה השמאלית ביותר) וכן רשימת שירותים.

2. מיטוב יתר

אופטימיזציה יתר, בין בתוכן שלך או בכותרת התחתונה, איננה דרך יעילה לשפר את דירוג דפי החיפוש שלך. אלגוריתם הדירוג של גוגל הדביק את טכניקת המילוי של מילות המפתח, וייתכן שישפיע רק על תוצאות ה- SEO שלך. במקום לבצע אופטימיזציה יתר, בחר קומץ מילות מפתח והתמקד באותן.

3. קישורים לא חשובים

הכותרת התחתונה שלך אינה מרחב לרשום את כל הדפים באתר שלך. מבקרים שסרקו את כל הדף שלך ובדקו את כותרת התחתונה שלך ככל הנראה כבר מעוניינים בהצעות שלך. במקום לזרוק דודג ‘של טקסטים עוגנים, הפוך את הכותרת התחתונה לכלי ניווט יעיל. הוביל אותם לדף המוצרים והשירותים שלך, או לקישורים מועילים כמו הדרכות או לבלוג של החברה שלך.

4. פריסות צפופות

יתכן שמפתה לארוז כמה שיותר בתחתית האתר שלך. אך כותרת תחתונה צפופה עשויה לכבות את המבקרים, ולגרום להם לצאת מהדף או להבהיר מעל טקסטי העוגן שלכם. בחר את הדפים החיוניים, ארגן את אלה ומנף מרחב לבן ליצירת עיצוב כותרת תחתונה מסודר וקריא.

כיצד ליצור עיצוב כותרת תחתונה יעיל

יש כל כך הרבה דרכים לעצב כותרת תחתונה שהיא גם אסתטית ופונקציונאלית. מלבד הטיפים לעיל, להלן חמשת שיטות העבודה הטובות ביותר לעיצוב כותרת תחתונה.

1. שים את הקריאות ראשונה

מכיוון שטקסטים של כותרות תחתונות הם לרוב קטנים ומבקרים ברשת נוטים לרפרף על אלה, אתה זקוק לעיצוב שמבטיח את המילים קלות קריאה. כדי להבטיח כי כותרת התחתונה שלך תהיה קריאה, אתה יכול:

  • בחרו בגופנים פשוטים כמו sans serif.
  • הימנע משימוש רב מדי בגופנים או בצבעים.
  • נצלו את המרחב הלבן והתנסו בקירור וגובה הקווים.

דרך נוספת להגדיל את הקריאות של כותרת התחתונה שלך היא להשתמש בניגודיות צבעונית טובה. זה מאפשר למבקרים שלך לקרוא בנוחות טקסטים העוגן שלך, מבלי לפזול או להתאמץ.

השילוב הסטנדרטי הוא להשתמש בטקסט שחור על רקע לבן או להפך. אם אתה רוצה לסטות מכך ולהתנסות בצבעים נוספים, הנה כמה טיפים:

  • בחר צבעים המשלימים את המיתוג שלך ואת העיצוב הכללי של האתר שלך.
  • עיצוב עם קהל היעד שלך בראש. אם האתר שלך פונה לאנשים קשישים, השתמש בגוונים עדינים בעיניים. שלב זה עם כמות מוגבלת של טקסט ושטח לבן נדיב.
  • בחר צבעים המעבירים את הרגש או האישיות שאתה רוצה לתת לאתר שלך. לדוגמה, בחר אדום אם ברצונך להעביר דחיפות ואנרגיה. לכו עבור כחול כדי לסמל אמינות ורגוע, או ירוק לייצוג הטבע או הבריאות.
  • הפוך את CTAs שלך לקפוץ מהדף על ידי שימוש בצבע אחר, כמו לחצנים צהובים של The Guardian על רקע כחול.

דוגמה לתחתית כותרת עליונה באתר באמצעות צבע

2. הישאר נאמן למיתוג שלך

אתר האינטרנט שלך הוא מרכיב עיקרי במיתוג שלך. זה נכון במיוחד לעסקים של מסחר אלקטרוני, שנקודות המגע העיקריות שלהם עם הלקוחות הן ברשת.

מיתוג חזק ועקבי עוזר למבקרים ברשת לזכור אותך ולקשר את שם החברה שלך לוגו, שירותים או מוצרים, ערכים ותחושה או חוויה ספציפית..

ישנן מספר דרכים ליצור עיצוב כותרת תחתונה התואמת את המיתוג שלך. להלן מספר רעיונות:

  • כאמור, בחר צבעים המייצגים את הערכים או הגוונים שבהם השתמשת בלוגו או בחומרי השיווק שלך.
  • שלב את הלוגו, הקמע או האלמנטים האחרים המסמלים את המותג שלך.
  • אמצ אלמנטים עיצוביים דומים, כולל טיפוגרפיה ופריסה בה השתמשת בחומרי קידום מכירות אחרים.

דוגמה לתחתית כותרת עליונה באתר המשתמשת באותו צבע עבור כותרת עליונה ותחתונהשימו לב כיצד מגזין Smashing משתמש באותו טקסט וצבע רקע בכותרת העליונה התחתונה. האיורים עוזרים לשמור על אווירה שובבה מהתפריט העליון של האתר ועד לקטע התחתון שלו.

3. אופטימיזציה למשתמשים ניידים

מכיוון שמשתמשים ניידים נוטים יותר לגלול לתחתית הדף מאשר למבקרים בשולחן העבודה, ובכך לבצע אופטימיזציה של האתר שלך עבור מכשירים שונים במיוחד בנייד הוא חובה. אסטרטגיה זו חורגת מעיצובים מגיבים. כדי להקל על המשתמשים במובייל להגיע אליך או לסרוק את האתר שלך:

  • התאם את גודל הטקסט התחתונה שלך כך שהמבקרים יוכלו להקיש בקלות על אפשרויות מבלי להתקרב.
  • כלול לחצן שיחה שניתן ללחוץ עליו כך שהמבקרים יוכלו לפנות אליך בקלות.
  • אם אתה רוצה לעודד משתמשים לפנות למשרד או לאולם התצוגה הפיזי שלך, קשר את הכתובת שלך למפה.
  • אם יש לך אפליקציות, ספק קישורים לאלה.

4. שמור על זה פשוט

פשטות בעיצוב כותרת תחתונה מתייחסת הן לסגנון שלה והן לתוכנו. שמור על כותרת התחתונה נקייה, היצמד למספר צבעים וטיפוגרפיה והימנע מרקעים מורחבים. מבחינת תוכן, שמור על טקסטים העוגן וקצרים והגביל את הפריטים שאתה מציג. הוצאת הקוראים שלך עם פריסות מקושטות או יותר מדי טקסט עלול רק למשוך את תשומת ליבם ממרכזי ה- CTA וקישורים חשובים אחרים.

5. תתארגן

כותרת תחתונה מסודרת ומשפרת את קריאות האתר, מאפשרת לקוראים לקבל מבט ממעוף הציפור על האתר והחברה, ומאפשרת למבקרים למצוא בקלות את הפרטים שהם צריכים..

אם ברצונך להוסיף כמה טקסטים עוגנים אך חוששים כי הכותרת התחתונה עשויה להיראות מבולגנת, השתמש בטכניקות הבאות:

  • סדר סדרים בתפריטים בעמודות וספק כותרת עמודה.
  • נסה עם גדלי גופן, גובה שורה או צבעי טקסט כדי להציג היררכיית תוכן. לדוגמה, השתמש בגופן מעט גדול יותר לכותרות העמודות, והשאיר יותר מקום בין הכותרת לטקסט העוגן שמתחתיו.
  • השתמש בצבעי רקע שונים כדי להפריד חלק אחד בכותרת התחתונה שלך מהשאר.

דוגמה לתחתית כותרת תחתונה באמצעות קטעים צבעוניים שוניםAgingCare משתמש בשלושה צבעי רקע כדי לחלק את הכותרת התחתונה לחלקים. CTA שלהם, המוצג על רקע כחול, בולט על תפריטי הכותרת התחתונה (ברקע אפור בהיר), וזכויות היוצרים, תנאי השימוש ומידע על מדיניות הפרטיות בתחתית (רקע אפור כהה).

לשים את הכל יחד: השראות לעיצוב כותרת תחתונה

אחת הדרכים לייצר רעיונות לאתר שלך היא לגלוש בדפים אחרים. שימו לב כיצד מעצבים אחרים משלבים את המושגים המכוסים לעיל כדי לספק כותרות תחתונות מעוצבות היטב. להלן ארבעה עיצובים שיעניקו לך השראה.

צבי כחול

כותרת התחתונה של אולפן העיצוב הזה, עם הרקע המונפש והלוגו של המראה הכחול, מציגה את היצירתיות של המשרד. משעשעי הרקע מחוץ לקופסה, והתמונה המנוגדת של לוגו כחול נדבקת בזיכרון שלך. כותרת תחתונה מסודרת מדגישה את ה- CTA, כלומר את מספר אנשי הקשר וכתובת הדוא”ל של החברה, ושניהם ניתנים ללחיצה.

דוגמה להשראת כותרת תחתונה לאתר

הניו יורק טיימס

כותרת התחתונה של הניו יורק טיימס בעלת עיצוב פשוט ונקי, תוך שימוש בחלל לבן בשפע וניגודיות רגילה של טקסט שחור על רקע בהיר. טקסטים עוגנים, המאורגנים בטורים, מדריכים את המבקרים לדפים ומאמרים מעניינים אחרים, ומעודדים אותם לחקור ולהישאר באתר. העיצוב ממנף את ההיררכיה הטיפוגרפית כדי למשוך יותר תשומת לב לשם החברה משמאל ולאפשרויות המינוי מימין.

דוגמה להשראת כותרת תחתונה לאתר

ספורה

כותרת התחתונה של מותג היופי מאמצת מראה קלאסי עם טקסט לבן על רקע שחור. קו דק מחלק את הכותרת התחתונה לשני חלקים: טקסטים העוגן העמודים בחלקם העליון, וה- CTA, סמלי המדיה החברתית, זכויות היוצרים ומדיניות הפרטיות בתחתית. המותג כולל גם תפריט נפתח עבור המבקרים לבחור באזור או בשפה שלהם, ומספק גרסה אנגלית וצרפתית-קנדה.

טקסטים עוגנים מקובצים יפה בארבע עמודים. הכותרת התחתונה של Sephora מצליחה להשתמש בחלל לבן מספיק ומסוגל לשלב מידע רב מבלי להיראות עמוס.

בינתיים, גרסת הנייד של החברה שומרת על כותרות העמודות, אפשרות ההרשמה וסמלי המדיה החברתית. ממש מעל הכותרת התחתונה מוצגים קישורים לחנות האפליקציות ול- Google Play, שם יכולים משתמשים ניידים להוריד את אפליקציית Sephora.

דוגמה להשראת כותרת תחתונה לאתר

StackSocial

StackSocial מספקת תמריץ ללקוחות חדשים להירשם לניוזלטר שלה. כמו כן, הוא משתמש בכפתור כחול עבור ה- CTA, ומאפשר לו להישאר בקנה אחד עם המיתוג שלו. ה- CTA הכחול גם מזנק מהדף בתוך רקע כהה וטקסט בהיר. הלוגו של הלשכה לעסקים טובים יותר (BBB) ​​בצד ימין למטה עוזר לבנות אמון למותג.

דוגמה להשראת כותרת תחתונה לאתר

מילים אחרונות

יש כל כך הרבה דרכים לעצב כותרת תחתונה שיכולה להגדיל את ההמרה שלך ולהפוך את האתר שלך לנגיש וקל לניווט. המשך להתנסות וליישם את הטיפים לעיל עד שתמצא עיצוב כותרת תחתונה העונה על יעדי החברה שלך וצרכי ​​היעד שלך..

יש לך טיפים, טריקים או עיצובים תחתונים מרשימים לחלוק? השאר את המחשבות שלך למטה.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map