קריאה לפעולה (Call to Action, CTA) היא האלמנט שאומר לגולש מה לעשות עכשיו — כפתור "קבלו הצעה", קישור "לצפייה בפרויקטים", מספר טלפון לחיץ. בכל עמוד באתר צריכה להיות פעולה מרכזית אחת ברורה, וקריאה לפעולה טובה מנוסחת כך שהגולש יודע בדיוק מה יקרה כשילחץ.
שלושת המרכיבים: ניסוח, מיקום, מראה
ניסוח
- פועל + תוצאה: "שלחו לי את כתובת האתר לבדיקה" אומר יותר מ"שלח".
- מה יקרה אחרי הלחיצה: האם נפתח טופס? וואטסאפ? חיוג?
- בלי הבטחות שאי אפשר לקיים — "תשובה תוך 5 דקות" רק אם זה נכון תמיד.
- שפה של הלקוח, לא של העסק.
יש לזה גם צד של נגישות: סעיף 2.4.4 של WCAG דורש שמטרת כל קישור תהיה מובנת מהטקסט שלו או מההקשר הקרוב. משתמשי קוראי מסך מדפדפים לעיתים ברשימת הקישורים בעמוד — ושם "לחצו כאן" שחוזר עשר פעמים לא אומר כלום.
מיקום
- באזור הראשון של העמוד, לפני גלילה — במיוחד בטלפון.
- אחרי כל אזור משכנע — מי שהשתכנע באמצע לא צריך לגלול לסוף.
- בסוף העמוד, למי שקרא הכול.
- בסוף מאמרים — קישור רך לשירות הרלוונטי, כמו בסוף המאמר הזה.
מראה
- צבע שמופיע רק על כפתורי פעולה — ראו פלטת צבעים לאתר.
- ניגודיות מספקת לטקסט על הכפתור (4.5:1 לטקסט רגיל) ולכפתור מול הרקע (3:1).
- גודל לחיצה נוח בטלפון, ומרווח מכפתורים אחרים.
- מצב פוקוס גלוי למי שמנווט במקלדת.
פעולה ראשית אחת, ואולי משנית
כשיש בעמוד חמישה כפתורים באותו משקל, הגולש צריך לבחור — ולעיתים קרובות הוא לא בוחר כלום. ההמלצה היא פעולה ראשית אחת לכל עמוד, ולכל היותר פעולה משנית בעיצוב חלש יותר:
| סוג עמוד | פעולה ראשית | פעולה משנית |
|---|---|---|
| דף בית | פנייה (טופס/וואטסאפ) | מעבר לשירותים |
| עמוד שירות | פנייה על השירות הזה | צפייה בדוגמאות |
| מאמר | קריאה בעמוד השירות הרלוונטי | מאמר קשור |
| דף נחיתה | פעולה אחת בלבד | אין — ראו מה זה דף נחיתה |
| דף מוצר | הוספה לסל | שמירה / שאלה |
טעויות נפוצות
- "שלח" ו"לחץ כאן" — ניסוח שלא אומר כלום.
- קריאה לפעולה רק בתחתית העמוד — בטלפון, רוב הגולשים לא יגיעו אליה.
- חלונות קופצים אגרסיביים שמסתירים את התוכן מיד בכניסה.
- כפתור שנראה כמו טקסט, או טקסט שנראה כמו כפתור ולא לחיץ.
- פעולה שלא עובדת — כפתור וואטסאפ עם מספר שגוי, טופס שלא שולח. בודקים כל CTA אחרי כל שינוי.
איך יודעים אם הקריאה לפעולה עובדת
מודדים. כל לחיצה על טלפון, וואטסאפ או שליחת טופס צריכה להירשם כאירוע — ראו מעקב המרות. משם אפשר לחשב אחוז המרה לפי עמוד, ולנסות ניסוחים שונים בבדיקת A/B — כשיש מספיק תנועה כדי שהתוצאה תהיה משמעותית.
קריאה לפעולה בטלפון
בטלפון, המסך קטן והגלילה ארוכה, ולכן הקריאה לפעולה צריכה להיות זמינה בלי לחפש:
- כפתור קבוע בתחתית או בראש המסך (טלפון, וואטסאפ) — שימושי מאוד לעסקי שירות, בתנאי שהוא לא מסתיר תוכן ולא מתנגש עם כפתורים אחרים.
- שטח לחיצה גדול — כפתור צר וקטן מוביל ללחיצות שגויות.
- פעולות טבעיות לטלפון: חיוג בלחיצה, פתיחת וואטסאפ עם הודעה מוכנה, ניווט לכתובת.
- טופס קצר במיוחד — כל שדה בטלפון מרגיש ארוך פי שניים.
מה יקרה אחרי הלחיצה
קריאה לפעולה היא הבטחה קטנה, והחוויה שאחריה צריכה לקיים אותה. כפתור "בדיקת אתר חינם" שמוביל לטופס של עשרה שדות שובר את ההבטחה. כפתור "דברו איתי בוואטסאפ" שפותח צ'אט ריק בלי הקשר מאבד חלק מהפונים. כדאי לעבור על כל כפתור באתר ולשאול: האם מה שקורה אחרי הלחיצה תואם בדיוק את מה שכתוב עליו? ואם הפעולה היא פנייה — האם יש מישהו שעונה? הקריאה לפעולה הכי טובה היא זו שהעסק באמת יכול לעמוד מאחוריה.
שאלות נפוצות
כמה קריאות לפעולה צריכות להיות בעמוד?
פעולה אחת מרכזית, שיכולה לחזור כמה פעמים לאורך עמוד ארוך. מה שחשוב הוא שזו אותה פעולה, לא חמש פעולות שונות.
איזה צבע הכי טוב לכפתור?
אין צבע "ממיר" קסום. מה שעובד הוא צבע שבולט ביחס לשאר העמוד ועומד בדרישות הניגודיות.
כל תבנית עמוד שאני בונה מתוכננת סביב הפעולה שהיא אמורה להוביל אליה. אם אתם מתכננים קמפיין, ראו בניית דפי נחיתה; לאתר שלם — בניית אתרים לעסקים. ואם בא לכם לבדוק את העיקרון בפועל: ספרו לי על האתר שלכם.
אהבתם את המאמר?
