قد يكون موقعك مبنيًا بتقنية حديثة وجميلًا في المتصفح، لكن جوجل يرى صفحة شبه فارغة عند أول زيارة. السبب غالبًا هو طريقة عرض الصفحات (Rendering). في هذا الدليل نشرح الفرق بين العرض من جهة الخادم (Server Side Rendering) والعرض من جهة المتصفح، وتأثير كل منهما على السيو، وكيف تختار الطريقة المناسبة لكل صفحة.
طرق عرض صفحات الويب
| الطريقة | كيف تعمل | مناسبة لـ |
|---|---|---|
| CSR (عرض من المتصفح) | يرسل الخادم صفحة شبه فارغة، ثم يبني JavaScript المحتوى داخل المتصفح | لوحات التحكم والصفحات خلف تسجيل الدخول |
| SSR (عرض من الخادم) | يبني الخادم الصفحة كاملة مع كل طلب ويرسلها جاهزة | صفحات يتغير محتواها باستمرار أو لكل مستخدم |
| SSG (توليد ثابت) | تُبنى الصفحات مرة واحدة وقت النشر | صفحات الخدمات و"من نحن" والصفحات الثابتة |
| ISR (إعادة توليد تدريجي) | صفحات ثابتة تتحدث تلقائيًا كل فترة أو عند تعديل المحتوى | المدونات وصفحات المنتجات |
كيف يتعامل جوجل مع صفحات JavaScript؟
يستطيع جوجل تنفيذ JavaScript وقراءة المحتوى الناتج، لكن ذلك يحدث في مرحلة عرض قد تتأخر عن الزحف الأول. وعندما يكون المحتوى موجودًا في HTML من البداية، يقرؤه جوجل مباشرة دون انتظار. كما أن محركات بحث أخرى وأدوات الذكاء الاصطناعي ومعاينات الروابط في واتساب ومواقع التواصل لا تنفذ JavaScript دائمًا، فلا ترى إلا ما يرسله الخادم.
لماذا SSR أفضل للسيو؟
- محتوى كامل من أول طلب: النصوص والعناوين والروابط موجودة في HTML.
- بيانات وصفية صحيحة: العنوان والوصف وبيانات المعاينة لكل صفحة تصل جاهزة.
- ظهور أسرع للمحتوى: يتحسن مقياس LCP لأن الزائر يرى المحتوى قبل تحميل JavaScript بالكامل.
- روابط داخلية قابلة للزحف: يكتشف جوجل صفحاتك عبر روابط HTML حقيقية.
- ظهور أفضل في أدوات الذكاء الاصطناعي التي تقرأ HTML دون تنفيذ JavaScript.
كيف تعرف طريقة عرض موقعك؟
- افتح صفحة من موقعك، واضغط بالزر الأيمن واختر عرض المصدر (View Page Source).
- ابحث عن نص يظهر في الصفحة، مثل العنوان الرئيسي.
- إذا وجدته في المصدر، فالصفحة تُعرض من الخادم أو مولدة مسبقًا. إذا لم تجده، فهي تُبنى في المتصفح.
- استخدم أداة فحص الرابط في Google Search Console ثم اختبار الرابط المباشر لترى الصفحة كما يراها جوجل.
الاستراتيجية المثلى: اخلط الطرق
أفضل المواقع لا تستخدم طريقة واحدة لكل شيء:
- الصفحات العامة التي تريدها في جوجل: SSG أو ISR أو SSR.
- لوحات التحكم وصفحات الحسابات: CSR، فلا داعي لفهرستها.
- الأجزاء التفاعلية داخل الصفحات العامة، مثل الحاسبات والفلاتر: تُضاف من المتصفح فوق محتوى معروض من الخادم.
أطر العمل مثل Next.js تسمح باختيار الطريقة لكل صفحة. اقرأ دليل Next.js للشركات.
أسئلة شائعة
هل موقع React بدون SSR لا يظهر في جوجل؟
يمكن أن يظهر، لكن الفهرسة قد تكون أبطأ وأقل موثوقية، وتخسر غالبًا معاينات الروابط وأدوات أخرى لا تنفذ JavaScript.
هل SSR يبطئ الخادم؟
يزيد العمل على الخادم مقارنة بالصفحات الثابتة، لذلك تُستخدم الصفحات المولدة مسبقًا والتخزين المؤقت حيثما أمكن.
هل أحتاج إعادة بناء موقعي للحصول على SSR؟
إذا كان الموقع مبنيًا بـ React فقط، فالانتقال إلى Next.js ممكن تدريجيًا مع إعادة استخدام جزء كبير من المكونات.
اجعل موقعك مقروءًا لجوجل مع ديفلابيكو
نبني في ديفلابيكو المواقع بطريقة عرض مناسبة لكل صفحة، ونراجع المواقع القائمة لاكتشاف المحتوى الذي لا يراه جوجل، ضمن خدمات السيو التقني. تواصل معنا.
