לפני עשור "אתר מותאם לסלולר" היה יתרון. היום זו נקודת ההתחלה: לקוחות מחפשים, משווים ופונים מהטלפון, ולפעמים לא רואים את האתר שלכם במחשב אף פעם. השאלה כבר לא אם האתר "נפתח" בנייד, אלא אם קל לפנות אליכם ממנו – ביד אחת, ברשת סלולרית, תוך כדי הליכה.
בקצרה
- רספונסיבי אומר שהאתר מתכווץ למסך קטן; מותאם לנייד אומר שתכננו אותו קודם לטלפון.
- גוגל מדרג אתרים בעיקר לפי גרסת הנייד שלהם, גם בחיפוש מהמחשב.
- חיוג, וואטסאפ וטופס קצר צריכים להיות במרחק לחיצה אחת בכל רגע.
רספונסיבי או Mobile-First: מה ההבדל
אתר רספונסיבי מתאים את הפריסה לרוחב המסך: עמודות נערמות אחת מתחת לשנייה ותמונות מתכווצות. זה הבסיס, וכל אתר מודרני עושה את זה. אבל אתר שתוכנן למסך גדול ואחר כך "נדחס" לטלפון מייצר לא פעם עמוד ארוך שבו הדבר החשוב קבור באמצע, תפריטים שקשה לפתוח ובלוקים של טקסט שנראים כמו קיר.
Mobile-First הוא הסדר ההפוך: קודם מחליטים מה גולש בנייד צריך, באיזה סדר ועם אילו כפתורים, ורק אחר כך מרחיבים למחשב. בדרך כלל התוצאה ברורה יותר גם במסך הגדול.
גוגל מסתכל קודם על הנייד
גוגל סורק ומדרג אתרים בעיקר לפי גרסת הנייד שלהם (Mobile-First Indexing). אם תוכן, כותרות או נתונים מובנים מופיעים רק בגרסת המחשב ומוסתרים בנייד, מבחינת גוגל הם כמעט לא קיימים. גם חוויית הטעינה (Core Web Vitals) נמדדת אצל גולשים אמיתיים – כלומר בטלפון ממוצע ברשת סלולרית, לא במחשב המשרדי עם סיב אופטי.
פנייה ביד אחת
- חיוג בלחיצה – מספר טלפון שהוא קישור, בראש העמוד ובסרגל קבוע בתחתית המסך.
- וואטסאפ – כפתור שפותח שיחה עם הודעה מוכנה, ובמחשב פותח את WhatsApp Web.
- ניווט לעסק – קישור ל-Waze או למפות גוגל, לעסקים שמקבלים לקוחות.
- אזור האגודל – הפעולות החשובות בחלק התחתון של המסך, שם קל להגיע אליהן ביד אחת.
- כפתורים גדולים ומרווחים – כדי שלא לוחצים בטעות על הקישור הסמוך.
סרגל קבוע בתחתית המסך הוא כלי חזק, אבל רק אם הוא לא מכסה תוכן, לא מסתיר את כפתור השליחה של טופס ולא מתנגש עם כפתור צ'אט שצף מעליו. שני כפתורים ברורים עדיפים על חמישה אייקונים קטנים.
טפסים שנוח למלא בטלפון
בנייד כל שדה הוא מאמץ. מעט שדות, מקלדת נכונה (מספרים בשדה טלפון, מקלדת מייל בשדה מייל), מילוי אוטומטי של שם וטלפון, תוויות שלא נעלמות כשמקלידים, והודעת שגיאה ליד השדה הבעייתי ולא בראש העמוד. אחרי השליחה – הודעה ברורה, ואפשרות להמשיך בוואטסאפ.
ומה שקורה אחרי הטופס חשוב לא פחות. מהנייד אנשים פונים לא פעם לכמה עסקים באותו רגע, ומי שעונה ראשון מקבל יתרון. לכן אצלנו כל פנייה נכנסת אוטומטית ל-CRM או לוואטסאפ של העסק, עם התראה למי שאחראי לחזור.
מהירות ברשת סלולרית
הטלפון טוען את האתר ברשת סלולרית ועם מעבד חלש יותר ממחשב. מה עושה את ההבדל:
- תמונות מותאמות – בגודל של מסך טלפון ובפורמט מודרני, ולא תמונה ענקית שמוקטנת בדפדפן.
- טעינה מדורגת – תמונות שמתחת לקו הגלילה נטענות רק כשמגיעים אליהן.
- בלי וידאו אוטומטי כבד – במיוחד לא ברקע של המסך הראשון.
- מעט סקריפטים חיצוניים – כל צ'אט, פיקסל או וידג'ט מוסיף משקל. משאירים רק את מה שבאמת בשימוש.
- אחסון ומטמון – שרת מהיר ומטמון מוגדר נכון, כדי שהעמוד יוגש מהר ולא ייבנה מחדש בכל כניסה.
עברית בנייד: פרטים קטנים שעושים הבדל
מסך קטן חושף כל בעיה של ימין-לשמאל: תפריט המבורגר שנפתח מהצד הלא נכון, מספרי טלפון ומחירים שמתהפכים באמצע משפט, טבלאות שבורחות מהמסך, ואלמנט אחד רחב מדי שגורם לכל העמוד לזוז הצידה. את זה לא תופסים בסימולציה במחשב בלבד – בודקים על מכשירים אמיתיים, אייפון ואנדרואיד.
וגם הטקסט עצמו: גודל שאפשר לקרוא בלי להגדיל באצבעות, פסקאות קצרות, וכותרות משנה שמאפשרות לגולש לרפרף ולמצוא את מה שהוא מחפש. בנייד אנשים סורקים את העמוד יותר משהם קוראים אותו מילה במילה.
גם הפרסום כבר בנייד
פרסום ממומן היום מתוכנן לטלפון: מודעות חיוג בגוגל, מודעות בפייסבוק ובאינסטגרם שפותחות שיחת וואטסאפ, וטפסי לידים שנפתחים בתוך האפליקציה. מי שלחץ על מודעה בנייד ונחת על עמוד איטי או מבולגן – הלך, והקליק כבר שולם. לכן דף הנחיתה צריך להמשיך את אותה חוויה: מהיר, ממוקד, עם כפתור פנייה זמין.
רוצים לבדוק איך האתר שלכם נראה בטלפון?
כל אתר שאנחנו מבצעים בבניית אתרים מתוכנן קודם לנייד. אם האתר כבר קיים, כדאי לקרוא גם על חוויית משתמש ועל טיפים לעיצוב אתר שמביא פניות, או פשוט להשאיר פרטים – ונעבור עליו יחד בטלפון.