محتوى لا يظهر إلا بعد تشغيل JavaScript: ماذا ترى جوجل وزواحف الذكاء الاصطناعي

متصفحك يشغّل أكواد JavaScript في الصفحة ثم يعرض لك النتيجة النهائية، لكن الزواحف (البرامج التي تزور الصفحات نيابة عن محركات البحث) لا تفعل ذلك كلها. جوجل تعالج الصفحات على ثلاث مراحل: الزحف، ثم العرض (rendering)، ثم الأرشفة، وقد تنتظر الصفحة في طابور العرض أكثر من بضع ثوانٍ. أما معظم زواحف الذكاء الاصطناعي فلا تشغّل JavaScript أصلًا. فقد وجدت دراسة أجرتها Vercel وMERJ في ديسمبر 2024 أن زواحف OpenAI ‏(GPTBot وOAI-SearchBot وChatGPT-User)، وزاحف ClaudeBot من Anthropic، وزواحف Perplexity وMeta وByteDance لا تشغّل JavaScript، فهي تنزّل بعض ملفاته لكنها لا تنفّذها. بينما يعرض الصفحات كاملة زاحف جوجل، الذي يعتمد عليه Gemini أيضًا، وزاحف Apple. لذلك إذا كان سعر المنتج أو وصفه أو توفره أو روابطه الداخلية لا توجد إلا بعد تشغيل JavaScript، فبعض الزواحف ترى صفحة فارغة. والدراسة قديمة نسبيًا ولم أجد دراسة في 2025 أو 2026 تكررها، فاعتبرها مؤشرًا قويًا لا قياسًا حديثًا.

ما تقوله جوجل

العرض من جهة الخادم (server-side rendering) أو العرض المسبق (pre-rendering) ما زال موصى به، لأن «ليست كل الزواحف قادرة على تشغيل JavaScript».
إذا احتوى HTML الأصلي على noindex فقد تتخطى جوجل مرحلة العرض، فلا يعمل السكربت الذي يحذف هذا الوسم.
لا تستخدم JavaScript لتغيير وسم canonical (الرابط الأساسي) عمّا هو في HTML الأصلي.
جوجل لا تكتشف الروابط إلا من عناصر <a> التي تحمل href.

كيف تتحقق

افتح صفحة منتج، ثم اعرض مصدرها (View Source) بالضغط على Ctrl+U أو Cmd+Option+U. هذا هو HTML الخام قبل تشغيل أي JavaScript. ابحث فيه عن سعر المنتج، وجملة من وصفه، وrel="canonical".
قارنه بالصفحة المعروضة في لوحة Inspect أو Elements في المتصفح. كل ما يظهر هناك ويغيب عن المصدر يعتمد على JavaScript.
تأكد أن <title> ووسم canonical ووسم robots موجودة في HTML الخام، وأن السكربتات لا تغيّرها.
في Search Console ‏(أداة جوجل المجانية لمتابعة ظهور موقعك في البحث) شغّل الاختبار المباشر في أداة فحص الرابط (URL Inspection)، واطّلع على HTML الذي عرضته جوجل.
شغّل الفحص المجاني: يجلب «فحص المتجر — أحمد فايد» HTML الخام، ثم يعرض الصفحة الرئيسية وصفحة منتج في متصفح آلي (وصفحات أكثر في الفحص الكامل)، ويقارن العنوان ووسم canonical ووسم robots والمحتوى الرئيسي بين النسختين. وفي المتاجر المبرمجة خصيصًا، يذكر الفحص صفحة المنتج التي يكون HTML الخام فيها هيكلًا فارغًا بأولوية «حرج».

كيف تصلح المشكلة

سلة وزد وشوبيفاي وووكومرس

هذه المنصات تبني صفحاتها من قوالب تُعالَج على الخادم: Twig في سلة، وJinja في زد، وLiquid في شوبيفاي، وPHP في ووكومرس. لذلك يكون محتوى المنتج الأساسي عادةً موجودًا في HTML الخام. أما الفجوات فتأتي من الأجزاء التي تضيفها السكربتات لاحقًا: ودجات التطبيقات مثل التقييمات، ومكوّنات الويب (قوالب سلة تستخدم مكوّنات <salla-…> المعرّفة بـ JavaScript)، وأي شيء يُحقن عبر Google Tag Manager. افحص في مصدر الصفحة المحتوى الذي يهمك تحديدًا، مثل التقييمات والسعر والتوفر. وإذا كان تطبيق التقييمات لا يحمّلها إلا بـ JavaScript، فاسأل مطوّره هل يمكنه إخراجها داخل HTML، أو تقبّل أن بعض الزواحف لن تراها.

وتأكد أيضًا أن الزواحف تستطيع جلب ملفات السكربتات والتنسيقات التي يحتاجها قالبك (الثيم). ملف robots.txt الافتراضي في زد يمنع المسار /js/، وتأثير ذلك في العرض غير مؤكد، فاختبر صفحة منتج بأداة URL Inspection.

متجر مبرمج خصيصًا

استخدم العرض من جهة الخادم أو التوليد الثابت (static generation) لصفحات المنتجات والأقسام، وأطر العمل مثل Next.js وNuxt تدعم ذلك. يجب أن يحتوي HTML الأول على العنوان والوصف ووسم canonical ووسم robots والبيانات المنظمة والسعر والتوفر والروابط الداخلية إلى الأقسام والمنتجات ذات الصلة. وإذا لم يكن نقل الموقع كله إلى العرض من الخادم عمليًا الآن، فابدأ بالعرض المسبق لمسارات المنتجات والأقسام. واختبر HTML الخام بعد كل إصدار جديد، لا الصفحة في المتصفح فقط.

أخطاء شائعة

صفحة منتج تُبنى بالكامل داخل المتصفح بتطبيق صفحة واحدة بـ React أو Vue، ولا يظهر في HTML الخام إلا <div id="app"> فارغ.
جلب السعر من واجهة برمجية (API) بعد تحميل الصفحة.
ضبط وسم canonical أو وسم robots أو تغييرهما بـ JavaScript.
روابط أقسام ومنتجات مبنية بأحداث onclick بدل <a href>.
فحص المتجر في المتصفح فقط، والمتصفح يشغّل JavaScript دائمًا.
منع مجلدات السكربتات أو التنسيقات في robots.txt.

شغّل «فحص المتجر — أحمد فايد» المجاني لتقارن بين HTML الخام والصفحة المعروضة في متجرك. إذا أردت مساعدة في إصلاح ذلك، تواصل معي عبر واتساب ‎+20 102 702 0701 أو عبر ahmed-fayed.com.