حدد الوجهات التي تعرضها القائمة
ابدأ بقائمة الصفحات التي يفترض الوصول إليها: الخدمات والمنتجات ونسخ اللغات وصفحات التواصل. سجّل العنوان المتوقع لكل تسمية. فرّق بين زر يفتح مجموعة عناصر ورابط ينقل الزائر إلى صفحة؛ زر التوسيع لا يحتاج إلى التظاهر بأنه وجهة مستقلة.
اختر صفحات دخول ممثلة للموقع، واختبر عرض الكمبيوتر والهاتف. قد تستخدم القائمتان مكونات مختلفة تمامًا رغم تشابه مظهرهما. سجّل أيضًا حالة تسجيل الدخول واختيار الموافقة على ملفات الارتباط، لأن هذه الظروف قد تغير الواجهة التي تفحصها.
افحص بنية الرابط لا حركة القائمة فقط
توصي إرشادات Google بروابط من نوع a تحتوي على href يشير إلى عنوان ويب صالح. ويمكن للروابط التي ينشئها JavaScript أن تحقق هذا الشرط أيضًا. لذلك تختلف تسمية جميلة تنفذ دالة عند النقر عن عنصر رابط حقيقي يحمل عنوان الصفحة المطلوبة.
لكل وجهة، سجّل هل يظهر الرابط في HTML الأولي، أم في المستند بعد تشغيل الصفحة وقبل التفاعل، أم بعد فتح القائمة فقط. احفظ العنصر والعنوان الذي ينتج عنه. يساعد هذا الجدول على فصل غياب بنية الرابط عن خطأ الوجهة أو مشكلة إظهار العنصر، بدل وصف الجميع بأنها مشكلة JavaScript عامة.
اختبر التنقل بصورة مستقلة عن اكتشاف الرابط
افتح مجموعات القائمة واتبع عينة من وجهاتها. بعد ذلك افتح عنوان الوجهة مباشرة في تبويب جديد وأعد تحميله. قد ينجح الانتقال داخل التطبيق من الرئيسية بينما يفشل مسار الخادم عند الدخول المباشر. سجّل العنوان النهائي والمحتوى الظاهر، ولا تكتفِ بحدوث حركة في الواجهة بعد النقر.
كرر الرحلة باستخدام لوحة المفاتيح وعلى عرض الهاتف. تحقق من أن فتح المجموعة لا ينقل الزائر بعيدًا، وأن اختيار الصفحة يغلق القائمة أو يحدّث حالتها بصورة مناسبة. هذه اختبارات لاستخدام الواجهة؛ نجاحها لا يغني عن فحص بنية الروابط ولا يثبت أن محرك البحث استخرج وجهاتها.
مثال توضيحي لقائمة خدمات فرعية
تخيّل زر خدمات يفتح لوحة تضم تصميم المواقع وتدقيق SEO. في هذا المثال الافتراضي، العنصران مكتوبان بصيغة span مع دوال للنقر. يعمل الانتقال عند الضغط، لكن فحص اللوحة لا يكشف روابط تحمل وجهاتها. النتيجة القابلة للتنفيذ هنا هي تصحيح بنية العناصر، لا إزالة JavaScript من الموقع كله.
احتفظ بزر التوسيع واجعل كل وجهة رابطًا حقيقيًا يحمل عنوانها، مع إمكانية تحسين التنقل برمجيًا عند الحاجة. أعد الفحص قبل فتح اللوحة وبعده، وانسخ عنوان الوجهة وافتحه مباشرة. إذا لم تُنشأ الروابط إلا بعد التفاعل، فادرس تضمينها في بنية القائمة حتى لا يتوقف وجودها على فتح الزائر للوحة أولًا.
احفظ الأدلة وحدد نطاق الإصلاح
دوّن الصفحة المختبرة وعرض الشاشة وحالة القائمة وقائمة الوجهات وبنية العناصر ذات الصلة، مع أخطاء المتصفح أو الطلبات إن وجدت. إذا عطلت JavaScript لأغراض التشخيص، اذكر ذلك صراحة. الاختبار دون البرمجة مفيد لفهم قدرة الواجهة على العمل عند التعطل، لكنه ليس محاكاة كاملة لطريقة عرض Google للصفحات.
بعد الإصلاح، قارن الوجهات والحالات نفسها وأضف الملاحظات المتبقية إلى مهام تدقيق الموقع. افحص HTML الذي عرضته Google عندما تتاح هذه البيانات بوصفه دليلًا منفصلًا. ميّز في تقريرك بين قائمة قابلة للاستخدام، وروابط قابلة للاكتشاف، ووجهة تعمل، وصفحة مفهرسة؛ فنجاح أي منها لا يثبت بقية النتائج تلقائيًا.