קידום אורגני
בדיקת התאמת אתר למובייל: שלושה כלים, ומה מתקנים
6 דקות קריאהאבי דיגמי
בדיקת התאמת אתר למובייל הייתה פעם כתובת אחת של גוגל.
הכלי הזה נסגר בסוף 2023, ומאז השאלה ״האתר שלי מותאם לנייד?״ נענית בשלושה כלים ובעיניים.
כאן מה בודקים, במה, ומה עושים עם אתר שנכשל: תיקון, החלפת תבנית, או בנייה מחדש.
התשובה הקצרה
אתר מותאם למובייל כשהוא נקרא ונלחץ בטלפון בלי לקרב אצבעות ובלי לגלול הצידה, ונטען שם מהר.
את שני התנאים הראשונים בודקים בעיניים, בטלפון. את השלישי בודקים ב-PageSpeed Insights.
ואת מה שגוגל רואה אצל גולשים אמיתיים, בדוח Core Web Vitals ב-Search Console.
הכלי הישן, Mobile-Friendly Test, לא קיים יותר, וגם דוח השימושיות בנייד בקונסולה ירד איתו.
הכלי של גוגל נסגר. מה בא במקומו
ב-1 בדצמבר 2023 גוגל סגרה שלושה דברים ביחד: את Mobile-Friendly Test, את ה-API שלו, ואת דוח השימושיות בנייד (Mobile Usability) ב-Search Console.
ההסבר שלה: הכלים שהגיעו מאז, ובראשם Lighthouse, בודקים יותר.
מי שמחפש היום ״בדיקת התאמה למובייל של גוגל״ מגיע לעמוד שאומר שהכלי פרש. זה מה שיש במקום:
| הכלי | מה הוא מגלה | מה הוא לא מגלה |
|---|---|---|
| PageSpeed Insights (pagespeed.web.dev) | ציון הנייד, Core Web Vitals, ומה מעכב: תמונות, סקריפטים, גופנים | אם הטקסט קריא ואם הכפתורים לחיצים |
| Lighthouse בכרום (F12, הלשונית Lighthouse) | אותו ציון, בלי לפרסם את הכתובת. וגם נגישות, ובה גודל טקסט ומרחק בין כפתורים | מה קורה ברשת סלולרית אמיתית |
| Core Web Vitals ב-Search Console | אילו עמודים באתר גוגל עצמו סימן כאיטיים בנייד, לפי גולשים אמיתיים | עמודים עם מעט גולשים: אין נתון |
ועוד אחת, שאין לה כלי: הטלפון שלך, ברשת סלולרית ולא ב-WiFi. היא תופסת את מה שאף ציון לא תופס, ולכן היא הראשונה ברשימה הבאה.
מה בודקים ביד, בטלפון, בחמש דקות
- גלילה הצידה. אם אפשר לגרור את העמוד ימינה או שמאלה, יש רכיב רחב מהמסך. זו התקלה הנפוצה ביותר.
- גודל הטקסט. אם צריך לקרב אצבעות כדי לקרוא, גוף הטקסט קטן מ-16 פיקסל.
- הכפתורים והקישורים. אגודל צריך לפגוע בכפתור אחד, לא בשניים.
- התפריט. נפתח בלחיצה אחת, נסגר בלחיצה אחת, ולא מכסה את הכפתור הראשי.
- הטופס. אפשר למלא אותו בלי שהמקלדת מסתירה את כפתור השליחה, ושדה הטלפון פותח מקלדת מספרים.
- הטלפון. לחיצה על המספר מחייגת. אם לא, פניות מהנייד הולכות לאיבוד.
- חלונות קופצים. חלון שמכסה את כל המסך בנייד מעצבן את הגולש, וגוגל מסמנת אותו לרעה.
חלק מהרשימה הזאת הכלי שבניתי בודק לבד: אם יש תגית viewport, שהיא התנאי הטכני הראשון להתאמה לנייד, אם הטלפון לחיץ, ואם יש וואטסאפ וטופס.
הוא לא רואה איך העמוד נראה בטלפון, ולכן הרשימה שלמעלה נשארת שלך. הכלי: בדיקת אתר.
האתר נכשל. שלוש דרכים לתקן, לפי המצב
| הדרך | מתי | מה זה כולל |
|---|---|---|
| תיקון בתבנית הקיימת | אתר רספונסיבי שנשבר בכמה מקומות: תמונה רחבה, טבלה, טקסט קטן | כמה שעות של מי שמכיר את התבנית, בלי לשנות עיצוב |
| החלפת תבנית | אתר וורדפרס על תבנית ישנה שאינה רספונסיבית, אבל התוכן טוב | התוכן נשאר, המראה משתנה, וכל עמוד נבדק מחדש בנייד |
| בנייה מחדש | אתר מלפני שנים, גרסת נייד נפרדת (m.), או מערכת שאי אפשר לעדכן | אתר חדש, עם הפניה מכל כתובת ישנה לחדשה |
מה שמכריע הוא לא גיל האתר אלא כמה עמודים צריך לבדוק, ואם יש גרסת נייד נפרדת. אתר עם כתובת m.
נפרדת הוא אתר שגוגל ממליצה כבר שנים לא לבנות, ותיקון שלו הוא בנייה מחדש.
״התאמת אתר למובייל בחינם״ קיימת רק בדרך הראשונה, ורק אם אתה יודע לערוך את התבנית בעצמך.
למה זה משנה לגוגל, ולא רק לגולש
גוגל סורקת ומדרגת את האתר לפי גרסת הנייד שלו, ולכן ציון נמוך בנייד הוא הציון שקובע.
על זה, ועל ארבע התקלות שחוזרות בכל אתר לא מותאם, כתבתי במאמר על מובייל SEO.
ואם הבעיה היא רק מהירות, הסדר שבו מתקנים אתר איטי במאמר על מהירות אתר וורדפרס.
כל אתר שאני בונה נבנה קודם לרוחב של טלפון, ונבדק בטלפון אמיתי לפני שהוא עולה.
מה זה כולל, בעמוד בניית אתר תדמית, ואיך אותו עיקרון נראה בעמוד אחד, במאמר על עיצוב דף נחיתה.
שאלות שחוזרות
יש עדיין כלי של גוגל לבדיקת התאמה למובייל?
לא ככלי נפרד. PageSpeed Insights ו-Lighthouse הם של גוגל, ובודקים מהירות ונגישות בנייד. את הקריאות והלחיצות בודקים ביד.
מה ציון טוב ב-PageSpeed Insights בנייד?
הציון הוא מ-0 עד 100, ו-90 ומעלה מסומן ירוק. מה שגוגל מודדת בפועל הם שלושת ה-Core Web Vitals:
טעינה של התוכן הראשי עד 2.5 שניות, תגובה ללחיצה עד 200 אלפיות השנייה, ובלי קפיצות בעמוד.
האתר נראה טוב באייפון ולא באנדרואיד. למה?
רוחבי מסך שונים וגופנים שונים.
בודקים בשני מכשירים, או במצב המכשיר בכרום בשני רוחבים, 360 ו-390 פיקסל, ומתקנים את הרכיב שנשבר בצר מביניהם.