על טעם ועל ריח אפשר להתווכח, אבל לאתר עסקי יש מדד פשוט: כמה מהאנשים שנכנסו אליו פנו אליכם. ריכזנו כאן טיפים מעשיים לעיצוב אתר שמביא שיחות, הודעות וטפסים. רובם לא דורשים עיצוב מחדש – רק כמה החלטות נכונות.
בקצרה
- המסך הראשון בנייד צריך לענות על שלוש שאלות: מה אתם עושים, איפה, ואיך פונים.
- חיוג ווואטסאפ בלחיצה אחת, וטופס קצר עם מעט שדות.
- מהירות ואמון שווים יותר מאפקטים, ובלי מדידה אין דרך לדעת מה עובד.
המסך הראשון: מה, איפה ואיך פונים
גולשים מחליטים מהר מאוד אם להישאר. המסך הראשון בטלפון, לפני שגוללים, צריך לענות על השאלות הבסיסיות – בלי סיסמאות:
- כותרת שמתארת – "שיפוץ חדרי אמבטיה בשרון" אומרת יותר מ"איכות ללא פשרות".
- שורת משנה – מה מבדל אתכם: זמינות, ניסיון, אחריות. רק מה שנכון ואפשר להוכיח.
- כפתור אחד בולט – "התקשרו" או "שלחו וואטסאפ", בצבע שלא משמש לשום דבר אחר בעמוד.
ומה לא לשים במסך הראשון: סליידר שמתחלף, פופאפ שקופץ לפני שהגולש הספיק לקרוא, או תמונה יפה שתופסת את כל המסך ודוחפת את הכותרת והכפתור למטה. כל אלה גונבים את השניות הראשונות, שבהן הגולש מחליט אם הוא במקום הנכון.
כפתורי פעולה שעובדים בנייד
- חיוג בלחיצה – מספר טלפון שהוא קישור, ולא תמונה של מספר.
- וואטסאפ עם הודעה מוכנה – הכפתור פותח שיחה עם משפט פתיחה, כדי שהגולש לא ייתקע מול חלון ריק.
- סרגל קבוע בתחתית המסך – חיוג ווואטסאפ זמינים בכל רגע של הגלילה, בלי להסתיר את התוכן.
- כפתורים בגודל אצבע – עם מרווח ביניהם, כדי שלא לוחצים בטעות על הקישור הסמוך.
כתבנו בהרחבה על אתר מותאם למכשירים ניידים – שם תמצאו עוד פרטים קטנים שעושים הבדל בטלפון.
טפסים קצרים ושאלות ברורות
כל שדה נוסף בטופס הוא סיבה לוותר. ברוב העסקים מספיקים שם, טלפון ושאלה אחת – איזה שירות, או הודעה קצרה. מייל רק אם באמת צריך אותו. כמה פרטים שעושים הבדל:
- תווית מעל השדה – ולא רק טקסט אפור בתוכו שנעלם כשמתחילים להקליד.
- מקלדת נכונה – מקלדת מספרים בשדה הטלפון, ומילוי אוטומטי של שם ומספר.
- הודעה ברורה אחרי השליחה – מה יקרה עכשיו ומתי תחזרו אל הפונה.
- ליד שבאמת מגיע – כל טופס נבדק אצלנו בשליחה אמיתית, ומחובר ל-CRM או לוואטסאפ כדי שאף פנייה לא תלך לאיבוד.
מהירות לפני אפקטים
גוגל מודד את חוויית הטעינה (Core Web Vitals): כמה מהר מופיע התוכן העיקרי, כמה מהר העמוד מגיב ללחיצה, והאם אלמנטים קופצים בזמן הטעינה. וגם בלי קשר לגוגל – גולש בנייד לא מחכה. מה עוזר:
- תמונות בגודל הנכון – ובפורמט מודרני כמו WebP, ולא קובץ מהמצלמה כמו שהוא.
- מעט גופנים – אחד או שניים, רק במשקלים שבאמת בשימוש.
- וידאו רק כשהוא מספר משהו – ולא כרקע דקורטיבי שמכביד על כל טעינה.
- בלי קפיצות – מקום שמור מראש לתמונות ולבאנרים, כדי שהטקסט לא יזוז מתחת לאצבע.
אמון: להראות שאתם אמיתיים
- תמונות אמיתיות – של העסק, הצוות והעבודות, במקום תמונות מאגר שכולם כבר ראו.
- ביקורות של לקוחות – עם שם, או קישור לביקורות בפרופיל העסק בגוגל.
- דוגמאות עבודה – לפני ואחרי, פרויקטים שהסתיימו, לקוחות שהסכימו שתציינו אותם.
- פרטי עסק מלאים – כתובת, שעות פעילות ואדם שעונה, ולא רק טופס.
- נגישות – אתר שעומד בתקן הישראלי 5568 ויש בו הצהרת נגישות משדר עסק מסודר, ורוב העסקים גם מחויבים בכך.
ניווט פשוט ותוכן שעונה על שאלות
תפריט עם מעט פריטים, בשמות שהגולשים משתמשים בהם: "מחירים" ולא "הפילוסופיה שלנו". לכל שירות עמוד משלו – זה עוזר לגולש למצוא, ועוזר לגוגל ולמנועי AI להבין על מה כל עמוד עונה. ובכל עמוד שירות כדאי מקטע שאלות נפוצות עם התשובות שאתם נותנים בטלפון שוב ושוב: טווח מחירים, זמנים, אזורי שירות ואחריות.
ועוד פרט שקל לפספס: טקסט צריך להיות קריא בלי להגדיל באצבעות. גודל גוף נדיב, שורות לא ארוכות מדי וניגודיות ברורה בין הטקסט לרקע עושים יותר לחוויית הקריאה מכל גופן מעוצב.
למדוד כל לחיצה
בלי מדידה, כל טיפ הוא ניחוש. מגדירים ב-Google Analytics 4 וב-Tag Manager ספירה של לחיצות על חיוג ועל וואטסאפ ושל שליחות טפסים, עם הסכמת הגולשים לפי חוק הגנת הפרטיות. כך רואים איזה עמוד מביא פניות ואיפה אנשים עוזבים. כשיש מספיק תנועה, אפשר גם לבדוק שתי גרסאות של כותרת או כפתור ולראות איזו מביאה יותר פניות.
רוצים שנעבור על האתר שלכם?
הטיפים האלה הם הצד המעשי. אם אתם רוצים את התמונה הרחבה, קראו מה זה עיצוב אתרים טוב היום, ואם אתם מתכננים אתר חדש – איך נראה תהליך עיצוב אתר אינטרנט מהבריף ועד ההשקה. ואפשר פשוט להשאיר פרטים, ונגיד לכם מה כדאי לשפר קודם.