פוטר (Footer, כותרת תחתונה) הוא האזור שבתחתית כל עמוד באתר, שחוזר באופן זהה בכל העמודים. הוא המקום שבו גולשים מחפשים פרטי קשר, מדיניות פרטיות, הצהרת נגישות וקישורים לעמודים חשובים — במיוחד כשלא מצאו אותם בתפריט. פוטר טוב הוא לא "פח" של קישורים, אלא ניווט משני מסודר שעוזר למי שגלל עד הסוף.
למה הפוטר חשוב יותר ממה שנראה
Nielsen Norman Group מתארים את הפוטר כ"הזדמנות שנייה" לשכנע וכמקום אחרון למצוא מידע שקשה למצוא — וגם מציינים שפוטר כמעט אף פעם לא פוגע בחוויה: מי שמצא את מה שחיפש למעלה פשוט מתעלם ממנו. החריג הוא פוטר עמוס מדי שמכביד על הטעינה.
מה שייך לפוטר
| סוג תוכן | מתי |
|---|---|
| פרטי קשר: טלפון, וואטסאפ, מייל, כתובת | בכל אתר של עסק |
| מדיניות פרטיות, הצהרת נגישות, תנאי שימוש | בכל אתר |
| קישורים לעמודים המרכזיים (חזרה על התפריט) | בעמודים ארוכים |
| מפת קישורים לפי קטגוריות | באתרים גדולים עם כמה רמות |
| רשתות חברתיות והרשמה לניוזלטר | אם הם פעילים באמת |
| פרטי העסק: שם רשמי, מספר עוסק | מומלץ, בוודאי בחנויות |
NN/g מציינים שמפת אתר מלאה בפוטר מתאימה רק לאתרים עד כ-25 עמודים; מעבר לזה עדיף להציג את הרמות הראשונות ולקשר לעמוד מפת אתר נפרד.
דוגמה: הפוטר של האתר הזה
הפוטר של WebUp כולל קישורים לשירותים, לפרויקטים, לבלוג ולצור קשר; טלפון וכפתור וואטסאפ; כתובת בפתח תקווה; שם העסק ומספר העוסק; ומדיניות פרטיות והצהרת נגישות. אותם פרטים מופיעים גם בנתונים המובנים של האתר, כדי שגוגל יקבל תמונה עקבית — ראו נתונים מובנים.
עקרונות לפוטר טוב
- קבוצות עם כותרות — "שירותים", "מידע", "יצירת קשר" — ולא רשימה אחת ארוכה.
- תוויות ברורות. NN/g מזהירים במיוחד ממילים מעורפלות כמו "משאבים".
- רק מה שחשוב. "אם הכול חשוב, שום דבר לא חשוב" — לא כל עמוד באתר צריך קישור בפוטר.
- קריא: גודל טקסט וניגודיות כמו בשאר האתר. פוטר אפור-על-אפור בגופן זעיר נכשל בנגישות.
- לא מוסתר ולא מכווץ מאחורי כפתור.
- בטלפון: סדר הגיוני כשהעמודות נערמות אחת מתחת לשנייה, וטלפון לחיץ.
פוטר ונגישות
הפוטר צריך להיות מסומן כאזור (<footer>), והקישורים בו צריכים להיות ברשימה ובאזור ניווט מסומן אם הם משמשים כניווט. הצהרת הנגישות בפוטר היא הדרך המקובלת להפוך אותה לזמינה מכל עמוד — ראו מה חייב להופיע בהצהרת נגישות.
פוטר וקישורים פנימיים
קישורים בפוטר מופיעים בכל עמוד, ולכן הם מראים לגוגל אילו עמודים חשובים באתר. זה יתרון, אבל גם סיבה לא להעמיס: עשרות קישורים בפוטר מדללים את המשמעות שלהם, ולא מחליפים קישורים בתוך התוכן. על ההבדל כתבתי במאמר קישורים פנימיים.
טעויות נפוצות
- שנת זכויות יוצרים ישנה — "© 2019" משדר אתר מוזנח. כדאי שהשנה תתעדכן אוטומטית.
- קישורים שבורים לעמודים שנמחקו — הם מופיעים בכל עמוד באתר.
- אייקונים של רשתות חברתיות לעמודים נטושים.
- פרטי קשר שונים מאלה שבדף צור קשר או בגוגל.
- "עוגן" של מילות מפתח — עשרות קישורים בסגנון "בניית אתרים בתל אביב, בניית אתרים בחיפה…" שלא נועדו לגולשים.
פוטר בחנות אינטרנטית
בחנות, הפוטר מקבל תפקיד נוסף: הוא המקום שבו קונים מחפשים את המידע שמוריד חשש לפני רכישה. מה שמקובל להציג בו:
- מדיניות משלוחים והחזרות — קישור ברור, כי זו מהשאלות הראשונות לפני רכישה. ראו איך פותחים חנות אינטרנטית.
- תקנון האתר ומדיניות פרטיות.
- פרטי העסק המלאים — שם, כתובת, טלפון, מספר עוסק — שמראים שיש עסק אמיתי מאחורי החנות.
- אמצעי תשלום — לוגואים קטנים של שיטות התשלום הנתמכות.
- שירות לקוחות — איך פונים, ובאילו שעות.
כל אלה צריכים להיות טקסט וקישורים אמיתיים, לא תמונה אחת של "באנר אמון" שקוראי מסך וגוגל לא יכולים לקרוא.
פוטר וביצועים
הפוטר נטען בכל עמוד, ולכן כל דבר כבד שמוכנס אליו מכביד על כל האתר: פיד של רשת חברתית, מפה מוטמעת, וידג'טים של צד שלישי. אם צריך מפה — עדיף קישור לניווט; אם רוצים להציג רשתות חברתיות — עדיף אייקונים עם קישורים מאשר פיד חי שטוען סקריפטים חיצוניים. ראו סקריפטים חיצוניים.
שאלות נפוצות
האם לשים טופס בפוטר?
אפשר, אבל טופס בכל עמוד מכביד ולעיתים מתחרה בקריאה לפעולה של העמוד עצמו. ברוב האתרים מספיקים טלפון, וואטסאפ וקישור לדף צור קשר.
מה ההבדל בין הפוטר לתפריט?
התפריט הוא הניווט הראשי; הפוטר הוא ניווט משני ומקום למידע שירותי. ראו תפריט ניווט.
הפוטר, התפריט ושאר הרכיבים החוזרים נבנים אצלי פעם אחת בתבנית, ומתעדכנים ממקום אחד בכל האתר. פרטים בעמוד פיתוח וורדפרס, או צרו קשר.
אהבתם את המאמר?
