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