JavaScript Rendering: ما الذي تراه الروبوتات قبل تشغيل تطبيقك
الروبوتات تقرأ HTML قبل تشغيل تطبيقك، ومعظم روبوتات الذكاء الاصطناعي لا تشغّل JavaScript. كيف تتحقّق من تماثل العرض وتغلق الفجوات في استجابة الخادم.
محركات البحث تسترجع HTML أولًا وتُرسم JavaScript لاحقًا، في تمريرة منفصلة مع صفهها الخاصة. أي شيء موجود فقط بعد الترطيب غير مرئي خلال تلك التمريرة الأولى، والتأخير قبل التمريرة الثانية يُقاس بالأيام في كثير من المواقع. روبوتات الذكاء الاصطناعي أكثر صرامة: معظمها لا يُنفّذ JavaScript على الإطلاق، لذا الـ HTML الخام هو الصفحة بأكملها. هذا يجعل تماثل العرض هو السؤال القابل للإجابة. هل يحمل الـ HTML المُقدّم عنوانًا، H1، كانونيكال، وصف ميتا، بيانات منظمة ونص الجسم كما في DOM المُرسم؟ في موقع مُرسم على الخادم يفعل ذلك بالبناء. في تطبيق مُرسم على العميل غالبًا ما يكون الـ HTML هو قشرة من div واحد ووسم سكربت، وفجوة التماثل إجمالية. القشرة هي أيضًا ما يحدده محركنا كـ "محتوى رقيق"، لأن من الخارج لا يمكن تمييز الاثنين. مستند HTML بـ 40 كلمة هو مستند بـ 40 كلمة سواء جاءت 2,000 كلمة المتبقية لاحقًا أو لم تُظهر أبدًا. التحقّقات أدناه تسترجع الـ HTML الخام، تقارنها بإصدار مرسوم لنفس العنصر عنصرًا بعنصر، وتبلغ أين يختلفان. حيثما يحدث ذلك، انقل ذلك العنصر إلى استجابة الخادم بدلاً من طلب انتظار الروبوتات.
المحتوى يتطلب hydration من جانب العميل
لماذا هو مهم
قد لا تنفذ محركات البحث وزواحف الذكاء الاصطناعي JavaScript. إذا لم يظهر المحتوى الحرج إلا بعد الـ hydration، فقد لا تتم فهرسته وينتظر المستخدمون وقتًا أطول لرؤية الصفحة.
كيف نتحقق منه
تم فحص HTML الأولي بحثًا عن هياكل تطبيق فارغة وعناصر تحميل نائبة ومحتوى SEO حرج.
كيف تُصلح ذلك
اعرض محتوى SEO الحرج على الخادم. بالنسبة لـ React أو TanStack Start، اجلب بيانات التقرير أثناء SSR وضمّن الدرجة وH1 والوصف الميتا ووسم canonical والبيانات المنظمة في HTML الأولي بدلًا من انتظار الـ hydration من جانب العميل.
عدم تطابق تساوي العرض
لماذا هو مهم
يجب أن يروي HTML الخام والـ DOM المعروض نفس قصة SEO حتى لا ترى الزواحف وأنظمة الذكاء الاصطناعي نسختين متعارضتين من الصفحة.
كيف نتحقق منه
تم مقارنة الـ HTML الخام والـ DOM المُعرض للعناصر الحرجة.
كيف تُصلح ذلك
تأكد من أن HTML الخام والـ DOM المعروض يحتويان على نفس عناصر SEO الحرجة (العنوان وH1 وcanonical والوصف الميتا والبيانات المنظمة). إذا كان المحتوى يُحقن بواسطة JavaScript، فانقله إلى العرض من جانب الخادم حتى تراه الزواحف فورًا.
تم اكتشاف هيكل محتوى رقيق
لماذا هو مهم
تحتاج محركات البحث إلى استجابة صفحة نظيفة قبل أن تتمكن من قراءة العناوين والروابط والمحتوى.
كيف نتحقق منه
تم فحص عيّنة من الصفحات بحثًا عن محتوى معروض فارغ أو شبه فارغ يعيد HTTP 200.
كيف تُصلح ذلك
أضف محتوى معروضًا ذا معنى إلى الصفحات التي تعيد HTTP 200 دون نص مرئي، أو أعد حالة 404 صحيحة إذا كانت الصفحة غير موجودة. لماذا هذا مهم: يعامل Google الصفحات الفارغة ذات الحالة 200 كـ soft 404، مما يهدر ميزانية الزحف ويمنع الفهرسة.
انظر كيف يصنف موقعك
احصل على تقرير مجاني مدعوم بالذكاء الاصطناعي SEO مع نتائج قابلة للتنفيذ وإصلاحات أولوية لموقعك.
لا حاجة للتسجيل.