יום שבת, 30 במרץ 2013

אתר רספונסיבי - גוגל טועה

לא מעט לקוחות שואלים על אתר רספונסיבי, כמעט תמיד בסוג של חשש - אפשר להרגיש שהם לא באמת רוצים כזה, אבל לכולם יש, וחוצמזה בגוגל אוהבים את זה
ובכן, גוגל טועה.
ראשית, בואו נבין את המוטבציה שגרמה לגוגל לטעות:
בשלב מסויים גוגל הבינה שהרשתות החברתיות מהוות קרקע רחבה ופורייה להמלצות על אתרים. אם 4000 איש מצייצים על אתר מסויים, או 1780 איש עושים לייק על פוסט, כנראה שהמנוע של גוגל צריך להתחשב במידע הזה ולקדם אותם. נהדר.
רק שכאן צצו שתי בעיות:הבעיה הראשונה היא איזה לינק לפרסם ברשת החברתית. פעם לא היתה בעיה - היה רק אתר ווב. היום יש גם אתר מובייל, אולי גם אתר נוסף - מתחילים כבר לדבר על אתרים לטלוויזיה לדוגמא, בקרוב בטח נשמע על אתרי משקפיים. נניח שבטוויטר כולם מצייצים על אתר הווב שלך. מה קורה כשגולש מובייל לוחץ על הלינק? הוא יקבל את אתר הווב? זוועה.
הבעיה השניה - איך גוגל אמורה לדעת שהכתבה הספציפית נמצאת בכל מופעי האתר, ולא רק, נניח, במובייל?
את שתי הבעיות האלו פותר הדיזיין הרספונסיבי. לכל האתרים תוכן אחיד (נניח, זה לא תמיד נכון), ולכולם לינק אחיד. אוה! פרובלם סולבד.
כלומר, גוגל עשו לעצמם את העבודה לקלה. הם לא צריכים לבדוק את האתרים, ובטח שלא לוודא שהם מספקים למשתמשים חווית משתמש ראויה. וכאן בדיוק הם טועים.
כל בונה אתרים ראוי יודע לדקלם שגוגל, קודם כל, מקדמת אתרים טובים. טובים באיזה מובן? חווית המשתמש. איך הם יודעים את זה? תשאלו אותם (אני מהמר שזה קשור בזמן שהגולשים נשארים באתר). גוגל מצהירה על זה על כל צעד ושעל, זה הדבר החשוב ביותר. אל תבנה אתר לרובוטים, בנה אתר שמשתמשים רגילים ישתמשו בו ויהנו מכך.
וכאן בדיוק טמונה הטעות: אתרים רספונסיביים, כפי שציינו כאן, נותנים חווית משתמש גרועה במובייל. בשל המבנה הרספונסיבי נוצר במובייל נקניק ארוך ולא נעים לקריאה או ניווט. זה לא אתר מובייל, זה משהו כמו.  אם נודה על האמת, זה חרא.
בקיצור, על מנת לעשות לעצמה את החיים יותר קלים ולחסוך את הצורך לוודא שמופעי האתר השונים מסונכרנים, גוגל ירתה במשתמשי המובייל. 
עכשיו לפני שאתם קופצים להגן על הבחירה ברספונסיב, הרשו לי להציע פתרון חילופי, מעט יותר מסובך מבחינת תשתית, אבל בהחלט בר ביצוע וטומן בחובו הרבה יתרונות:
  1. הפיכת ה-WWW לרכזת תעבורה. היום כתובת ה-WWW משוייכת לאתר הווב. מכיוון שלשם מנותבת כל התעבורה בצורה דיפולטיבית, נוצרת בעיה בנתינת כתובת דיפולטיבית אמיתית (בעברית הכוונה היא שבמבנה הנפוץ היום, קשה להראות לבוטים של גוגל איפה נמצא המובייל). ההצעה היא כזאת: WWW אינה כתובת של מופע מסויים כי אם של נתב שיושב על השרת. ולפי היוזר אייג'נט המשתמש ינותב למופע המתאים. נניח ל-m.mysite.com או web.mysite.com.
    מה זה פותר? את בעיית הלינק האחיד. לינקים מבחוץ תמיד מגיעים עם ה-WWW.
    וכשעושים את זה נכון, גם הרובוט של גוגל יכול להגיע לכל המופעים (אם זה באמת חשוב לכם איך, תשאלו בתגובות).
  2. אתרים מסונכרנים בעזרת מערכת ניהול ועדכון תוכן אחידה לכל המופעים. אתרי הבלוגים הגדולים כבר נותנים את זה. יש גם כמה חברות בניית אתרים שנותנות את זה. הנה אחת (גילוי נאות: אני אחד הבעלים של החברה).
אז מה קיבלנו:
  1. הגישה לכל המופעים של האתר מבחוץ נעשית עם אותו לינק (WWW).
  2. ניהול תוכן במקום אחד.
  3. אתרים קלים לטעינה.
  4. ונוחים לתחזוקה.
  5. חווית מובייל מצויינת (בתנאי שאתר המובייל מצויין, כמובן).
  6. צ'ופר נוסף: כל השפות יושבות גם הן על אותה כתובת ראשית. תחשבו על המשמעות של זה. נחמד, לא?
ומה הפסדנו?
כלום.

7 תגובות:

  1. יחד עם זאת, למי שגוגל מזהה שיש אתר מובייל היא תיתן עדיפות בתוצאות בחיפוש ממכשיר טלפון.
    זאת אומרת שאם יש לך אתר מובייל, כשמישהו יחפש ביטוי מסוים בגוגל, האתר מובייל שלך יופיע יותר גבוהה מאתר הרגיל שלך באותו ביטוי מחיפוש ממחשב שולחני.

    השבמחק
    תשובות
    1. כמובן. אבל מבין אלה שיש להם אתר מובייל, גוגל מתעדפת כיום את אלה שבחרו בפתרון הרספונסיבי. כלומר, נניח שיש לך אתר רספונסיבי ולי יש אתר ווב ואתר מובייל - גוגל תיתן לך יותר נקודות. וזאת, לטעמי, טעות.

      מחק
  2. תגובה זו הוסרה על ידי המחבר.

    השבמחק
  3. ברור שזו טעות וכנראה שאתה צודק בניתוח שלך, תודה.

    השבמחק
  4. טיעון הנקניק די חלש. עיצוב רספונסיבי לא תמיד הולך ביחד עם "נקניק", במיוחד לא אם משתמשים בטכניקת ה-Mobile First ההולכת ותופסת את מקומה בתור טכניקת ה-Responsive Design המובילה בתעשייה.

    קרי - צור תחילה אתר מובייל נקי כיד הדמיון הטובה עליך, בלתי-מנוקנק כאוות נפשך (ובעיקר כמיטב יכולתך, כי בכל זאת קשה מאד ליצור עמודי מובייל שאינם גבוהים עד מאד), ורק אז החל להגדיר כיצד הוא ישתנה ככל שרוחב המסך גדל.

    למרבה הצער זוהי טכניקה חדשה יחסית, ורק בימים אלה ממש מתחילות ה-Frameworks הגדולות לאמץ אותה. לדוגמא, הגירסה הבאה הגדולה של Twitter Bootstrap (גירסה 3) מבוססת על קונספט ה-Mobile First, אבל ייקח ככל הנראה עד חודשים עד שהיא תראה את אוויר העולם. האופציה הרצינית היחידה שאני מכיר כרגע היא Foundation.

    השבמחק
    תשובות
    1. ראשית, אני שמח לשמוע שגם ברספונסיב הולכים לכיוון המובייל. הגיע הזמן.
      בכלל, הכיוון שאומר תכנן קודם מובייל הוא הנכון.
      בכל מקרה, אשמח לדוגמא של אתר שבנוי ככה ועובד כמו שאתר צריך לעבוד במובייל.

      מחק
  5. אני יכול להגיד שגוגל בטוח נותן עדיפות לאתרים שיש להם גרסת מובייל

    השבמחק