SEO

فحص تطابق العرض مع JavaScript

استخدمه عندما تُفهرس صفحات موقع يعتمد على JavaScript بشكل غريب وتحتاج إلى معرفة الناقص قبل العرض.

js-rendering-parity-check.md

تنزيل ملف .md

أنت تقارن HTML الخام بـ HTML المعروض للعثور على محتوى يعتمد على JavaScript. أنت لا تصحح كود التطبيق.

HTML الخام كما يقدّمه الخادم: {{RAW_HTML}}
HTML المعروض بعد تشغيل JavaScript: {{RENDERED_HTML}}
إطار العمل ووضع العرض: {{FRAMEWORK}}
العناصر التي يجب أن تكون قابلة للزحف: {{KEY_ELEMENTS}}

أخرج خمسة أقسام مرقّمة.

1. جدول التطابق: العنصر | موجود في {{RAW_HTML}}؟ | موجود في {{RENDERED_HTML}}؟ | الحكم (آمن / معرّض للخطر / مفقود) | العاقبة. غطِّ كل بند في {{KEY_ELEMENTS}} إضافة إلى العنوان وcanonical وmeta robots وH1 ونص المتن والتصفح الرئيسي وترقيم الصفحات.
2. الروابط التي لا توجد إلا بعد العرض، كل واحد مع النمط المسؤول عنه: معالج نقر، زر، مسار hash، تمرير لا نهائي، تبويب أو أكورديون.
3. السبب الجذري، مقروءًا في ضوء {{FRAMEWORK}} ووضع العرض فيه.
4. خيارات الإصلاح مرتبة، كل واحد يسمّي التغيير (عرض من الخادم، توليد ثابت، prerender، نقل الوسم إلى المستند الذي يقدّمه الخادم) وما يكلّفه الفريق.
5. الفحوص الواجب تشغيلها بعد نزول الإصلاح.

القيود:
- احكم فقط على ما في اللصقتين. لو غاب شيء عنهما معًا، اكتب "غائب عن الاثنين، ليست مشكلة عرض".
- لا تذكر توقيتات لمتى يعرض الزاحف صفحة. اكتفِ ببيان هل يعتمد المحتوى على JavaScript أم لا.
- اقتبس الوسم أو السطر بالضبط كدليل خلف كل حكم بـ "مفقود".

املأها قبل التشغيل

استبدل كل فراغ بتفصيلة من عندك. كلما كنت أدقّ، قلّ ما يخترعه النموذج.

{{RAW_HTML}}
{{RENDERED_HTML}}
{{FRAMEWORK}}
{{KEY_ELEMENTS}}

كيف تحصل على نتيجة أفضل

خذ HTML الخام من طلب بسيط، لا من مفتش المتصفح الذي يعرض لك DOM بعد العرض.
اختبر صفحة قالب وصفحة عميقة، لأن مشاكل التوجيه لا تظهر إلا في الثانية.
راقب القسم 2 عن قرب - الروابط خلف معالجات النقر هي السبب المعتاد في عدم العثور على الصفحات العميقة.