---
name: heading-outline-repair
description: استخدمها عندما تُقرأ الصفحة جيدًا لدى الإنسان بينما بنية عناوينها غير مفهومة لزاحف أو لقارئ شاشة.
---

# إصلاح مخطط العناوين

العناوين تشكّل مخطط المستند الذي تعتمد عليه التقنيات المساعدة ومحركات البحث. المستويات المختارة حسب الحجم البصري لا حسب التسلسل تنتج مخططًا يقول شيئًا مختلفًا عن الصفحة. هذه المهارة تصلح البنية دون تغيير التصميم.

## ما تحتاجه أولًا

- الصفحة المعروضة
- تسلسلها البصري كما صُمِّم

## الطريقة

1. استخرج كل عنوان بترتيب المستند مع مستواه، متجاهلًا التنسيق تمامًا.
2. تحقق من الأخطاء البنيوية الثلاثة: غياب H1، وأكثر من H1 واحد، وتخطي المستويات مثل H2 يتبعه H4 مباشرة.
3. اقرأ المخطط المستخرج وحده. إن لم يصف الصفحة، فالمستويات خاطئة مهما بدت الصفحة جيدة.
4. تحقق مما بداخل الـ H1. النص المخفي المخصص لقارئات الشاشة، أو عنصر عنوان متبدّل، قد ينفخ العنوان إلى مئات الحروف - الإنسان يرى عنوانًا قصيرًا بينما يقرأ الزاحف فقرة.
5. أصلح بتغيير المستويات لتطابق المعنى، ثم أعد المظهر بـ CSS. الحجم والمستوى مستقلان.
6. انقل أي جملة مخصصة لقارئ الشاشة خارج العنوان إلى عنصر شقيق، فتحتفظ بها التقنيات المساعدة ويبقى العنوان قصيرًا.

## ما الذي تنتجه

مخطط مصحَّح، إضافة إلى أي محتوى مخفي أُزيل من العناوين ونُقل دون فقدان.

## أين تخطئ عادةً

- اختيار مستوى العنوان حسب حجم الخط
- ترك نص مخفي بصريًا داخل H1، وهو ما ينفخه أمام الزواحف
- استخدام عدة H1 لأن قالب إطار العمل يصدرها

---

من مكتبة مهارات QuQi - https://www.quqi.io/ar/skills/heading-outline-repair