في هذا الدرس نشرح وسوم العناوين في HTML، من <h1> إلى <h6>. تؤدي العناوين دورًا محوريًا في التسلسل الهرمي المرئي وفي SEO.

مستويات العناوين الستة

<h1>العنوان الرئيسي للصفحة (الأكبر)</h1>
<h2>عناوين الأقسام الرئيسية</h2>
<h3>الأقسام الفرعية</h3>
<h4>مستوى أدنى</h4>
<h5>نادر الاستخدام</h5>
<h6>الأصغر (نادر جدًا)</h6>

التسلسل الصحيح لأغراض SEO

1. ينبغي أن تحتوي كل صفحة على وسم <h1> واحد (عنوان الصفحة الرئيسي).
2. توضع الأقسام بعلامة <h2>.
3. تأخذ الأقسام الفرعية داخل <h2> علامة <h3> — لا تتخطوا المستويات (لا تنتقلوا من <h2> مباشرة إلى <h4>).
4. أدرجوا الكلمات المستهدفة في العناوين، ولكن اجعلوا النص طبيعيًا.
5. لا تستخدموا العناوين لأغراض شكلية (لمجرد الحصول على خط كبير) — فـ CSS مخصص لذلك.

مثال عملي

<h1>كيف تشتري نطاقًا في تركيا؟</h1>
  <h2>1. اختيار المزوّد المناسب</h2>
    <h3>داخل البلد مقابل الخارج</h3>
    <h3>مقارنة الأسعار</h3>
  <h2>2. البحث عن اسم نطاق</h2>
  <h2>3. خطوات الشراء</h2>

ملاحظة 2026 — إمكانية الوصول (a11y)

ينتقل مستخدمو قارئات الشاشة بين العناوين باستخدام مفتاح H. لذلك فإن التسلسل الصحيح ليس مهمًا لـ SEO وحده، بل ضروري أيضًا لجعل موقعكم قابلًا للاستخدام من قِبل ذوي الإعاقة البصرية.