ما هو
تأتي وسوم العناوين في ستة مستويات، من <h1> (العنوان الرئيسي) إلى <h6> (أصغر عنوان فرعي)، ويُقصد استخدامها بالترتيب لبناء مخطط متداخل لمحتوى الصفحة — H1 واحد في الأعلى، وH2 لأقسامها الرئيسية، وH3 للأقسام الفرعية داخل تلك الأقسام، وهكذا. "هرمية العناوين" تشير ببساطة إلى ما إذا كانت عناوين الصفحة تتبع فعليًا هذا الترتيب المتداخل، أم أن المستويات تُتخطى أو تُستخدم خارج التسلسل، مثل القفز مباشرة من H1 إلى H3 دون H2 بينهما.
من السهل أن يحدث هذا الخطأ عندما تُختار العناوين بناءً على مظهرها فقط (اختيار أي مستوى عنوان يصادف أن يُعرض بحجم الخط المرغوب) بدلاً من معناها الهيكلي.
لماذا يهم
تعمل هرمية عناوين جيدة الهيكلة مثل جدول محتويات مبني مباشرة داخل الصفحة — تعتمد عليها محركات البحث ومستخدمو قارئات الشاشة على حد سواء لفهم كيفية تنظيم محتوى الصفحة والقفز مباشرة إلى القسم الذي يهمهم. تكسر مستويات العناوين المتخطاة أو غير المرتبة ذلك المخطط، مما يجعل هيكل الصفحة أصعب حقًا للمتابعة برمجيًا، حتى عندما لا يزال يُقرأ بشكل جيد بصريًا لزائر مبصر يتصفح بشكل طبيعي.
فعل ذلك بشكل صحيح لا يتطلب إضافة عناوين أكثر مما تحتاجه الصفحة — إنه يعني ببساطة استخدام المستويات التي تمتلكها الصفحة بالترتيب المتداخل الصحيح، بدلاً من القفز بناءً على حجم الخط فقط.
كيفية الإصلاح
- اسرد كل عنوان في الصفحة بالترتيب، مسجّلاً مستواه (H1، H2، H3، إلخ) — يمكن لمعظم أدوات أو إضافات إمكانية الوصول في المتصفح إنشاء هذا المخطط تلقائيًا.
- تأكد من أن الصفحة تحتوي على H1 واحد بالضبط، متبوعًا بـ H2 للأقسام الرئيسية.
- تحقق من تخطي أي مستوى عنوان — على سبيل المثال، H2 متبوع مباشرة بـ H4 دون H3 — واضبط ذلك بملء المستوى المفقود أو خفض العنوان المتخطى.
- إذا اختير عنوان بناءً على حجمه المرئي فقط بدلاً من موضعه الهيكلي في المخطط، غيّر مستوى عنوانه واضبط حجم خطه بشكل منفصل بالتنسيق بدلاً من ذلك.
- أعد تشغيل فحص Launch Readiness للتأكد من أن الهرمية متسقة الآن.