فحص موقع React
يحمّل Scanverra تطبيق React لديك بنفس الطريقة التي يفعلها المتصفح، ويتحقق مما هو موجود فعليًا في الصفحة قبل تشغيل JavaScript وبعده - لأنه بالنسبة لتطبيق أحادي الصفحة مُعرَض من جانب العميل، تكمن معظم مشكلات SEO في تلك الفجوة.
ما الذي نفحصه في React
خمسة فحوصات خاصة بطريقة عرض التطبيقات أحادية الصفحة وشحن المحتوى.
المحتوى المرئي قبل تشغيل JavaScript
ما إذا كانت استجابة HTML الأولية عبارة عن <div id="root"></div> فارغة ووسم سكريبت، أو تحتوي على محتوى حقيقي يمكن لزاحف بلا محرك JS أن يقرأه.
حجم الحزمة وتقسيم الكود
حزمة JavaScript واحدة كبيرة تُشحن مع كل مسار مقابل التقسيم القائم على المسار - JS الأولي الثقيل دون داعٍ يؤخر اللحظة التي تصبح فيها الصفحة تفاعلية.
الوسوم التعريفية التي تُحدَّث من جانب العميل فقط
العنوان والوصف المضبوطان عبر document.title أو مدير رأس صفحة من جانب العميل بعد التركيب يكونان غير مرئيين لأي شيء لا ينفّذ JavaScript لديك أولًا.
أخطاء وحدة التحكم وحدود الأخطاء
أخطاء العرض غير المُعالَجة التي تُسقط طريقة عرض كاملة بدلًا من أن تُلتقط وتُحتوى داخل حد حول القسم الذي فشل.
استقرار التخطيط عند التنقل من جانب العميل
تغييرات المسار التي تستبدل المحتوى دون حجز مساحة له، مما يسبب إزاحة في التخطيط بعد أن بدت الصفحة مستقرة بالفعل.
How it works
ثلاث خطوات من الرابط إلى إصلاحات خاصة بالتطبيقات أحادية الصفحة.
الصق رابط تطبيقك
أي تطبيق React عام - سواء بُني باستخدام Vite، أو Create React App، أو إعداد مُخصَّص - يعمل بنفس الطريقة.
نقارن HTML الخام بالصفحة المُعرَضة
تُفحص الاستجابة الأولية مقابل ما يظهر على الشاشة بعد تركيب React، وهو بالضبط المكان الذي تكمن فيه مشكلات SEO الخاصة بالتطبيقات أحادية الصفحة.
احصل على إصلاحات خاصة بالتطبيقات أحادية الصفحة
اقتراحات مكتوبة لتطبيق مُعرَض من جانب العميل - وليست نصائح عامة تفترض أن خادمًا يتولى العرض نيابةً عنك.
Frequently asked questions
تطبيق React لديّ هو تطبيق أحادي الصفحة مُعرَض بالكامل من جانب العميل دون إطار خادم - هل يمكن لـ Scanverra فحصه رغم ذلك؟
نعم. يحمّل الفحص الصفحة في بيئة متصفح حقيقية ويترك JavaScript لديك يعمل قبل تقييمها، بنفس الطريقة التي يختبرها بها الزائر - ولا يتطلب عرضًا من الخادم لكي يعمل.
هل يرصد <div id="root"> الفارغ كمشكلة؟
إذا لم يكن هناك أي شيء ذي معنى موجود في HTML قبل تنفيذ JavaScript، فسيظهر ذلك كمشكلة في وضوح المحتوى وSEO - ليس لأن عنصر root الفارغ خاطئ في حد ذاته، بل لأن أي شيء لا يستطيع أو لا يريد تشغيل JS لديك لن يرى شيئًا هناك.
هل يمكن لـ Scanverra معرفة ما إذا كنت أستخدم Create React App أم Vite؟
يكتشف React نفسه من خلال مجموعة واسعة من الإشارات - نقطة التركيب id="root"، وأنماط أسماء الحزم المعروفة، وخطافات أدوات التطوير - بغض النظر عن أداة البناء التي أنتجتها. ولا يذكر تسمية سلسلة أدوات محددة في نتائجك.
هل يشغّل الفحص JavaScript لديّ فعليًا، أم يجلب HTML فقط؟
يشغّل عرض متصفح كاملًا، وليس جلبًا لملف HTML ثابت، لذا يرى صفحتك بعد التركيب والترطيب الكاملين - ثم يتحقق بشكل منفصل مما كان موجودًا قبل تشغيل ذلك JavaScript.
هل ستؤثر تحذيرات أو أخطاء وحدة تحكم React على درجتي؟
نعم. أخطاء وحدة التحكم جزء من درجة أفضل الممارسات، وخطأ العرض غير المُلتقط في مكون بلا حد للأخطاء من أكثر الطرق شيوعًا لظهورها.
فحوصات تقنية أخرى
اكتشف ما هو مفقود قبل تشغيل JS لديك
وزن الحزمة، والوسوم التعريفية، وحدود الأخطاء، واستقرار التخطيط - مقيَّمة بالطريقة التي يرى بها الزاحف تطبيقك فعليًا.
Run free audit