מהירות, נייד ונגישות בדף נחיתה: מה בודקים לפני שמעלים

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

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

בקצרה:

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

מה בודקים בדף נחיתה לפני שמעלים? סקירה קצרה

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

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

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

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

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

מהירות דף נחיתה: כמה מהר צריך להיטען ואיך בודקים

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

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

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

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

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

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

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

דף נחיתה בנייד: למה הוא נראה טוב במחשב ולא בטלפון?

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

הסיבות הנפוצות לדף שנראה טוב במחשב ופחות בטלפון:

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

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

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

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

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

תמונות כבדות וגלישה איטית: מה מאט את הדף

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

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

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

איך מקטינים:

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

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

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

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

נגישות בדף נחיתה: מה חשוב לדעת

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

מה זה אומר בפועל:

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

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

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

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

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

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

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

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

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

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

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

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

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

האם יש תקן נגישות ואיך מוסיפים אותו?

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

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

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

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

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

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

רשימת בדיקה לפני הפעלת קמפיין

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

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

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

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

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

רוצה לוודא שהדף מוכן לפני שמפעילים קמפיין?

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

---

נכתב על ידי סלבה זמסקי, מייסד SZ Media.