אתר רספונסיבי הוא אתר שמשנה את הפריסה שלו אוטומטית לפי גודל המסך, כך שהוא נוח לשימוש באותה מידה במחשב, בטאבלט ובטלפון. זה לא שיפור עיצובי אלא תנאי בסיסי לתפקוד עסקי, כי רוב הגולשים בישראל מגיעים לאתרים מהטלפון. הנה מה שחשוב להבין:
- אתר רספונסיבי הוא אתר אחד שמתאים את עצמו, לא שני אתרים נפרדים
- גוגל מדרג אתרים לפי הגרסה המובילית שלהם ולא לפי גרסת הדסקטופ
- אתר שלא מותאם למובייל מאבד פניות עוד לפני שהגולש קרא משפט
- הבדיקה הפשוטה: האם אפשר להשלים פנייה בטלפון בלי לזום ובלי גלילה לרוחב
שמי סער ברעם, מומחה שיווק דיגיטלי עם מעל 15 שנות ניסיון בשטח. ייסדתי את חברת שיווק דיגיטלי שמלווה עסקים להשגת תוצאות אמיתיות, יותר לקוחות, יותר מכירות, ויותר צמיחה.
מה בעצם קורה מאחורי הקלעים באתר רספונסיבי
אתר רספונסיבי בנוי מרשת גמישה שמחשבת רוחב באחוזים ולא בפיקסלים קבועים. כשהמסך מצטמצם, האלמנטים מתארגנים מחדש: שלוש עמודות הופכות לעמודה אחת, התפריט מתקפל לכפתור, והתמונות מתכווצות בלי לחרוג מהמסך.
ההבדל בין זה לבין אתר שסתם נראה קטן בטלפון הוא מהותי. אתר לא רספונסיבי מוצג בטלפון כגרסה מוקטנת של הדסקטופ, ואז הגולש צריך לזום כדי לקרוא ולגלול לצדדים כדי לראות תוכן. זה בדיוק הרגע שבו הוא חוזר לתוצאות החיפוש.
חשוב להבחין בין רספונסיבי לבין אתר מובייל נפרד. בעבר בנו אתר שני בכתובת נפרדת עבור טלפונים, וזו גישה שיצרה כפילות תוכן ובעיות תחזוקה. היום הסטנדרט הוא אתר אחד שמתנהג נכון בכל מסך.
ההבדל בין רספונסיבי לבין מותאם למובייל
שני המונחים משמשים לרוב בערבוב, אבל יש ביניהם הבדל מעשי. רספונסיבי מתייחס לטכניקה שבה הפריסה נמתחת ומתארגנת לפי רוחב המסך, בעוד שמותאם למובייל מתייחס לשאלה הרחבה יותר האם החוויה בטלפון באמת עובדת.
אתר יכול להיות רספונסיבי מבחינה טכנית ובכל זאת לא מותאם למובייל. אם התפריט מכיל שתים עשרה קטגוריות שנדחסות לרשימה ארוכה, או אם עמוד השירות פותח בשלוש פסקאות תיאור לפני שמופיע מספר הטלפון, הטכניקה עבדה אבל החוויה נכשלה.
לכן אני בודק תמיד את שתי השאלות בנפרד. הראשונה היא האם התוכן נראה נכון, והשנייה היא האם הגולש מצליח להשלים את הפעולה שלשמה הוא הגיע בפחות משלוש לחיצות.
למה זה משפיע ישירות על כמות הפניות
הנתון שאני מראה ללקוחות הוא פשוט: כשמסתכלים על פילוח התנועה של רוב האתרים בישראל, בין 60 ל-80 אחוז מהגולשים מגיעים ממכשיר נייד. אם חוויית המובייל שבורה, זה אומר שרוב התקציב השיווקי מופנה לגולשים שלא יצליחו לפנות אליכם.
הכשלים שאני רואה חוזרים על עצמם. טופס יצירת קשר עם שדות צרים מדי, כפתור טלפון שאי אפשר ללחוץ עליו בלי לפגוע בקישור שכן, טקסט בגודל שדורש זום, ותפריט שנפתח על כל המסך בלי דרך לסגור אותו.
כל אחד מהכשלים האלה נראה קטן בנפרד, אבל הם מצטברים לאובדן פניות משמעותי. גולש בטלפון הוא גולש חסר סבלנות במיוחד, ובדרך כלל יש לו את המתחרה שלכם פתוח בטאב הבא.
לפני מספר שנים עבדתי עם חוג ידידי ברונו גרונינג, עמותה שפעלה ב-17 מקומות בארץ ורצתה להרחיב את החוגים ולמשוך מנחים ומשתתפים חדשים. בנינו דף נחיתה ייעודי והרצנו קמפיין פרסום ממומן בפייסבוק בתקציב של כ-70 שקל ביום. התוצאה: 769 אנשים שהשאירו פרטים, פתיחת חוגים במקומות נוספים והכפלת כמות המשתתפים. כמעט כל התנועה הזו הגיעה מטלפונים, ובלי דף שעובד נכון במובייל התקציב הזה היה מתבזבז.
איך גוגל מתייחס לאתר שלא מותאם למובייל
גוגל עבר לאינדוקס שמתבסס על הגרסה המובילית של האתר. במילים פשוטות, מה שגוגל רואה בטלפון הוא מה שקובע את הדירוג, גם עבור חיפושים שמתבצעים ממחשב שולחני.
מכאן נובעת מסקנה שהרבה עסקים מפספסים. אם התוכן בגרסה המובילית מקוצר או מוסתר, גוגל מתייחס אליו כאילו הוא לא קיים, וכל מאמץ בקידום אורגני נבנה על בסיס חלקי.
לצד זה, גוגל מודד את חוויית העמוד דרך מדדים כמו מהירות טעינה ויציבות הפריסה. אתרים שהתמונות בהם קופצות בזמן הטעינה או שהכפתורים זזים אחרי שהעמוד נטען נענשים על כך, וזה קורה בעיקר במובייל.
בדיקה שאפשר לעשות בשלוש דקות
פתחו את האתר בטלפון שלכם ונסו להשלים את הפעולה שאתם רוצים שלקוח יבצע. נסו לשלוח טופס, ללחוץ על הטלפון, למצוא את המחירים ולקרוא עמוד שירות אחד מלא.
אם נאלצתם לזום, אם גללתם לרוחב, או אם לחצתם על משהו ולא קרה כלום, יש לכם בעיה שעולה כסף כל יום. תנו את אותה משימה לשני אנשים שלא מכירים את האתר ותקבלו רשימת תיקונים מדויקת.
מה עושים עם אתר קיים שלא מותאם
הצעד הראשון הוא לבדוק אם התבנית הקיימת תומכת ברספונסיביות ופשוט לא הוגדרה נכון. במקרים לא מעטים מדובר בהגדרות עיצוב שנקבעו לדסקטופ ודורסות את התנהגות המובייל, וזה תיקון של ימים ולא של חודשים.
אם התבנית עצמה מיושנת ולא נבנתה לעולם המובייל, שיפוץ נקודתי הוא בזבוז. עדיף להשקיע בבניית אתר חדש על תשתית עדכנית, ולשמר את התוכן והכתובות הקיימות כדי לא לאבד דירוגים.
בכל מקרה, סדרו קודם את המסלול הקריטי: עמוד הבית, עמוד השירות המרכזי ועמוד יצירת הקשר. שלושת העמודים האלה מייצרים את רוב הפניות, ותיקון שלהם נותן את ההחזר המהיר ביותר גם אם שאר האתר מחכה לתורו.
עוד נקודה שנוטים לפספס היא סדר התוכן. במובייל הכל מוצג בטור אחד, ולכן מה שמופיע ראשון בקוד הוא מה שהגולש רואה קודם. עמוד שבנוי נכון בדסקטופ יכול להציג בטלפון תמונה גדולה ואחריה טקסט משני, בזמן שההצעה המרכזית נדחקת למטה.
הפתרון הוא לתכנן את סדר התוכן במובייל כמסמך נפרד ולהחליט מה חייב להופיע בחלק העליון של המסך. בדרך כלל זה מסר אחד שמסביר מה אתם עושים, ומיד אחריו דרך אחת ליצור קשר.
מה לגבי מהירות הטעינה
רספונסיביות ומהירות הן שתי בעיות שונות שמתערבבות. אתר יכול להיות מותאם למובייל בצורה מושלמת ועדיין להיטען בשמונה שניות, ובמצב כזה הגולש עוזב לפני שהוא רואה את העיצוב המוצלח.
הגורם השכיח ביותר הוא תמונות כבדות שהועלו בגודל מקורי. הקטנה ודחיסה של התמונות היא הפעולה הזולה ביותר עם ההשפעה הגדולה ביותר על מהירות, וכדאי לעשות אותה לפני כל אופטימיזציה מורכבת.
מה כדאי לדרוש מהספק שבונה לכם אתר
דרשו לראות את העיצוב במובייל לפני שאתם מאשרים אותו, ולא רק את גרסת הדסקטופ. ספק שמציג רק מסך מחשב מתכנן להתאים את המובייל בסוף, וזה בדיוק הסדר שמייצר אתרים שעובדים חצי.
בקשו התייחסות מפורשת לגדלי מסך שונים, לכפתורי חיוג ולוואטסאפ, ולטפסים שנוחים למילוי באצבע. אם אתם מריצים גם גוגל אדס, זה קריטי כפליים, כי כל קליק ממומן שנוחת על עמוד לא נוח הוא כסף שנשרף.
לבסוף, בקשו בדיקה בפועל על שני מכשירים אמיתיים לפני ההשקה. סימולטור בדפדפן הוא נקודת התחלה טובה, אבל הוא לא מגלה את הבעיות שמתגלות באצבע אמיתית על מסך אמיתי.
מקורות: Google Search Central Mobile-First Indexing Documentation | Google Web.dev Core Web Vitals | Think with Google Mobile Experience Research | Statista Digital Advertising Outlook
רוצה לדעת יותר? מוזמן ליצור קשר ישירות: 077-8040280