רוב הקונים שלכם מחליטים אם לקנות עוד לפני שהם גוללים בכלל. הנה המדריך המדויק ל"מעל לקו" שאנו משתמשים בו כדי לתקן את המסך הבודד שגובה בעקיפין את מירב ההכנסות מחנויות Shopify – דף המוצר במובייל.
📊 הקשר מהיר: מדדי הייחוס במדריך זה מגיעים מדפי המוצר במובייל שאנו בודקים ובונה מחדש בחנויות Shopify שאנו מנהלים כסוכנות. הם מכוונים, לא הבטחות – המספרים האמיתיים שלכם תלויים באיכות התנועה, נקודת המחיר והנישה שלכם. התייחסו אליהם כאל קנה מידה לבדוק קודם, לא הבטחה לתוצאות.
שאלו בעל חנות היכן הוא מפסיד מכירות והוא יצביע על הקופה, על המחיר או על הפרסומת. כמעט אף אחד לא מצביע על המסך הראשון של דף המוצר בטלפון – וזה בדיוק המקום שבו הכסף דולף בשקט. הרוב המכריע של תנועת Shopify היא כיום ממובייל, מה שאומר שהשטח הנדל"ני הנצפה ביותר שבבעלותכם הוא בערך 600 הפיקסלים העליונים של דף מוצר על מסך בגודל 6 אינץ'. אם המסך הזה לא עונה על השאלות "האם זה בשבילי, האם אני יכול לסמוך עליך, ומה עלי לעשות הלאה" תוך כשלוש שניות, הקונה כבר נעלם – והאנליטיקה שלכם פשוט תקרא לזה נטישה.
"מעל לקו" נשמע כמו מונח מעיתונים מהמאה הקודמת, אך במובייל הוא חשוב יותר מאי פעם בדסקטופ, מכיוון שהקו קטן יותר, טווח הקשב קצר יותר, והאגודל הוא כלי הניווט היחיד. כל מה שקורה מתחת לקו – התיאור הארוך והיפה שלכם, טבלת המידות שלכם, השאלות הנפוצות שלכם – נראה רק על ידי אנשים שהקו כבר שכנע להמשיך. נצחו את המסך הראשון ושאר הדף יקבל הזדמנות לעבוד. הפסידו אותו ושום דבר אחר שבניתם לעולם לא ייקרא.
במדריך זה נפרט את חמשת האלמנטים שחייבים להרוויח את מקומם מעל לקו בדף מוצר במובייל, את הסדר שבו הם צריכים להופיע, ואת הטעויות הספציפיות שאנו רואים הורגות המרות בחנות אחר חנות. כל אחד מהם ניתן לתיקון השבוע בתוך העיצוב הקיים שלכם – ללא עיצוב מחדש, ללא מפתח, ללא תקציב גדול. בואו נתחיל.
תוכן עניינים
- מדוע "הקו" במובייל קובע הכל
- אלמנט מס' 1 – כותרת שמוכרת את התוצאה
- אלמנט מס' 2 – תמונת הגיבור ואות ההחלקה
- אלמנט מס' 3 – מחיר ובהירות תשלום
- אלמנט מס' 4 – כפתור הוספה לעגלה באזור האגודל
- אלמנט מס' 5 – אמון מיידי: ביקורות, משלוח, החזרות
- ביקורת דף המוצר שלכם במובייל (תוכנית פעולה)
- שאלות נפוצות
1. מדוע "הקו" במובייל קובע הכל
מהירות וה"קו" קשורים זה בזה, והנתונים על מהירות אכזריים. מחקר של גוגל מצא שככל שזמן טעינת דף במובייל עולה משנייה אחת לשלוש שניות, הסבירות לנטישה עולה בחדות, ותוך חמש שניות הסיכוי שמבקר יעזוב עולה באופן דרמטי (גוגל / SOASTA, "מצב ביצועי הקמעונאות המקוונים"). מחקר "אלפיות שנייה עושות מיליונים" של דלויט הציב מספר על היתרון: שיפור מהירות האתר במובייל ב-0.1 שניות בלבד העלה את שיעורי ההמרה הקמעונאיים ב-8.4%. ה"קו" הוא הדבר הראשון שחייב להיטען, ולכן קטע הירו איטי וכבד אינו רק בעיה אסתטית – זוהי מס המרה המוטל על כל מבקר לפני שהוא קורא מילה.
הסיבה השנייה שבגללה ה"קו" שולט היא פסיכולוגית. קונה בטלפון בדרך כלל מוסח, לעיתים קרובות באמצע משימה, ולעיתים רחוקות מחויב. הוא סורק, לא קורא, והוא עושה שיפוט מהיר, כמעט לא מודע, האם החנות שלכם אמינה והמוצר שלכם רלוונטי. השיפוט הזה קורה במסך הראשון, וברגע שהוא שלילי קשה מאוד לשחזר, כי הם כבר התחילו לגלול הלאה או ללחוץ על כפתור החזרה. ה"קו" אינו המקום שבו אתם מבצעים את המכירה – זה המקום שבו אתם מרוויחים את הזכות להמשיך למכור.
הנה המסנן הפרקטי שאנו מיישמים על כל דף מוצר במובייל שאנו בודקים: אם אלמנט אינו עוזר לקונה לענות על השאלות "האם זה בשבילי", "האם אני יכול לסמוך עליך", "מה זה בדיוק" או "איך אני קונה", הוא אינו שייך מעל לקו. קרוסלות של באנרים לא קשורים, סרגלי הודעות מוגדלים, ווידג'טים דביקים של הנחות שמכסים את התמונה, וידאו בהפעלה אוטומטית שמעכב את המחיר – כל אלה דוחפים את האלמנטים שבאמת ממירים למטה ומחוץ לטווח הראייה. ה"קו" הוא עורך חסר רחמים, ורוב החנויות נדיבות איתו יתר על המידה.
2. אלמנט מס' 1 – כותרת שמוכרת את התוצאה
כותרת המוצר היא הטקסט הראשון שרוב הקונים קוראים, ורוב הכותרות מבזבזות אותו. "חולצת טריקו קלאסית מכותנה – סגנון #4471" לא אומרת לקונה כלום על למה זה צריך לעניין אותו. כותרת שממירה מובילה עם התוצאה או היתרון המגדיר, ואז מוסיפה את הפרטים הספציפיים: "חולצת טריקו מכותנה כבדה מכווצת מראש – שומרת על צורתה כביסה אחרי כביסה." במובייל יש לכם שורה או שתיים לפני שהכותרת נשברת בצורה לא נוחה, ולכן המילים הראשונות חייבות לשאת את המשקל. הטמיעו את היתרון בחזית, לא את מק"ט המוצר.
זה חשוב ליותר מסתם שכנוע. כותרת המוצר היא גם אחד האותות החזקים ביותר בדף גם עבור גוגל וגם עבור מנועי החיפוש מבוססי בינה מלאכותית שהקונים מתחילים איתם יותר ויותר, ולכן כותרת ברורה, ממוקדת יתרונות ומודעת למילות מפתח מרוויחה לכם תנועה והמרה בו זמנית. הטעות שאנו רואים הכי הרבה היא כותרות שנכתבות עבור המחסן במקום עבור הלקוח – מוסכמות שמות פנימיות, קודים וקיצורים שאין להם משמעות למבקר בפעם הראשונה. כתבו את הכותרת עבור האדם שמחזיק את הטלפון, לא עבור מערכת המלאי שלכם.
3. אלמנט מס' 2 – תמונת הגיבור ואות ההחלקה
בדף מוצר, התמונה היא המוצר, מכיוון שאף אחד לא יכול לגעת בו. התמונה הראשונה מעל הקו חייבת לבצע שלוש עבודות בו-זמנית: להציג את המוצר בבירור, להציג אותו באופן שמעביר איכות, ולאותת שיש עוד תמונות זמינות. הנקודה האחרונה היא זו שחנויות שוכחות. אם גלריית התמונות שלכם אינה מרמזת ויזואלית שהקונה יכול להחליק – באמצעות הצצה חלקית לתמונה הבאה, נקודות או תמונות ממוזערות – חלק גדול ממשתמשי המובייל לעולם לא יגלה את שאר התמונות שלכם, ובפועל הסתרתם 80% מכוח המכירה הוויזואלי שלכם.
דפי מוצר החזקים ביותר במובייל מובילים עם תמונה ראשית נקייה ומוארת היטב והופכים את הגלריה לניתנת להחלקה באופן ברור, ואז ממשיכים עם תמונות שעונות על התנגדויות: קנה מידה, פירוט, המוצר בשימוש בעולם האמיתי, ותמונת פתיחת האריזה או מה שמקבלים. הימנעו משני הרוצחים הקלאסיים – תמונת גיבור איטית בטעינה שגורמת לקונה לבהות בקופסה אפורה, ותמונה ראשונה מעוצבת או מוגדלת מדי שהקונה לא יכול לדעת למעשה מהו המוצר. בהירות מנצחת אמנות במסגרת הראשונה. היו יפים בתמונה השנייה.
💡 תובנה מהסוכנות: משקל התמונה הוא הדליפה הנסתרת הנפוצה ביותר של מהירות שאנו מוצאים בדפי מוצר במובייל. תמונות גיבור גדולות מדי שלא דחוסו או לא הוגשו בפורמט מודרני יכולות להוסיף שניות שלמות לזמן הטעינה בטלפון – וכפי שכיסינו במדריך אופטימיזציית שיעור ההמרה של Shopify, כל שנייה של זמן טעינה במובייל משולמת בהמרות שאבדו. דחסו, שנו את הגודל למימדי התצוגה בפועל, ואפשרו לעיצוב שלכם לטעון בעצלות כל מה שמתחת לקו.
4. אלמנט מס' 3 – מחיר ובהירות תשלום
שום דבר לא יוצר היסוס מהר יותר מחוסר ודאות לגבי עלות, לכן המחיר חייב להיות גלוי מעל לקו, חד-משמעי, ולעולם לא משהו שהקונה צריך לחפש. אם יש הנחה, הציגו את המחיר המקורי ואת מחיר המבצע יחד כך שהערך יהיה ברור במבט אחד. אם המחיר משתנה לפי וריאנט, ודאו שבחירת וריאנט מעדכנת את המחיר המוצג באופן מיידי – קונה שלוחץ על מידה ורואה את המחיר מהבהב או נעלם הוא קונה שמתחיל לא לסמוך על הדף.
הטבלה למטה היא כרטיס הניקוד המהיר שבו אנו משתמשים בעת ביקורת על אזור המחיר והתשלום של דף מוצר במובייל. העיקרון מאחורי כל זה זהה: כל שאלה שיש לקונה לגבי מה שישלם בפועל צריכה להיענות לפני שהוא לוחץ על "הוסף לעגלה", ולא להתגלות כהפתעה לא נעימה בקופה – עלויות מפתיעות בקופה הן אחת הסיבות המתועדות ביותר לכך שקונים נוטשים את עגלותיהם.
| אלמנט | מה נחשב טוב | טעות נפוצה |
|---|---|---|
| נראות מחיר | גלוי מעל לקו, גדול וברור | קבור מתחת לתמונות או מעוצב קטן מדי |
| הצגת הנחה | מחיר מקורי + מחיר מבצע מוצגים יחד | מחיר מבצע בלבד, כך שהמבצע בלתי נראה |
| תמחור משתנה | המחיר מתעדכן באופן מיידי בבחירה | המחיר מהבהב, נתקע או נעלם |
| אפשרויות תשלום | כפתורי Shop Pay / תשלום מואץ מוצגים | נסתרים עד לעגלה, מה שמוסיף חיכוך |
| עלויות נוספות | רמזים למשלוח/מס ליד המחיר | מתגלים לראשונה בקופה כהלם |
התוספת המשמעותית ביותר באזור זה היא תשלום מואץ. הפעלת Shop Pay וכפתורי התשלום המהיר מציבה רכישה בלחיצה אחת בדיוק היכן שהכוונה היא הגבוהה ביותר, ובמובייל שינוי יחיד זה מסיר את נקודת החיכוך הגדולה ביותר בכל המשפך. אם קופה מהירה אינה גלויה ליד כפתור "הוסף לעגלה" שלכם היום, זה הדבר הראשון שיש לתקן לאחר שתסיימו לקרוא זאת.
5. אלמנט מס' 4 – כפתור הוספה לעגלה באזור האגודל
כפתור הוספה לעגלה הוא הפיקסל החשוב ביותר בדף, ובמובייל מיקומו הוא החלטה פיזית, ארגונומית, ולא רק ויזואלית. טלפונים מוחזקים ביד אחת ומופעלים באמצעות האגודל, המגיע בנוחות לחלק התחתון ולמרכז המסך אך מתקשה להגיע לפינות העליונות. כפתור פעולה ראשי הנמצא באזור קשה להגעה, או נגלל לגמרי מחוץ לטווח הראייה, מוסיף רגעים קטנים של חיכוך המצטברים באלפי סשנים לאובדן הכנסות אמיתי.
התיקון שמנצח כמעט באופן אוניברסלי במובייל הוא סרגל "הוסף לעגלה" צף – כפתור שנשאר מקובע לתחתית המסך ככל שהקונה גולל, תמיד בטווח הגעה של האגודל, תמיד לחיצה אחת מקנייה. שדכו אותו לכפתור שהוא באופן חד משמעי הפעולה הראשית: ניגודיות גבוהה, רוחב מלא, פועל ברור, וללא כפתור מתחרה בעל משקל ויזואלי שווה לידו. הטעות הנפוצה ביותר שאנו מתקנים היא כפתור "רשימת משאלות", "השוואה", או כפתור משני המעוצב להיראות חשוב בדיוק כמו "הוסף לעגלה", מה שמפצל את תשומת הלב ברגע המדויק שבו אתם רוצים אותה ממוקדת. מסך אחד, צעד ברור אחד קדימה.
6. אלמנט מס' 5 – אמון מיידי: ביקורות, משלוח, החזרות
האלמנט האחרון שעל ה"קו" לספק הוא אמון, מכיוון שלמבקר במובייל בפעם הראשונה אין עדיין סיבה להאמין לכם. אות האמון המהיר ביותר הוא הוכחה חברתית: דירוג כוכבים וספירת ביקורות הממוקמים ליד הכותרת והמחיר אומרים לקונה שאנשים אחרים קנו את זה ושרדו כדי לספר. זה לא חייב להיות קטע הביקורות המלא – זה יכול להיות מתחת לקו – אבל סיכום הדירוג צריך להיות גלוי מוקדם, מכיוון שהוא עונה על השאלה "האם אני יכול לסמוך על זה" עוד לפני שהקונה אפילו יוצר את השאלה במודע.
אות האמון השני הוא היפוך סיכונים: הבטחה קצרה וברורה לגבי משלוח והחזרות ליד כפתור הקנייה. "החזרות חינם תוך 30 יום" או "נשלח תוך 1-2 ימים" מסירים את החשש השקט שעוצר רכישות רבות במובייל – החשש מלהיתקע עם משהו שלא מתאים או שלא מגיע. נטישת עגלות במסחר אלקטרוני עומדת על ממוצע של כ-70% לפי מכון ביימרד, וחלק משמעותי מזה מונע על ידי חוסר אמון וחוסר ודאות בעלויות שדף מוצר חזק יכול היה לפתור מראש. שימו את ההבטחה היכן שההחלטה מתרחשת, לא שלוש לחיצות משם בדף מדיניות שאף אחד לא פותח.
רוצים שנגלה את המכירות החבויות בדפי המוצר שלכם במובייל?
אנו מבצעים ניתוח חווית משתמש ניידת חינם של חנות Shopify שלכם – קו, תמונות, מחיר, כפתור "הוסף לעגלה", ואותות אמון – ומעניקים לכם רשימה מועדפת של בדיוק מה לתקן קודם.
שוחחו איתנו בווטסאפ >>
7. ביקורת דף המוצר שלכם במובייל (תוכנית פעולה)
ידע ללא סדר מוביל לשיתוק, אז הנה הסדר המדויק שבו היינו ניגשים לזה. פתחו את דף המוצר הנמכר ביותר שלכם בטלפון שלכם – לא בתצוגה מקדימה במחשב, בטלפון האמיתי שלכם – ועבדו מלמעלה למטה. שנו דבר אחד בכל פעם ותנו לכל שינוי לפחות שבועיים לפני שאתם שופטים אותו, כך שתדעו באמת מה הזיז את המחט.
- מהירות קודם – דחסו ושנו את גודל תמונת הגיבור שלכם נכון, ודאו שהעיצוב טוען בעצלתיים כל מה שמתחת לקו, והסירו כל אפליקציה או אלמנט בהפעלה אוטומטית שמעכבים את הצגת המסך הראשון.
- כותרת ותמונה – כתבו מחדש את הכותרת כך שתציג את היתרון, והפכו את גלריית התמונות לניתנת להחלקה באופן ברור כדי שהקונים יגלו את שאר התמונות שלכם.
- מחיר ותשלום – ודאו שהמחיר בלתי ניתן לפספוס, הציגו הנחות כמחיר מקורי פלוס מבצע, ודאו שמחירי הווריאנטים מתעדכנים באופן מיידי, והפעילו את Shop Pay ואת הקופה המהירה.
- הוסף לעגלה – הוסיפו סרגל "הוסף לעגלה" דביק בתחתית המסך, הפכו אותו לפעולה עם הניגודיות הגבוהה ביותר, והורידו את הדירוג של כל כפתור משני מתחרה.
- אמון – הציגו סיכום דירוג כוכבים ליד הכותרת והבטחה קצרה לגבי משלוח והחזרות ליד כפתור הקנייה.
שום דבר מזה לא דורש עיצוב מחדש או תקציב גדול – זה דורש מכם להסתכל על המסך היחיד שהלקוחות שלכם באמת רואים ולתקן אותו במכוון. החנויות שמנצחות במובייל הן לעיתים רחוקות אלו עם דפי המוצר הנוצצים ביותר; אלו הן החנויות שהפכו את המסך הראשון למהיר, ברור וללא מאמץ לפעולה. עשו זאת על פני עשרת המוצרים המובילים שלכם ועלייה בשיעור ההוספה לעגלה במובייל היא אחד מהניצחונות האמינים ביותר במסחר אלקטרוני כולו.
רוצים שנבצע ביקורת לחנות שלכם? קבעו שיחת ייעוץ חינם →
8. שאלות נפוצות
מה המשמעות של "מעל לקו" בדף מוצר במובייל?
זהו כל מה שגלוי במסך הראשון של דף מוצר לפני שהקונה גולל – בערך החלק העליון של הדף בטלפון. מכיוון שרוב התנועה ב-Shopify היא ממובייל והקונים מחליטים במהירות, למסך הראשון הזה יש חלק עצום בהחלטת ההמרה.
מהו האלמנט החשוב ביותר מעל לקו?
כפתור הוספה לעגלה, מכיוון שזו הפעולה שכל השאר קיימים כדי להניע אותה. במובייל, סרגל "הוסף לעגלה" צף ובולט שנשאר באזור האגודל הוא אחד השינויים בעלי ההשפעה הגבוהה ביותר ובמאמץ הנמוך ביותר שתוכלו לבצע.
האם מהירות דף במובייל משפיעה באמת כל כך על המרות?
כן. מחקר של גוגל מראה שסבירות הנטישה עולה בחדות עם כל שנייה נוספת של זמן טעינה במובייל, ודלויט מצאה ששיפור מהירות של 0.1 שניות העלה את שיעורי ההמרה הקמעונאיים ב-8.4%. ה"קו" נטען ראשון, ולכן קטע הירו כבד גובה מחיר מכל מבקר.
כמה תמונות מוצר עליי להציג במובייל?
התחילו עם תמונה ראשית אחת נקייה ונטענת במהירות, והפכו את הגלריה לניתנת להחלקה באופן ברור, ואז הוסיפו תמונות שעונות על התנגדויות – קנה מידה, פירוט, שימוש בעולם האמיתי, ומה שמקבלים. המספר המדויק חשוב פחות מאשר לוודא שהקונים יודעים שיש עוד תמונות.
