קידום אורגני
מובייל SEO: למה האתר שלך צונח בנייד ואיך מתקנים
פורסם 9 דקות קריאהאבי דיגמי
גוגל מדרגת לפי גרסת המובייל, לא לפי הדסקטופ.
מובייל SEO הוא לא שכבה נוספת שמוסיפים לאתר קיים, הוא הבסיס שממנו נגזר הדירוג עצמו.
אם ציון הנייד שלך נמוך ב-PageSpeed Insights, זה הציון שקובע איפה אתה מופיע. קידום אתר במובייל מתחיל שם.
האתר נראה לך מצוין במחשב במשרד. הלקוח שלך פותח אותו בטלפון, בחניה, על רשת סלולרית, וזה מה שגוגל רואה גם.
אם שם הוא נטען ארבע שניות ומבקש להתקרב כדי לקרוא, לא משנה כמה הוא יפה בדסקטופ.
את המחקר המלא, עם המספרים, אפשר לקרוא כאן: מצב האתרים בחיפה ובקריות.
מהו Mobile-First Indexing בקידום אתרים ?
Mobile-First Indexing אומר שגוגל סורקת ומדרגת את האתר לפי הגרסה שלו בנייד, ולא לפי הדסקטופ.
בשנת 2024 גוגל הודיעה שהמעבר הושלם, ורוב האתרים נסרקים היום רק בגרסת הנייד.
המשמעות פשוטה: מה שלא מופיע בנייד, לא קיים מבחינתה.
דוגמה מעשית: תפריט שמציג קישורים רק בדסקטופ. בנייד הקישורים האלה חסרים, ולכן גוגל לא סופרת אותם, גם אם במחשב הם שם.
ארבעה עקרונות ל-Mobile-First SEO
- אותו תוכן בנייד ובדסקטופ: טקסט, קישורים ותמונות
- עיצוב רספונסיבי אחד, ולא גרסת מובייל נפרדת
- אין חסימה של קבצי CSS או JavaScript מפני גוגל
- אותן כותרות, תיאורים וסימון מובנה בשתי הגרסאות
התאמה לנייד היא כבר לא בונוס אלא תנאי כניסה. גוגל לא תדרג גבוה את מה שהיא לא קוראת בנייד, והגולש לא יחכה לה.
בדיקת התאמת האתר לנייד, שלוש דקות עבודה
לפני שמתקנים משהו כדאי לדעת מה שבור. יש שלוש בדיקות שאני עושה לכל אתר שמגיע אליי, וכולן חינמיות.
| הבדיקה | מה היא מגלה | כמה זמן |
|---|---|---|
| PageSpeed Insights | ציון הנייד, Core Web Vitals והתמונות שמעכבות | דקה |
| דוח חוויית העמוד בסרץ׳ קונסול | אילו עמודים באתר גוגל סימן כלא תקינים בנייד | דקה |
| הדפדפן שלכם, במצב מכשיר | טקסט קטן מדי, כפתורים צמודים וגלילה לצדדים | דקה |
הבדיקה השלישית היא זו שתופסת הכי הרבה. פותחים את האתר בכרום, לוחצים F12, בוחרים אייקון של מכשיר ומגדירים רוחב 375 פיקסל.
אם צריך לגלול הצידה כדי לראות תוכן, יש רכיב באתר שרחב מהמסך, וזו התקלה מספר אחת שגוגל מסמן.
הכלי של גוגל לבדיקת התאמה לנייד נסגר בסוף 2023.
מה בא במקומו, מה בודקים ביד בטלפון, ומה עושים עם אתר שנכשל, במאמר על בדיקת התאמת אתר למובייל.
ארבע התקלות שחוזרות בכל אתר לא מותאם
תוכן רחב מהמסך
כמעט תמיד האשם הוא טבלה, תמונה עם רוחב קבוע בפיקסלים או אלמנט עם מרווח שלילי.
הפתרון הוא רוחב מקסימלי של מאה אחוז לתמונות, וגלילה פנימית לטבלאות במקום גלילה של כל העמוד.
כפתורים קרובים מדי זה לזה
אצבע היא לא עכבר.
שטח מגע צריך להיות לפחות 44 על 44 פיקסל עם רווח בין כפתור לכפתור, אחרת גולשים לוחצים על הדבר הלא נכון ועוזבים.
בתפריטים ובתחתית עמוד זה קורה הכי הרבה.
טקסט שדורש להתקרב כדי לקרוא
מתחת ל-16 פיקסל הטקסט קטן מדי בנייד, ובאייפון שדה טופס עם טקסט קטן מ-16 פיקסל גורם לדפדפן להתקרב אוטומטית כשלוחצים עליו.
זו אחת החוויות שהכי מרתיעות בטפסים.
פופאפ שחוסם את התוכן
גוגל מתייחס לחלון קופץ שמכסה את התוכן מיד עם הכניסה כאל בעיה, וזה נכתב במפורש בהנחיות שלו.
אם אתם חייבים פופאפ, תנו לו להופיע אחרי גלילה ולא בשנייה הראשונה, ודאגו שכפתור הסגירה יהיה גדול מספיק ללחיצה באצבע.
התאמת האתר לנייד: עיצוב רספונסיבי, ומה זה אומר בפועל
עיצוב רספונסיבי הוא אתר אחד שמסדר את עצמו מחדש לפי רוחב המסך: טלפון, טאבלט או מחשב. בלי גרסה נפרדת לנייד, ובלי גלילה לצדדים.
זו גם הדרך שגוגל ממליצה עליה במפורש, כי יש כתובת אחת ותוכן אחד לסרוק. אלה שבעת העקרונות שאני בודק בכל אתר:
| העיקרון | מה זה אומר בפועל |
|---|---|
| מתחילים מהנייד | מתכננים קודם את המסך הקטן, ורק אחר כך מרחיבים |
| רוחבים יחסיים | אחוזים, flexbox ו-CSS grid, ולא רוחב קבוע בפיקסלים |
| נקודות שבירה | media queries שמסדרים את התוכן מחדש, למשל ב-768 וב-1024 פיקסל |
| טקסט קריא | גוף טקסט של 16 פיקסל לפחות, ומרווח שורות בין 1.4 ל-1.6 |
| שום דבר לא חורג | max-width: 100% לתמונות ולווידאו, ושבירה של מילים ארוכות |
| כפתורים לאגודל | כפתור פעולה גדול בהישג יד, ותפריט שנפתח בלחיצה |
| נגישות ו-viewport | טקסט חלופי לתמונות, ניגודיות מספקת, ותגית viewport תקינה |
ובסוף, בדיקה במכשיר אמיתי. מצב המכשיר בכרום תופס את רוב הבעיות, אבל לא את כולן: טלפון אמיתי ברשת סלולרית מראה מה הלקוח רואה.
אתר רספונסיבי נראה אותו דבר בכל מסך ומקל על גוגל להבין אותו. גוגל ממליצה עליו במפורש, ומדרגת נמוך אתרים שלא מותאמים לנייד.
כך, עיצוב נכון למובייל הוא לא רק נוחות, הוא משפיע על הדירוג.
אופטימיזציית תמונות לעמודים מהירים
תמונות הן בדרך כלל רוב המשקל של עמוד. הן ההבדל בין עמוד שנטען מהר לעמוד שהגולש עוזב לפני שראה אותו.
בנייד, על רשת סלולרית, זה מורגש עוד יותר. אלה הדברים שאני עושה לכל תמונה באתר, לפי הסדר:
- להמיר ל-WebP או AVIF. אותה איכות בעין, קובץ קטן בהרבה.
- לתת כמה גדלים עם srcset, כדי שהטלפון לא יוריד תמונה של מחשב.
- לדחוס, בתוסף או בכלי כמו TinyPNG, עד שההבדל כבר לא נראה.
- לכתוב טקסט חלופי שמתאר את התמונה, לגוגל ולקוראי מסך.
- לתת לקובץ שם שאומר מה יש בו, ולא IMG_001.
- טעינה עצלה לכל מה שמתחת לקיפול, אבל לא לתמונה הראשית.
- מפת אתר לתמונות, אם האתר הוא קטלוג או גלריה.
תמונות קלות משפרות את המהירות בנייד, והמהירות היא חלק ממה שגוגל מודדת.
בונוס קטן: תמונה עם שם וטקסט חלופי טובים יכולה להופיע גם בחיפוש התמונות.
שימוש ב-PWA (Progressive Web Apps)
PWA הוא אתר שמתנהג כמו אפליקציה: נטען מהר גם בחיבור חלש, עובד חלקית בלי אינטרנט, ויכול לשלוח התראות.
הכל מתוך הדפדפן, בלי חנות אפליקציות.
לרוב העסקים הקטנים זה לא הצעד הראשון. זה נכון בעיקר לחנות, או לשירות שהלקוחות חוזרים אליו שוב ושוב.
יתרונות PWA בעבור עסקים ו-SEO לאתרי מובייל
| היתרון | מה זה אומר בפועל |
|---|---|
| מהירות | service worker שומר קבצים במכשיר, והעמוד הבא נטען כמעט מיד |
| נייד מובנה | PWA נבנה רספונסיבי מלכתחילה, וזה מה שגוגל סורקת |
| התראות | הודעה על מבצע או על תוכן חדש, גם כשהאתר סגור |
| עלות | אתר אחד לכל המכשירים, בלי לפתח אפליקציה לכל חנות |
איך לעשות SEO לאתרי מובייל על PWA
הסיכון ב-PWA הוא JavaScript: אם התוכן נבנה רק בדפדפן, גוגל עלולה לראות עמוד ריק. לכן, לפי הסדר:
- כתובת נפרדת לכל עמוד, בלי # בכתובת, וקנוניקל איפה שיש כפילות.
- HTML מלא מהשרת (SSR), כדי שגוגל תקרא את התוכן בלי להריץ קוד.
- כותרת ותיאור ייחודיים לכל עמוד, כמו בכל אתר.
- מפת אתר מלאה, שנשלחת בסרץ׳ קונסול.
- בדיקה: חיפוש site: עם ביטוי ייחודי מהעמוד, לראות שהוא מופיע.
- מעקב בסרץ׳ קונסול וב-PageSpeed Insights אחרי שגיאות סריקה ו-Core Web Vitals.
כשעושים את זה נכון, PWA משפר גם את החוויה בנייד וגם את מה שגוגל רואה. כשלא, הוא אתר מהיר שאף אחד לא מוצא.
כלי מחקר מילות מפתח לקידום אתרים: Google Planner, Ahrefs ו-SEMrush
גם אתר מושלם בנייד צריך להופיע על מה שאנשים מחפשים. שלושת הכלים האלה עוזרים למצוא את זה, כל אחד מזווית אחרת:
| הכלי | מה הוא נותן | מתאים ל |
|---|---|---|
| Google Keyword Planner | נפח חיפוש ומחיר לקליק (CPC), מגוגל עצמה | בחירת ביטויים, גם לקמפיין |
| Ahrefs | קושי, תנועה צפויה, וכמה קישורים צריך כדי להיכנס לעשרה הראשונים | הערכת הפוטנציאל האורגני |
| SEMrush | על אילו ביטויים המתחרים שלכם מדורגים | מחקר מתחרים |
ביטוי רחב כמו ״בתי קפה״ מביא הרבה חיפושים ותחרות קשה.
ביטוי ממוקד כמו ״בית קפה כשר בתל אביב״ מביא פחות, אבל מי שמחפש אותו כבר יודע מה הוא רוצה.
- אורגני: לאתר חדש, קודם ביטויים עם נפח סביר וקושי נמוך
- ממומן: ביטויי קנייה שמחיר הקליק שלהם מחזיר את עצמו
- מתחרים: על מה הם מדורגים, ואיפה יש פער שאפשר לתפוס
את הכלים החינמיים, ואיך עושים מחקר מלא בלי לשלם, פירטתי במאמר על מחקר מילות מפתח.
מה עושים עם זה עכשיו, בחמישה צעדים
גוגל מדרגת לפי הנייד, ולכן כל עמוד צריך להיות מותאם במלואו: רספונסיבי, מהיר, ועם התוכן שגוגל צריכה לקרוא.
זה הסדר שאני עובד בו:
- לבדוק ב-PageSpeed Insights ובסרץ׳ קונסול, ולתקן מה שמסומן.
- לעבור לתבנית רספונסיבית, אם האתר עוד לא כזה.
- להמיר תמונות ל-WebP ולהוסיף טקסט חלופי לכל תמונה.
- לשקול PWA רק לחנות או לשירות שחוזרים אליו, ולבדוק שגוגל רואה כל עמוד.
- לעשות מחקר מילות מפתח ממוקד, על מה שהקהל שלכם באמת מקליד.
ואם האתר בנוי בוורדפרס, כתבתי גם על שיפור מהירות לאתר וורדפרס, לפי סדר ההשפעה.
לבעלי עסקים המעוניינים בהרחבת הפעילות ב-SEO, אני מציע שירות קידום אורגני שמתחיל מבדיקת המצב הנוכחי ומשלב גם את נושא ההתאמה למובייל.
מי שמנהל קליניקה, מרפאה או כל עסק שמגיע אליו קהל דרך חיפוש מובייל, יש עמוד ספציפי שמסביר איך אני עובד עם עסקים כאלה.
רוצה לדעת איך האתר שלך עומד בזה?
בבדיקת האתר מדביקים כתובת ורואים, בין השאר, אם הוא מוגדר לנייד ואם יש בו טלפון שאפשר ללחוץ עליו.