למה אתם חייבים להתאים את האתר שלכם למובייל
נכתב ב-11 במאי 2015
מאמר זה נכתב בשיתוף עם שוקי גלילי, יועץ SEO.
הנקודה שבה מספר משתמשי המובייל באינטרנט עלה על משתמשי המחשבים הסטנדרטיים היתה וחלפה כבר ב-2014.
טלפונים חכמים וטאבלטים הפכו להיות הפלטפורמה המועדפת בקרב צרכני האינטרנט. המכשירים הניידים הופכים לזולים ומתוחכמים יותר ויותר, ומאפשרים שימוש מורכב, שעבור חלק מהמשתמשים מייתר את הצורך במחשב שולחני או נייד, או לפחות מעביר חלק גדול מהשימוש למובייל.
עבור בעלי ומנהלי אתרים עכשיו ובעתיד, יש לכך משמעות עצומה. כיום, מקובל לדבר על כך שכ-30% מהתנועה באתר אינטרנט ממוצע מגיעה ממכשירים ניידים, ויש לשער שהאחוזים האלה יגדלו. בנישות מסוימות מדובר כבר היום על 50% ויותר.
אתר אינטרנט שאינו מותאם לתצוגה במובייל או במסכים קטנים אחרים, סופו להפסיד טראפיק ולקוחות. אם לפני שנתיים או שלוש עוד היה אפשר, איכשהו, לוותר על העניין, הרי שהיום, התאמת אתר למסכי סלולר וטאבלטים היא כורח המציאות, ומהווה דרישת ברירת מחדל בכל אפיון אתר אינטרנט מקצועי. זאת ועוד, לפני מספר חודשים הכריזה גוגל, כי החל מה-21 לאפריל 2015, היא תחל ליישם שינויים בתוצאות הדירוג במנועי חיפוש, ותיתן עדיפות לאתרים המותאמים בצורה טובה לתצוגה במסכי מובייל.
בשבועות האחרונים, חלק גדול מהמגזר העסקי נושם לרווחה, אחרי שהתברר שהעדכון שזכה לכינוי "Mobilegeddon" הוא שד קצת פחות נורא מכפי שנדמה היה בתחילה.
עם זאת, אין סיבה לשאננות – אם לא הרגשתם את העדכון, קרוב לוודאי שגם המתחרים שלכם עוד לא מותאמים למובייל. זה רק עניין של זמן, והעדכון האלגוריתמי המתגלגל ישפיע על מיקומי האתר שלכם בגוגל יותר ויותר, מרבעון לרבעון.
איך מתאימים אתר למובייל?
שתי השיטות העיקריות בהתאמת אתר אינטרנט לתצוגה בסלולר, הן בניית אתר מובייל נפרד ובניית אתר רספונסיבי.
בשיטה הראשונה, בונים את האתר עבור מחשבים רגילים, ולאחר מכן מייצרים גירסה נפרדת ושונה עבור טלפונים סלולריים. כאשר האתר מזהה שהגולש משתמש בסמארטפון, הוא מציג לו את הגירסה הסלולרית ולעתים גם מאפשר לו לבחור בין הצגת האתר ה"רגיל" ובין הצגת אתר מותאם לסלולרי. הבעיה בשיטה הזו היא שעלויות הפיתוח עלולות להיות גבוהות במיוחד, והיא גם אינה נותנת מענה, ברוב המקרים, למסכי-ביניים כמו טאבלטים או הניידים הקטנים (נטבוקים) שמשתמשים ברזולוציות נמוכות יותר.
השיטה השנייה היא בניית אתר רספונסיבי, או "אתר מגיב". אתר רספונסיבי מזהה את גודל המסך שבו משתמש הגולש, ומשנה את התצוגה שלו בהתאמה, תוך שמירה על השימושיות ועל השפה הגרפית של האתר. לעתים יחולו שינויים בפונקציונליות של האתר. למשל, התפריט ישנה את צורתו ויהפוך לאלמנט שנוח יותר להשתמש בו בטלפון נייד. הגולש המשתמש בטלפון חכם יראה את האתר בצורה ברורה, ללא צורך להגדיל את הפונטים, לבצע זום אין או לגלול אופקית כדי להגיע לתוכן הרצוי לו. בשיטה זו, ניתן להציג את אותם אלמנטים בכל המסכים, מבלי לוותר על תוכן או מסרים שיווקיים. אתר רספונסיבי איכותי גם לוקח בחשבון את מהירות העלייה של האתר, שקשורה קשר ישיר לגלישה מסלולרי. אתר המותאם היטב למובייל צריך לעלות בצורה מהירה בכל סוגי המחשבים והמכשירים הניידים.
הנה לדוגמא, אתר רספונסיבי כפי שהוא נראה במסך מחשב רגיל:
וכך ייראה האתר במסך קטן, של מכשיר סלולרי סטנדרטי כמו אייפון או סמסונג גלקסי. שימו לב במיוחד לשינויים בתצוגת התפריט ובסידור הטקסט, שנשאר קריא וברור:
אתר רספונסיבי שבנוי בצורה נכונה מאפשר, הלכה למעשה, תצוגה מיטבית בכל סוגי המסכים. למעשה, השיטה המקובלת היום היא "Mobile First" – כלומר, ראשית מתכננים את עיצוב האתר למובייל, ומשם ממשיכים לעיצוב עבור מסכים גדולים יותר.
התאמת האתר למובייל היא קריטית, במיוחד כאשר המשתמש צריך לבצע פעולות משמעותיות באתר, כמו מילוי טפסים. תארו לעצמכם ניסיון למלא טופס, כאשר כל השדות קטנים ומצריכים הגדלת התצוגה, הכפתורים קטנים ולא לחיצים, או שאולי בלתי אפשר להגיע לחלק מהפונקציות של הטופס בגלל שאינו מותאם לסלולרי. משתמשי האינטרנט הם יצורים חסרי סבלנות באופן מובהק. אם הם לא יצליחו למלא את הטופס בנוחות ובמהירות, הם ינטשו את האתר ויחפשו תחליף.
האלגוריתם של Google, גם ללא קשר למובייל, מעניק חשיבות הולכת וגדלה לדפוסי הגלישה באתר שלכם. חווית גלישה מפוקפקת, לא רק מסמארטפונים וטאבלטים אלא מכל רזולוציה שהאתר לא תוכנן עבורה, מקבלת ביטוי גם בשיעורי הנטישה (Bounce), זמני השהייה באתר, ופרמטרים נוספים ש-Google יודע לזהות ולעקוב אחריהם.
העדכון המתוקשר של ה-21 לאפריל היה, אם כן, בבחינת "'קריאה אחרונה" למי שמקווה לא להחמיץ את רכבת המובייל. זו כבר מזמן לא שאלת האם; השאלה היחידה היא מתי.
יש לי אתר קיים – אפשר להתאים אותו למובייל?
אפשר בהחלט להתאים עיצובים קיימים וישנים לתצוגה בסלולרי. ברוב המקרים, מפתח אתרים יכול ליישם את כל השינויים הנדרשים באתר על מנת שיוצג בצורה מיטבית במסכים קטנים. עם זאת, התהליך עלול להיות יקר וארוך, ולעתים יהיה נכון יותר להחליף לגמרי את העיצוב של האתר, על מנת להתאימו לטכנולוגיות החדשות ולהפכו לרספונסיבי.
ישנם מספר פתרונות אוטומטיים, המתיימרים להפוך את האתר למותאם מובייל בלחיצת כפתור, כמו תוספים שונים של וורדפרס ואפליקציות רשת כאלה ואחרות. עבור אתר קטן או בלוג אישי, פתרונות אלה עשויים להתאים, אולם אם יש לכם אתר עסקי, חנות אונליין או אתר תוכן גדול, מומלץ שלא להסתפק בפתרונות כאלה ולפנות למפתח אתרים מקצועי.
אם יש לכם אתר וורדפרס, למשל, הרי שניתן למצוא בקלות תבנית פרימיום רספונסיבית שאפשר לתרגם לעברית, ולהתקין אותה באתר. למעשה, כל תבניות וורדפרס החדשות הן רספונסיביות – משום שהמפתחים הבינו כבר מזמן שמדובר בפיצ'ר חיוני שלא ניתן לוותר עליו.
מלבד המעבר לערכת עיצוב רספונסיבית, הניחו שיידרשו עדכון או החלפה של כל תוסף שמשפיע על מראה התוכן שלכם (למשל, תוספי טבלאות, גלריות וכו') ושל קוד מוטמע (embedded) המשמש להצגת סרטונים, מפות, גלריות תמונות וכו'.
מקום טוב להתחיל בו את ההתאמה למובייל הוא ה-Google Mobile Guide for Webmasters. הוא יעזור לכם (או למפתח שלכם) לא רק בהתאמה לחיפוש אלא בכלל.
