דף נחיתה במובייל: תסריט בדיקה לפני פרסום
בדיקת משימה שלמה בטלפון, כולל תקלות שאינן נראות בצילום מסך
דף נחיתה יכול להתכווץ למסך טלפון ועדיין להיות קשה לשימוש: מקלדת מסתירה כפתור, הודעת שגיאה מוחקת את הטופס או פס וואטסאפ מכסה מידע. בדיקת Mobile-First מועילה בוחנת משימה שלמה בנייד, מהבנת ההצעה ועד אישור שהפנייה התקבלה.
המדריך מציע תסריט בדיקה וקובץ תקלות פשוט. הוא משלים את המדריך למבנה דף נחיתה ואת בדיקת Core Web Vitals, ומתמקד בשימוש בפועל. בדקו את תמהיל המכשירים שלכם; אין להניח ששיעור מובייל עולמי מתאר את הלקוחות בעסק.
להכין בדיקה של תהליך, לא של צילום מסך
בחרו פעולה אחת: בקשת הצעת מחיר, תיאום שיחה או רכישה. כתבו מה אדם צריך להבין לפני הפעולה ומה אמור לקרות אחריה. פתחו את הקישור שמופיע בקמפיין, כולל הפניות בדרך, ולא רק כתובת נוחה מתוך מערכת הניהול.
בדקו בטלפון אמיתי, ובמכשירים או דפדפנים נוספים שמופיעים בנתוני האתר. תצוגת מכשיר בכלי המפתחים עוזרת לגלות בעיות רוחב, אבל אינה מחליפה מקלדת, מגע ופתיחת יישום אמיתיים. ביצעו את הבדיקה בישיבה במקום בטוח; אין צורך לגלוש תוך כדי הליכה.

תסריט בדיקה שאפשר למסור לאדם נוסף
| משימה | תוצאה צפויה | תקלה שכדאי לתעד |
|---|---|---|
| להסביר מה מוצע ולמי | המידע המרכזי מובן בלי לנחש | מחיר, תנאי או אזור שירות חסרים |
| להגדיל תצוגה ולקרוא | טקסט ופקדים נשארים זמינים | חיתוך טקסט או גלילה הצידה לצורך קריאת פסקה |
| לפתוח טופס ולנוע בין השדות | תוויות, מקלדת ופעולה הבאה ברורות | מקלדת מסתירה שדה או כפתור |
| לשלוח טופס עם שגיאה | מוסבר מה לתקן ונתונים תקינים נשמרים | ״משהו השתבש״ בלי הסבר או מחיקת הכול |
| לשלוח פנייה תקינה | מוצג אישור ברור והפנייה מתקבלת פעם אחת | לחיצה שנראית מוצלחת אך אינה שולחת |
| להשתמש בטלפון או בוואטסאפ ולחזור לדף | נפתח היעד הנכון וההקשר נשמר | מספר שגוי או אובדן תשובות לאחר חזרה |
בקשו מהבודק לתאר מה לא היה ברור, בלי לכוון אותו לכפתור הנכון. כתבו את מה שקרה, לא רק ״לא אהב את העיצוב״. כמה בדיקות כאלה יכולות לחשוף תקלות; הן אינן מדגם שממנו מחשבים שיעור שיפור צפוי בהמרות.
רוחב, מגע ופוקוס: בדיקות מדויקות
קריטריון Reflow של W3C מתייחס להצגת תוכן בגלילה אנכית ברוחב שקול ל־320 פיקסלי CSS בלי אובדן מידע או פעולה ובלי צורך בגלילה בשני כיוונים, עם חריגים לתוכן שדורש פריסה דו־ממדית. בדקו שהגדלה אינה מסתירה את הטופס או מצופפת טקסט לכדי תוכן שאי אפשר לקרוא.
קריטריון גודל יעד מינימלי ב־WCAG 2.2 משתמש ב־24×24 פיקסלי CSS, בכפוף לחריגים כגון ריווח ויעד בתוך משפט. זהו מינימום עם תנאים, לא המלצה שכל כפתור יהיה קטן כל כך. לפעולה מרכזית כדאי לבחור שטח לחיצה נוח ולבדוק שלא נלחץ בטעות יעד סמוך.
בדקו גם ניווט במקלדת: הפוקוס צריך להיראות, להישאר בסדר הגיוני ולא להילכד ברכיב. פס פעולה קבוע יכול להועיל, אבל אסור שיכסה שדות, שגיאות או מידע חיוני. הבדיקות הללו הן חלק מבדיקת נגישות; הן אינן אישור שהדף עומד בכל דרישות הנגישות.
טופס קצר אינו מטרה בפני עצמה
לכל שדה צריכה להיות סיבה. שדה שאינו נדרש למענה יכול להיות אופציונלי או להישאל בהמשך; שאלה שמסננת פנייה שאינה מתאימה עשויה להיות שימושית גם אם היא מאריכה את הטופס. שמרו תוויות גלויות, הוראות והודעות תיקון. מדריך הטפסים של W3C מסביר את רכיבי המידע והמשוב.
נסו מילוי אוטומטי, החלפת שפה ועריכת מספר טלפון. אל תמדדו ליד לפי עצם הלחיצה על כפתור השליחה. קשרו את ההצלחה לאישור תקין ובדקו אותה מול קבלת הפנייה, באמצעות הגדרת Conversion Tracking. לחיצה על WhatsApp היא פעולה בדרך; היא אינה בהכרח הודעה שנשלחה או לקוח שנרכש.
איך לתעד תקלות ולבחור תיקון ראשון
לכל תקלה רשמו כתובת, מכשיר, דפדפן, שלבי שחזור, מה ציפיתם לקבל ומה קרה. צרפו צילום שאינו מכיל פרטי לקוח. סווגו לפי ההשפעה: חסימת פעולה, קושי שמשתמש יכול לעקוף או בעיית מראה. תקלה שמונעת שליחה קודמת לשינוי קוסמטי.
דוגמה מוצעת: ״בטלפון קטן, לאחר פתיחת המקלדת, פס יצירת הקשר מכסה את הודעת השגיאה בטלפון. המשתמש אינו יודע מה לתקן״. קריטריון סיום: השגיאה גלויה, אפשר להגיע לשדה ולשלוח פנייה תקינה בלי לאבד נתונים. זו משימת תיקון שניתן לאמת, בניגוד לבקשה כללית ״לשפר את המובייל״.
מדידה אחרי התיקון
השוו מכשירים ותקופות תוך התחשבות בקמפיין, בהצעה ובשלמות המדידה. פער בין מובייל למחשב אינו מוכיח שהעיצוב הוא הסיבה: הקהל, ההקשר וכוונת המשתמש עשויים להיות שונים. עקבו אחר הצלחת פעולה ופניות מתאימות לצד מדדי מהירות הטעינה, בלי להמיר כל שנייה לאחוז מכירות קבוע.
Mobile-first indexing הוא תהליך אינדוקס של החיפוש האורגני, לא הבטחת הנחה ב־CPC. עיצוב נוח וטעינה טובה יכולים לתמוך במשתמש, אך אינם מבטיחים שיפור בציון, בדירוג או במספר הלידים.
המדריכים החדשים של נועם דיגיטל במייל
כותרת, תקציר וקישור לכל מדריך חדש שעלה לאתר. לכל היותר מייל אחד בחודש.
שאלות נפוצות
איך בודקים דף נחיתה במובייל מעבר לרספונסיביות?
מבצעים משימה מלאה בטלפון: הבנת הצעה, פתיחת טופס, מילוי שגוי ותיקון, שליחה תקינה ושימוש בקישורי קשר. בודקים גם מקלדת, הגדלה ורכיבים שמכסים תוכן.
מהו גודל כפתור מינימלי לפי WCAG 2.2?
קריטריון גודל יעד מינימלי מתייחס ל-24 על 24 פיקסלי CSS, עם חריגים כגון ריווח ויעד בתוך משפט. זה אינו גודל אידיאלי לכל כפתור; בדקו שטח לחיצה נוח והפרדה מיעדים סמוכים.
האם טופס קצר יותר תמיד טוב יותר במובייל?
לא. לכל שדה צריכה להיות מטרה, ולעיתים שאלה חיונית מסייעת לקבל פנייה מתאימה. בדקו נוחות, תוויות ושגיאות לצד איכות הפניות, ולא רק את מספר השדות.
האם פער המרה בין מובייל למחשב מוכיח שהעיצוב אשם?
לא. הקהל, ההצעה, מקור התנועה ושלמות המדידה עשויים להיות שונים. הפער הוא נקודת התחלה לבדיקה, לא הוכחה לסיבה או לשיעור שיפור צפוי לאחר עיצוב מחדש.