بدء استخدام العرض الديناميكي

تواجه معالجة جافا سكريبت صعوبات في الوقت الراهن ولا تستطيع جميع برامج الزحف بمحركات البحث معالجتها على نحو صحيح أو فوري. ونأمل حل هذه المشكلة في المستقبل ولكننا حتى ذلك الحين ننصح باستخدام العرض الديناميكي كحل بديل. ويُقصد بالعرض الديناميكي التبديل بين المحتوى المعروض بواسطة البرنامج وشكله قبل العرض لوكلاء مستخدمين محدّدين.

المواقع الإلكترونية التي ينبغي أن تستخدم العرض الديناميكي

يناسب العرض الديناميكي المحتوى سريع التغيّر والقابل للفهرسة والعام بلغة جافا سكريبت أو المحتوى الذي يستخدم ميزات جافا سكريبت غير المتوافقة مع برامج الزحف التي تريدها. ولا تحتاج جميع المواقع الإلكترونية إلى العرض الديناميكي مع ملاحظة أنه ليس سوى حل بديل لبرامج الزحف.

التعرّف على طريقة عمل العرض الديناميكي

يتطلّب العرض الديناميكي من خادم الويب اكتشاف برامج الزحف (من خلال التحقّق من وكيل المستخدم على سبيل المثال). ويتم توجيه طلبات برامج الزحف إلى عارض بينما يتم عرض طلبات المستخدمين بشكل طبيعي. ومن بين مهام العارض الديناميكي عرض نسخة من المحتوى مناسبة لبرنامج الزحف إذا احتاجت إلى ذلك مثل عرض نسخة HTML ثابتة. ويمكنك اختيار تفعيل العارض الديناميكي لجميع الصفحات أو لكل صفحة على حدة.

مخطَّط يوضَح طريقة عمل العرض الديناميكي. يوضَح المخطَّط الخادم وهو يعرض محتوى أوليًّا من HTML وجافا سكريبت على المتصفِّح مباشرة. وفي المقابل، يوضَح المخطَّط الخادم وهو يعرض محتوى أوليًّا من HTML وجافا سكريبت على عارض يحوِّل لغة HTML وجافا سكريبت إلى لغة HTML ثابتة. وبعد تحويل المحتوى، يقدِّم العارض لغة HTML ثابتة إلى برنامج الزحف.

تنفيذ العرض الديناميكي

لإعداد العرض الديناميكي على المحتوى الخاص بك، يرجى اتّباع الإرشادات العامة. وعليك الرجوع إلى تفاصيل التهيئة لأنها تختلف كثيرًا بين عملية تنفيذ وأخرى.

  1. ثبِّت عارضًا ديناميكيًا واضبطه لتحويل المحتوى إلى لغة HTML ثابتة حتى يسهل على برامج الزحف استخدامها. وتشمل الأمثلة المعروفة على العارض الديناميكي Puppeteer وRendertron وprerender.io.
  2. حدِّد وكلاء المستخدمين الذين ترى أنه ينبغي لهم تلقي لغة HTML الثابتة وراجع تفاصيل التهيئة المحدَّدة للتعرّف على طريقة تحديث وكلاء المستخدمين أو إضافة وكلاء آخرين. وفي ما يلي مثال على قائمة من وكلاء المستخدمين المنتشرين في البرمجيات الوسيطة Rendertron:
    export const botUserAgents = [
      'googlebot',
      'google-structured-data-testing-tool',
      'bingbot',
      'linkedinbot',
      'mediapartners-google',
    ];
  3. إذا كان العرض المسبق يبطئ خادمك أو يوجد عدد كبير من طلبات العرض المسبق، فكِّر في تخصيص ذاكرة تخزين مؤقت للمحتوى المعروض مُسبقًا أو التحقّق من أن مصدر الطلبات هو برامج الزحف المسموح لها بذلك.
  4. حدِّد إن كان وكلاء المستخدمين يحتاجون إلى محتوى يتوافق مع أجهزة سطح المكتب أو الأجهزة الجوّالة. واستخدِم العرض الديناميكي لتقديم النسخة المناسبة لأجهزة سطح المكتب أو الأجهزة الجوّالة. وفي ما يلي مثال على الطريقة التي تحدّد بها التهيئة إن كان وكيل المستخدم يتطلّب محتوى متوافقًا مع أجهزة سطح المكتب أم الأجهزة الجوّالة:
    isPrerenderedUA = userAgent.matches(botUserAgents)
    isMobileUA = userAgent.matches(['mobile', 'android'])
    
    if (!isPrerenderedUA) { } else { servePreRendered(isMobileUA) }
  5. اضبط خادمك لتقديم لغة HTML ثابتة إلى برامج الزحف التي اخترتها. ويمكنك فعل ذلك بعدّة طرق حسب التكنولوجيا التي تستخدمها، وفي ما يلي بعض الأمثلة:
    • تأتي طلبات الخادم الوكيل من برامج الزحف إلى العارض الديناميكي.
    • يمكنك العرض مسبقًا كجزء من عملية التطوير وتهيئة الخادم لتقديم لغة HTML ثابتة إلى برامج الزحف.
    • دمج العرض الديناميكي مع الرمز المخصّص للخادم.
    • عرض المحتوى الثابت من خدمة العرض المسبق إلى برامج الزحف.
    • استخدام البرمجيات الوسيطة مع خادمك (مثل البرمجيات الوسيطة Rendertron).

التحقّق من التهيئة

بعد الانتهاء من تنفيذ العرض الديناميكي، تحقّق من أن جميع الأمور تسير على ما يرام باستخدام الاختبارات التالية في التحقّق من عنوان URL:

  1. اختبِر المحتوى المتوافق مع الأجهزة الجوّالة باستخدام فحص التوافق مع الأجهزة الجوّالة للتأكد من أن Google يستطيع رؤيته.

    تمّ إجراء ناجح: المحتوى المتوافق مع الأجهزة الجوّالة متطابق مع ما تتوقّع أن يراه المستخدِم.

    خطأ حاول مرة أخرى: إذا كان المحتوى الذي تراه لا يتطابق مع ما تتوقّعه، يُرجى الرجوع إلى قسم تحرّي الخلل وإصلاحه.

  2. اختبِر المحتوى المتوافق مع أجهزة سطح المكتب باستخدام أداة فحص عنوان URL للتأكد من أن هذا المحتوى مرئي في الصفحة المعروضة (الصفحة المعروضة هي الصفحة كما يراها Googlebot).

    تمّ إجراء ناجح: المحتوى المتوافق مع أجهزة سطح المكتب يتطابق مع ما تتوقّع أن يراه المستخدِم.

    خطأ حاول مرة أخرى: إذا كان المحتوى الذي تراه لا يتطابق مع ما تتوقّعه، يُرجى الرجوع إلى قسم تحرّي الخلل وإصلاحه.

  3. في حال استخدام بيانات منظَّمة، تأكّد من صحة عرضها باستخدام أداة اختبار البيانات المنظَّمة.

    تمّ إجراء ناجح: تظهر البيانات المنظَّمة بالشكل الذي تتوقّعه.

    خطأ حاول مرة أخرى: إذا كانت البيانات المنظَّمة لا تظهر بالشكل الذي تتوقّعه، يُرجى الرجوع إلى قسم تحرّي الخلل وإصلاحه.

تحرّي الخلل وإصلاحه

في حال ظهور أخطاء في المحتوى عند استخدام فحص التوافق مع الأجهزة الجوّالة أو عدم ظهور المحتوى ضمن نتائج "بحث Google"، حاوِل حلّ المشاكل التالية الأكثر شيوعًا. وإذا استمرت المشاكل في الظهور، انشر موضوعًا جديدًا على منتدى مشرفي المواقع.

المحتوى ناقص أو مختلف

خطأ سبب المشكلة: من المحتمل وجود خطأ في تهيئة العارض أو عدم وجود توافق بين تطبيق الويب وحلّ العرض الذي تستخدمه. وتُحدث المهلة في بعض الأحيان أخطاءً في عرض المحتوى.

تمّ حلّ المشكلة: يُرجى الرجوع إلى المستندات للتعرّف على حل مشكلة العرض التي تواجهك وتصحيح الأخطاء الموجودة في إعداد العرض الديناميكي لديك.

ارتفاع أوقات الاستجابة

خطأ سبب المشكلة: عادة ما يتسبّب استخدام متصفِّح بلا واجهة لعرض الصفحات المطلوبة في ارتفاع أوقات الاستجابة، ما قد يدفع برامج الزحف لإلغاء الطلب وعدم فهرسة المحتوى. وقد يؤدي ارتفاع أوقات الاستجابة إلى تقليل معدل الزحف أثناء عملية الزحف على المحتوى الخاص بك وفهرسته.

تمّ إصلاح المشكلة.

  1. يرجى تخصيص ذاكرة تخزين مؤقت لنسخة HTML للعرض المسبق أو إنشاء نسخة HTML ثابتة للمحتوى كجزء ضمن عملية الإنشاء.
  2. تأكّد من تفعيل ذاكرة التخزين المؤقت في التهيئة (مثل توجيه برامج الزحف إلى ذاكرة التخزين المؤقت التي لديك).
  3. تحقّق من أن برامج الزحف تصل إلى المحتوى الخاص بك بسرعة باستخدام أدوات اختبار مثل فحص التوافق مع الأجهزة الجوّالة أو webpagetest (مع سلسلة مخصّصة لوكيل المستخدِم من قائمة وكلاء المستخدِمين في برامج الزحف من Google). وينبغي ألا تنتهي مهلة طلباتك.

عدم وجود البيانات المنظّمة

خطأ سبب المشكلة: قد تحدث أخطاء في البيانات المنظّمة في حال عدم وجود وكيل المستخدِم للبيانات المنظّمة أو عدم تضمين علامات نص JSON-LD البرمجي في الإخراج.

تمّ إصلاح المشكلة.

  1. استخدِم أداة اختبار البيانات المنظَّمة للتأكد من وجود البيانات المنظَّمة في الصفحة. يمكنك بعد ذلك تهيئة وكيل المستخدِم لأداة اختبار البيانات الهيكلية لاختبار المحتوى الذي سبق عرضه.
  2. تأكّد من تضمين علامات نص JSON-LD البرمجي في نص HTML الديناميكي المعروض مسبقًا للمحتوى الخاص بك. وللمزيد من المعلومات، يمكنك الرجوع إلى مستندات حلّ مشكلة العرض.

إرسال تعليقات حول...