תשובה ישירה

JavaScript ניתן לאינדוקס, אך עיבודו מוסיף תלות, זמן וסיכוני כשל; תוכן ציבורי חשוב עדיף למסור ב־HTML של השרת.

ב־Next.js יש להשתמש ב־Server Components ויצירה סטטית כברירת מחדל, ולהוסיף קוד לקוח רק לאינטראקציה הנחוצה.

שלבים מעשיים

  1. בדקו את HTML התגובה ואת ה־DOM המרונדר בנפרד.
  2. הפיקו metadata, canonical ו־hreflang בצד השרת לכל כתובת.
  3. שמרו ניווט חשוב כ־‎<a href>‎ וטפלו בסטטוסים אמיתיים.
  4. מדדו חבילת JavaScript, זמני תגובה ושגיאות לאחר build ייצור.

דוגמה

מחשבון יכול להיטען כלקוח במסלול שלו, בעוד ההסבר, הכותרת והקישורים שלו מגיעים ב־HTML שרת.

טעויות נפוצות

  • הנחה ש־JavaScript לעולם אינו נסרק.
  • הצגת תוכן קריטי רק לאחר אירוע לקוח.
  • החזרת ‎200‎ לעמודי ‘לא נמצא’.

מגבלות

  • רינדור Google אינו זהה לדפדפן של כל משתמש.
  • בדיקת מעבדה אחת אינה מוכיחה ביצועי שדה או אינדוקס.

מקורות

מדריכים וכלים קשורים