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



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







קחו לדוגמא אינסטלטור באזור המרכז המעורה בשיווק הדיגיטאלי של עסקים קטנים. את האתר הוא בנה ב – 2011 – 2012 שהמודעות למובייל הייתה נמוכה מאוד ולכן האתר אינו מותאם למובייל. אך דף הפייסבוק שלו מותאם למובייל ומציג את שירותיו בצורה נוחה למשתמש. רוב האנשים כמובן היו רוצים לגולש בפייסבוק







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







גוגל כמנוע חיפוש מפנה אל אתרים בהם אין לו שליטה על מה שנעשה על ידי הגולש. כיום, גלישה במובייל מהווה כ – 55% מהתנועה ברשת אך מרביתם של האתרים אינם מותאמים למובייל ומקשים על המשתמש. תחשבו על זה. אם כל האתרים היו מותאמים למובייל כמה זמן (= כסף) היה נחסך בעולם ללא שימוש בשתי התנועות המעייפות הללו:







הנה חישוב יומי פשוט: 2.000.000.000 משתמשים * 10 תנועות ביום * 0.5 שנייה לתנועה = 115,740,741 ימים. וואו, אפשר להגדיל את התפוקה שלנו למען עולם טוב יותר…







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







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







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







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







שימושיות במובייל מתחלקת לחמישה תתי נושאים:









אזור הצגה מוגדר (או נקודת מבט viewport) הוא תגית מטא פשוטה המספקת לדפדפן קנה מידה וממדים של הדף על מנת להתאים אותו למכשיר ממנו הגולש מגיע. ללא ה – viewport רוב הדפדפנים ינסו לעבד את הדף ברזולוציית 980px. התצוגה לא תהיה אופטימאלית וטעינת הדף תהיה איטית יותר.


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


התאמת גופנים לקריאה קלה יותר במובייל. מסכים קטנים דורשים גופנים גדולים. ברירת המחדל של הגופנים במובייל היא 16px. יש להתאים את הטקסט בדף (כותרות, גוף הטקסט ותפריטים) למסכי מובייל.


מגע קל על רכיבים לחיצים (כפתורים). כמה פעמים לחצתם על מדור ״ספורט״ והגעתם למדור ״כלכלה״? גוגל מייעץ לכם להקפיד על ״גודל וריווח נכון של לחצנים וקישורי ניווט״ על מנת להתאים את הדף למשתמשי מובייל. במילים אחרות שיפור ארגונומי למשתמש.


עיצוב ותנועה ויזואליים המותאמים למובייל. לא עוד פלאש! במקרים רבים דפדפני המובייל אינם קוראים פלאש ויציגו ריבוע ריק. גוגל ממליצה על אנימציות מבוססות CSS ו – Java script אשר נקראות ע״י כל דפדפני המובייל.








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







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





המאמר כשאת אומרת "רספונסיבי", למה את מתכוונת? פורסם ראשון בבלוג proustblog







via בלוג proustblog - Feed https://proustblog.com/%d7%9b%d7%a9%d7%90%d7%aa-%d7%90%d7%95%d7%9e%d7%a8%d7%aa-%d7%a8%d7%a1%d7%a4%d7%95%d7%a0%d7%a1%d7%99%d7%91%d7%99-%d7%9c%d7%9e%d7%94-%d7%90%d7%aa-%d7%9e%d7%aa%d7%9b%d7%95%d7%95%d7%a0%d7%aa/