בקצרה: JavaScript SEO הוא תחום בתוך הקידום הטכני שמטרתו לוודא שמנועי חיפוש יכולים לסרוק, לרנדר ולאנדקס אתרים שהתוכן שלהם נוצר באמצעות JavaScript. באתר HTML רגיל התוכן נמצא בקוד שהשרת שולח. באתר שבנוי על React, Vue או Angular, לפעמים התוכן מופיע רק אחרי שהדפדפן מריץ את הסקריפטים, וזה מוסיף לגוגל שלב שבו דברים יכולים להשתבש.
איך גוגל מעבדת עמוד JavaScript
התהליך מתחלק לשלושה שלבים:
- סריקה: Googlebot מוריד את קובץ ה-HTML הראשוני ובודק אם מותר לו לגשת לעמוד לפי robots.txt.
- רינדור: העמוד נכנס לתור, ושירות הרינדור של גוגל, שמבוסס על גרסה עדכנית של Chromium, מריץ את ה-JavaScript ובונה את העמוד הסופי.
- אינדוקס: גוגל קוראת את התוכן המרונדר, כולל קישורים שנוספו בסקריפט, ומחליטה מה להכניס לאינדקס.
הרינדור דורש משאבים, ולכן הוא יכול להתעכב. בנוסף, מנועי חיפוש אחרים וחלק מזחלני ה-AI מריצים JavaScript באופן חלקי או בכלל לא. אתר שתלוי לגמרי ברינדור בצד הלקוח מסתכן בכך שחלק מהקוראים שלו פשוט לא יראו תוכן.
שיטות רינדור ומה מתאים ל-SEO
| שיטה | מה קורה | מבחינת SEO |
|---|---|---|
| CSR (רינדור בצד הלקוח) | השרת שולח מעטפת ריקה והדפדפן בונה את העמוד | הכי מסוכן, תלוי ברינדור של המנוע |
| SSR (רינדור בצד השרת) | השרת שולח HTML מלא, ו-JS מוסיף אינטראקטיביות | מומלץ לעמודים שצריכים לדרג |
| SSG (עמודים סטטיים) | העמודים נבנים מראש בזמן הבנייה | מצוין לתוכן שלא משתנה כל דקה |
| רינדור דינמי | גרסה מרונדרת לבוטים וגרסת JS לגולשים | פתרון עוקף, גוגל כבר לא ממליצה עליו |
פריימוורקים כמו Next.js ו-Nuxt מאפשרים SSR או SSG בלי לוותר על חוויית אפליקציה, ולכן הם בחירה נפוצה בפרויקטים חדשים.
הבעיות שחוזרות שוב ושוב
- קישורים שאינם קישורים: ניווט שמבוסס על onclick בלי תגית a עם href. גוגל לא עוקבת אחרי אירועי לחיצה.
- קבצי JS חסומים: robots.txt שחוסם את תיקיית הסקריפטים, ואז גוגל לא מצליחה לרנדר.
- מטא ותגיות שמשתנות בסקריפט: canonical או noindex שמוזרקים רק אחרי הרינדור, לפעמים בסתירה למה שיש ב-HTML הראשוני.
- תוכן שנטען רק באינטראקציה: טאבים, "טען עוד" או גלילה אינסופית בלי כתובת נפרדת לכל עמוד.
- כתובות עם #: ניתוב שמבוסס על hash, שגוגל מתעלמת ממנו.
- קודי סטטוס שגויים: עמוד "לא נמצא" שמחזיר 200 במקום 404, נפוץ מאוד באפליקציות עמוד יחיד.
הנה ההבדל בין קישור שגוגל יכולה לעקוב אחריו לבין קישור שלא:
<!-- גוגל עוקבת -->
<a href="/products/garden-swing">נדנדה לגינה</a>
<!-- גוגל לא עוקבת -->
<span onclick="goTo('/products/garden-swing')">נדנדה לגינה</span>איך בודקים אם גוגל רואה את התוכן
- ב-Search Console, הריצו בדיקת כתובת אתר ולחצו על "בדיקת כתובת אתר פעילה". בלשונית ה-HTML המרונדר חפשו טקסט מרכזי מהעמוד.
- השוו בין "הצגת מקור הדף" בדפדפן לבין הכלי Inspect. מה שמופיע רק בשני תלוי ב-JavaScript.
- הריצו את Rich Results Test על עמוד עם נתונים מובנים כדי לוודא שהסכמה שנוצרת בסקריפט נקלטת.
- חפשו בגוגל משפט ייחודי מהעמוד במירכאות. אם הוא לא מופיע אחרי כמה שבועות, יש בעיה.
בדיקות כאלה הן חלק קבוע בקידום טכני של אתרים מודרניים. מומלץ לקרוא גם על Googlebot ואיך הוא עובד.
מה זה אומר לאתרי וורדפרס
רוב אתרי וורדפרס מרונדרים בצד השרת, כך שהבעיה הקלאסית פחות רלוונטית. עם זאת, בוני עמודים, סליידרים, טאבים וווידג'טים של ביקורות טוענים לפעמים תוכן חשוב רק דרך JavaScript. בנוסף, עודף סקריפטים פוגע במהירות ובמדד INP. כדאי לבדוק עמודים מרכזיים גם מהזווית הזו, ולשלב שיפור מהירות כשיש צורך.
שאלות נפוצות
האם גוגל יודעת לקרוא JavaScript?
כן, גוגל מרנדרת JavaScript עם דפדפן Chromium עדכני. אבל הרינדור יכול להתעכב, יש דברים שהיא לא מבצעת (כמו לחיצות וגלילה), ומנועים וזחלני AI אחרים לא תמיד מרנדרים.
האם אתר React פוגע בקידום?
לא בהכרח. אתר React עם SSR או SSG יכול להיות ידידותי מאוד ל-SEO. הבעיה מתחילה כשהכל נבנה בצד הלקוח בלי HTML ראשוני משמעותי.
האם רינדור דינמי נחשב הסוואה?
לא, כל עוד התוכן שהבוט מקבל זהה בפועל לתוכן שהגולש רואה. עם זאת, גוגל מגדירה אותו כפתרון זמני ומעדיפה SSR או SSG.
לעוד מונחים טכניים, היכנסו למילון מונחים SEO. אם האתר שלכם בנוי על פריימוורק JavaScript ואתם לא בטוחים מה גוגל רואה, דברו איתנו.
