כשאת אומרת רספונסיבי, למה את מתכוונת? תשובת גוגל לפייסבוק מובייל

בנחרצות, כולם אומרים, כותבים ומדברים רספונסיבי. אבל יש ברספונסיבי הרבה מאוד "אולי", "עוד לא" וסימני שאלה אחרים. עיצוב רספונסיבי נועד ליצור התאמה אופטימאלית לגולשים ממכשירים ומסכים שונים. חווית השימוש במובייל היא המערכה המכרעת במלחמה בין גוגל לפייסבוק על משתמש המובייל. אם תחייתו של ה-SEO - או אולי הוא אף פעם לא מת? הכניס אתכם להיות חיילים במערכה, הטור הזה ייתן לכם את הארסנל לנצחון.

קחו לדוגמא את אורן שילוני - אינסטלטור באזור המרכז  (אין קשר בינו לבין הכותב) המעורה בשיווק הדיגיטאלי של עסקים קטנים. את האתר הוא בנה ב-2011-2012 כשהמודעות למובייל הייתה נמוכה מאוד ולכן האתר אינו מותאם למובייל. אך דף הפייסבוק שלו מותאם למובייל ומציג את שירותיו בצורה נוחה למשתמש. ראו בעצמכם, איפה אתם הייתם רוצים לגלוש?   התשובה ברורה בגוף התמונה. פייסבוק מנצחת בחויית המשתמש. לפייסבוק חיים קלים, היא שולטת במערכת, היא שולטת בקוד ותצוגת המובייל של דפי העסקים נעשית אצלה בתוך הבית. אבל אם תשאלו כל בעל עסק הוא יגיד לכם שהשיווק בגוגל (בין אם ממומן או אורגני) אפקטיבי יותר משום שהמשתמש מחפש את המוצר או השירות ולכן קל יותר להניע אותו לפעולה. גוגל כמנוע חיפוש מפנה אל אתרים בהם אין לו שליטה על מה שנעשה על ידי הגולש. כיום, גלישה במובייל מהווה כ-55% מהתנועה ברשת אך מרביתם של האתרים אינם מותאמים למובייל ומקשים על המשתמש. תחשבו על זה. אם כל האתרים היו מותאמים למובייל כמה זמן (=כסף) היה נחסך בעולם ללא שימוש בשתי התנועות המעייפות הללו: הנה חישוב יומי פשוט: 2.000.000.000 משתמשים * 10 תנועות ביום * 0.5 שנייה לתנועה = 115,740,741 ימים. וואו, אפשר להגדיל את התפוקה שלנו למען עולם טוב יותר...    גוגל דורשת מאתרי האינטרנט לספק לגולשי המובייל חווית גלישה חיובית. אם לא, הגולשים יעברו לפייסבוק היכן שהחוויה היא כבר חיובית. משמעות הדבר במונחי המלחמה היא נסיגת מובייל והתבצרות נייחים דועכים. על מנת למנוע בריחה של משתמשים לפייסבוק גוגל מחנכים, עוזרים ותומכים ככל שניתן אבל כשההיענות היא כל כך נמוכה, גוגל מוציאים את נשק יום הדין! הנשק שללא ספק משמיד כל היסוס מצד בעל האתר: הדירוג. כל בעל אתר קטן כגדול יודע שמשמעות הפגיעה בדירוגים של גוגל היא פגיעה ישירה בעסק. לכל בעל אתר יש יועץ, מקדם או חברה איתה הוא עובד על מנת למקסם את עולם החיפוש בגוגל. אנחנו, מקדמי האתרים באופן אורגני או ממומן הם המפיצים הטובים ביותר של גוגל ולכן גוגל לראשונה רתם אותנו לעזור לו לנצח במלחמת המובייל מול פייסבוק.   בשלב זה יש להבהיר: קיים הבדל בין אתר רספונסיבי לאתר מותאם מובייל. אתר רספונסיבי הוא אתר בעל כתובת אחת בלבד לכל דף עם תצוגה המתאימה את עצמה למכשיר ממנו גולש המשתמש, על פי גודל המסך. אתר מותאם מובייל .m הוא אתר מראה (לעיתים גירסא מוקטנת) של האתר www הרגיל אשר נבנה במיוחד עבור מכשירי המובייל. גוגל מעדיפה את האתר הרספונסיבי מכיוון שהוא מרכז את כל המשאבים לכתובת דף אחת ועל ידי כך מונע מקום לטעויות בהתנהלות של שתי הגירסאות והחיבור הטכני ביניהן, אך לקחת אתר קיים (לפעמים בין 5-7 שנים) ולהפוך אותו לרספונסיבי זה כמעט כמו לבנות אתר מחדש.  לכן, אופציית האתר המותאם היא זולה יותר ומהירה יותר לעומת העדפתו של גוגל. כך צמחו להן חברות המתמחות בפיתוח אתרים מותאמים על בסיס התוכן באתר הרגיל WWW. חלקן אפילו עושות זאת כמיני סייט מובייל: גירסא מוקטנת של האתר למובייל. פתרון שהוא מהיר, זול אך בעל חסרון משמעותי בקידום האורגני.   גוגל הרימה את הכפפה ממסך המגע והחליטה לעשות סדר למקדמים, מפתחים ובעלי עסקים וקוראת להם לפעול באופן מיידי. היא מאגדת את כל נושא המובייל תחת המילה שימושיות במובייל Mobile usability.   שימושיות במובייל מתחלקת ל-5 תתי נושאים אזור הצגה מוגדר (או נקודת מבט viewport) הוא תגית מטא פשוטה המספקת לדפדפן קנה מידה וממדים של הדף על מנת להתאים אותו למכשיר ממנו הגולש מגיע.  ללא ה-viewport רוב הדפדפנים ינסו לעבד את הדף ברזולוציית 980px. התצוגה לא תהיה אופטימאלית וטעינת הדף תהיה איטית יותר. נקודת מבט ברוחב קבוע Fixed-width viewport: האח הקטן של viewport אשר מטרתו לטפל באחת הטרדות המעצבנות במובייל, הגלילה הקטנונית מצד לצד. כאשר קובעים רוחב קבוע (בפיקסלים) הגדול מרוחב המכשיר תידרש גלילה מצד לצד על מנת לצפות בכל חלקיו של הדף. הפתרון טמון בהגדרת רוחב הדף כרוחב המכשיר. התאמת גופנים לקריאה קלה יותר במובייל. מסכים קטנים דורשים גופנים גדולים. ברירת המחדל של הגופנים במובייל היא 16px. יש להתאים את הטקסט בדף (כותרות, גוף הטקסט ותפריטים) למסכי מובייל. מגע קל על רכיבים לחיצים (כפתורים). כמה פעמים לחצתם על מדור ״ספורט״ והגעתם למדור ״כלכלה״? גוגל מייעץ לכם להקפיד על ״גודל וריווח נכון של לחצנים וקישורי ניווט״ על מנת להתאים את הדף למשתמשי מובייל. במילים אחרות שיפור ארגונומי למשתמש. עיצוב ותנועה ויזואליים המותאמים למובייל. לא עוד פלאש! במקרים רבים דפדפני המובייל אינם קוראים פלאש ויציגו ריבוע ריק. גוגל ממליצה על אנימציות מבוססות CSS ו-Java script אשר נקראות על ידי כל דפדפני המובייל. 5 תתי הנושאים הם רק ההתחלה של השינוי שגוגל עושה באלגוריתם הדירוג במובייל אשר יושק ב- 21.4.2015. צפויות לנו שנתיים אינטנסיביות בשדרוג ושיפור השימושיות במובייל על מנת לדרג את האתר במקום גבוה. זה אינו הפקטור היחידי בדירוג אבל הוא יילך ויתפוס נתח משמעותי ולכן אנו ממליצים לפעול מיידית בנושא. כנקודת פתיחה, קבעו לעצמכם נושא ראשוני לטיפול (לדוגמא: אזור הצגה מוגדר). התייעצו עם המנהל הטכני של האתר או חברת קידום אתרים שלכם והטמיעו קודם את מה שפשוט, קל וזול. לאחר מכן הקדישו זמן על מנת להשלים את תהליך ההתאמה לקידום בגוגל מובייל. גוגל מבטיחים כי התאמה גבוהה משמעותה עלייה בדירוג. אתם תרוויחו, המשתמשים יהיו מרוצים וגוגל יוכל להדוף את פלישת הכובשים הכחולים בקרב הנגיסות בעוגת הפרסום המובייל. אלי אדרי הוא מנכ"ל חברת קידום האתריםEmboodo