React אינה קובעת לבדה אם אתר ניתן לאינדוקס. השאלה החשובה היא מה השרת מחזיר כשמבקשים עמוד: תוכן מלא או מעטפת שצריכה JavaScript כדי להציג מידע. אפשר לבנות עם React עמודים סטטיים מלאים ולהוסיף אינטראקציות לאחר מכן. גם אתר HTML צריך תוכן מועיל, כתובות נכונות ויכולת סריקה.
SSG לעמודים שאינם אישיים
ב־SSG מייצרים את HTML בזמן הבנייה. עמודי שירות, מדריכים ותיק עבודות יכולים להתאים כשהתוכן מתעדכן בפרסום גרסה חדשה. השרת מגיש את התוכן המוכן בלי לחשב אותו בכל בקשה.
באתר Made2Work עמודי התוכן נוצרים מראש ונשארים קריאים בלי JavaScript. טפסים ואנימציות מקבלים יכולות בדפדפן לאחר טעינת העמוד. תוכן עסקי ציבורי לא צריך לקרוא נתונים פרטיים מה־CRM כדי להופיע.
SSR כשצריך תשובה בזמן הבקשה
ב־SSR השרת מייצר את HTML עבור הבקשה. הוא מתאים כשצריך תוכן שמתעדכן בזמן אמת או תלוי בבקשה. יש לתכנן זמן תגובה, הרשאות ו־cache מתאים ולא להגיש תוכן של אדם אחד למבקר אחר.
SSR אינו תעודת SEO. אם השרת איטי, התוכן דל או העמוד מחזיר שגיאה, עצם השימוש בשיטה לא פותר את הבעיה. בוחרים את השיטה לפי המידע והפעולה.
איך בודקים בפועל
פתחו את תשובת העמוד ובדקו שיש כותרת ראשית, פסקאות וקישורים לשירותים. לאחר מכן פתחו בלי JavaScript ובדקו שניתן לקרוא ולנווט. תפריט אינטראקטיבי אינו צריך להסתיר את כל הקישורים ממי שאינו מפעיל קוד.
ב־Search Console בודקים גם מה גוגל ראה בכתובת. תוכן HTML מלא מקל על הגישה, אך אינו מבטיח אינדוקס או דירוג. אין צורך להחליף את כל הפרויקט ל־HTML ידני כדי לקבל את התועלת.
שאלות נפוצות
צריך להוריד React כדי שגוגל יקרא את האתר?
לא. אפשר להפיק HTML מלא עם React באמצעות רינדור מראש או בשרת.
מתי SSG מתאים?
לעמודים ציבוריים שתוכנם ידוע בזמן הפרסום, כגון שירותים ומדריכים.
האם פאנל ניהול צריך להופיע בגוגל?
לא. תוכן פרטי צריך להישאר מוגן ולהיות מחוץ לאינדוקס.
איך יודעים שהאתר אינו רק מעטפת?
בודקים את HTML שהשרת מחזיר ואת העמוד ללא JavaScript, לא רק את המסך לאחר הטעינה.
מקורות להעמקה
המדריך מסביר עקרונות ותהליכי עבודה. פרטי המימוש נקבעים לפי המערכות והצרכים של העסק. דוגמאות להמחשה אינן תוצאות של לקוחות.