SEO للجافاسكريبت: فهرسة صفحات JS في Google

تحدث الفهرسة على موجتين

يجلب Googlebot الـHTML الخام أولاً ويمكنه فهرسة أي محتوى موجود بالفعل في تلك الاستجابة الأولية شبه الفورية. أما أي شيء يظهر فقط بعد تشغيل الجافاسكريبت فيُوضع في قائمة انتظار مرحلة ثانية — العرض — التي تستخدم موارد منفصلة وقد تتأخر عن الزحف الأولي بأي مدة من ثوانٍ إلى، في موقع مقيَّد بالزحف، أطول بكثير. إذا كان محتواك أو روابطك الداخلية موجودة فقط بعد تلك المرحلة الثانية، فأنت تعتمد على مسار أبطأ وأقل يقينًا للفهرسة من الأساس.

ما الذي يعطّل الفهرسة فعليًا

• المحتوى الرئيسي أو الروابط الداخلية التي تُعرض فقط بعد جلب من جانب العميل، دون شيء ذي معنى في الـHTML الأولي.
• محتوى محجوب خلف إجراء من المستخدم — نقرة، تمرير، تحويم — لا يملك Googlebot أي سبب لأدائه.
• ملفات JS أو CSS محظورة في robots.txt تحتاجها الصفحة لتُعرض بشكل صحيح؛ انظر robots.txt مقابل noindex لمعرفة كيف يمكن أن يأتي الحظر بنتائج عكسية.
• التوجيه من جانب العميل الذي لا يغيّر أبدًا حالة HTTP الفعلية — قد يعرض مسار معطل صفحة فارغة أو رسالة "غير موجود" مع استمرار إعادة الحالة 200، ما يظهر كـخطأ 404 ناعم.
• أخطاء ترطيب (hydration) أو عرض تحدث فقط في بيئة متصفح بلا واجهة وتمر دون ملاحظة في الاختبار اليدوي العادي.

كيفية التحقق مما تراه Google فعليًا

تحتوي أداة فحص عناوين URL في Search Console على عرض "الصفحة المختبَرة" يُظهر الـHTML المعروض ولقطة شاشة بعد تشغيل محرك عرض Google — لا الاستجابة الخام فقط. قارن ذلك بمصدر الـHTML الخاص بك: إذا كان محتوى أو روابط أساسية مفقودة من الاستجابة الخام لكنها موجودة بعد العرض، فأنت تعتمد كليًا على قائمة انتظار العرض بدلاً من الزحف الأولي السريع.

ما يساعد فعليًا

• قدّم المحتوى وروابط التنقل المهمة لتحسين محركات البحث من جانب الخادم (أو ولّدها بشكل ثابت)، بدلاً من جلبها من جانب العميل بعد التحميل.
• استخدم عناصر <a href> حقيقية للروابط الداخلية، لا معالجات نقر على عناصر غير روابط — يتبع Googlebot روابط href، لا ربط أحداث جافاسكريبت العشوائية.
• لا تحظر حزم JS/CSS التي تعتمد عليها الصفحة للعرض — تحتاج Google إلى جلبها لعرض الصفحة أصلاً.
• بمجرد إصلاح الصفحة، لا تنتظر مجرد مرور دورة العرض التالية — اطلب إعادة الفهرسة مباشرةً، أو ادفع عنوان URL عبر IndexNow، حتى تُلتقط النسخة المصححة وفق جدولك أنت لا جدول محرك العرض.

ملاحظات خاصة بكل إطار عمل

• تطبيقات React من جانب العميل: يرسل تطبيق الصفحة الواحدة العادي هيكل HTML شبه فارغ. للصفحات التي تحتاج إلى ترتيب في نتائج البحث، استخدم إطار عمل يدعم العرض من جانب الخادم أو التوليد الثابت.
• Next.js وNuxt: يضع العرض من جانب الخادم والتوليد الثابت المحتوى في الـHTML الأولي افتراضيًا. انتبه إلى المحتوى المهم الذي لا يُحمَّل إلا داخل تأثيرات (effects) من جانب العميل.
• Angular وVue: استخدم العرض من جانب الخادم في Angular، أو Nuxt مع Vue، حتى تصل الصفحات ومحتواها موجود بالفعل في الـHTML.
• التمرير اللانهائي: اقرنه بعناوين URL مقسّمة إلى صفحات يمكن تحميل كل منها مستقلة، حتى تتمكن برامج الزحف من الوصول إلى العناصر التي تتجاوز الشاشة الأولى.

اختبار سريع يمكنك إجراؤه اليوم

افتح الصفحة، واختر "عرض مصدر الصفحة" (وليس "فحص")، وابحث عن جملة من المحتوى الرئيسي وعن بعض عناوين URL للروابط الداخلية. إذا كانت غائبة عن المصدر، فهي تعتمد على الجافاسكريبت. ثم أجرِ فحص قابلية الفهرسة المجاني للتأكد من أن الصفحة تُرجع الرمز 200، وأنها غير مضبوطة على noindex، وأن علامة canonical فيها صحيحة.