وسوم العناوين (H1–H6): كيف تنظّم صفحاتك للقراء ومحركات البحث

وسوم العناوين – من <h1> إلى <h6> – تحدد العناوين في صفحة الويب. وهي تمنح الصفحة مخططًا، كما تنظّم الفصول والأقسام كتابًا. وتساعد هذه البنية ثلاث فئات في آن واحد:

• القراء، الذين يتصفحون العناوين للعثور على الجزء الذي يحتاجونه
• مستخدمو قارئات الشاشة، الذين ينتقلون من عنوان إلى آخر للتنقل
• محركات البحث وأنظمة الذكاء الاصطناعي، التي تستخدم العناوين لفهم ما يغطيه كل قسم

ضبط العناوين بشكل صحيح من أسهل تحسينات الصفحة التي يمكنك إجراؤها.

كيف تعمل مستويات العناوين

• H1 – العنوان الرئيسي للصفحة، ويصف موضوعها العام
• H2 – الأقسام الرئيسية
• H3 – الأقسام الفرعية داخل H2
• H4–H6 – مستويات أعمق، نادرًا ما تحتاجها معظم صفحات الويب

المخطط الجيد يُقرأ كفهرس محتويات:

H1  كيف تبدأ التسميد في المنزل
  H2  ما يمكن تسميده وما لا يمكن
    H3  المواد الخضراء: الغنية بالنيتروجين
    H3  المواد البنية: الغنية بالكربون
  H2  اختيار حاوية السماد
  H2  خطوة بخطوة: بدء كومتك الأولى
  H2  حل المشكلات الشائعة
    H3  السماد له رائحة كريهة
    H3  السماد لا يتحلل
  H2  الأسئلة الشائعة

أي شخص ينظر إلى هذا المخطط يعرف تمامًا ما تغطيه الصفحة – وكذلك محرك البحث.

هل يجب أن تحتوي الصفحة على H1 واحد فقط؟

يسمح HTML5 تقنيًا بعدة عناصر H1، وقد قالت Google إن وجود أكثر من H1 لا يمثل مشكلة لأنظمتها. ومع ذلك، فإن H1 واحدًا لكل صفحة هو الخيار الأوضح. فهو يحدد الموضوع الرئيسي دون لبس، ويحافظ على منطقية المخطط لقارئات الشاشة، ويتجنب إرباك أدوات SEO.

من الأسباب الشائعة لتعدد H1 القوالب التي تضع الشعار داخل H1 في كل صفحة، أو منشئو الصفحات الذين يستخدمون H1 للتنسيق. راجع قوالبك.

هل يجب أن يطابق H1 وسم العنوان؟

يجب أن يصفا الموضوع نفسه، لكن لا يلزم أن يكونا متطابقين. فوسم العنوان يُكتب لنتائج البحث ويجب أن يتسع لنحو 60 حرفًا. أما H1 فهو العنوان الذي يراه الناس بعد وصولهم، لذا يمكن أن يكون أطول قليلًا أو أكثر حوارية.

إذا وصف الاثنان أشياء مختلفة تمامًا، فمن المرجح أكثر أن تعيد Google كتابة عنوانك في نتائج البحث.

أفضل الممارسات للعناوين

استخدم العناوين للبنية لا للتنسيق

لا تختر مستوى عنوان لأنك تحب حجم خطه، ولا تجعل النص العادي عريضًا وكبيرًا بدلًا من استخدام عنوان حقيقي. نسّق العناوين بـCSS، واختر المستوى بناءً على المخطط.

لا تتخطَّ المستويات

انتقل من H2 إلى H3، لا من H2 مباشرة إلى H4. فالمستويات المتخطاة تجعل البنية أصعب في التتبع، خاصة لمستخدمي قارئات الشاشة الذين يتنقلون حسب مستوى العنوان.

اجعل العناوين وصفية

«نظرة عامة» و«مزيد من المعلومات» و«القسم 2» لا تخبر أحدًا بشيء. أما «كم تكلفة تحويل العلية إلى غرفة؟» فتخبر القراء ومحركات البحث بما يليها بالضبط.

استخدم الكلمات التي يبحث عنها الناس – بشكل طبيعي

إذا كانت صفحتك تستهدف «تكلفة تحويل العلية»، فمن المنطقي أن يستخدم H1 وعنوان H2 واحد على الأقل تلك العبارة أو صيغًا قريبة منها. لا تُقحم الكلمات المفتاحية في كل عنوان؛ فذلك ركيك ولا يجلب أي فائدة.

اكتب عناوين على شكل أسئلة للمحتوى الذي يجيب عن أسئلة

عندما يجيب قسم عن سؤال، صُغ العنوان بصيغة ذلك السؤال وأجب عنه مباشرة في الجملة الأولى أسفله. هذه الصيغة سهلة التصفح للقراء وسهلة الاستخراج لمحركات البحث في المقتطفات المميزة و«أسئلة ذات صلة» وإجابات الذكاء الاصطناعي.

اجعلها موجزة

تعمل معظم العناوين بشكل أفضل في حدود 70 حرفًا. فالعناوين الطويلة صعبة التصفح.

العناوين وإمكانية الوصول

بالنسبة لمستخدمي قارئات الشاشة، العناوين هي الطريقة الرئيسية لفهم الصفحة والتنقل فيها. وتتوقع إرشادات الوصول إلى محتوى الويب (WCAG) أن تصف العناوين أقسامها وأن تعكس البنية الحقيقية للمحتوى. لذا فإن بنية العناوين الجيدة متطلب لإمكانية الوصول، لا مجرد لمسة إضافية لتحسين البحث – وهي تفيد الجميع.

مشكلات العناوين الشائعة

1. عدم وجود H1 إطلاقًا – غالبًا لأن القالب يعرض عنوان الصفحة داخل div منسّق
2. الشعار داخل H1 في كل صفحة – فيصبح لكل الصفحات H1 نفسه
3. استخدام العناوين لعناصر التصميم مثل «تابعنا» أو مربعات النشرة البريدية في الأشرطة الجانبية
4. العناوين الفارغة – وسم عنوان لا يحتوي إلا على صورة بلا نص بديل
5. جدران النصوص – صفحات طويلة بلا أي عناوين فرعية

سيكشف الزحف إلى الموقع الصفحات التي تفتقد H1 أو تحتوي على أكثر من واحد، ويعرض فحص الصفحة المخطط الكامل.

أمثلة مخططات لأنواع الصفحات الشائعة

صفحة منتج

H1  ماكينة إسبريسو Breville Barista Express
  H2  أهم الميزات
  H2  محتويات العلبة
  H2  المواصفات
  H2  مراجعات العملاء
  H2  التوصيل والإرجاع

صفحة خدمة محلية

H1  سبّاك طوارئ في الرياض
  H2  ما نصلحه
    H3  الأنابيب المنفجرة
    H3  أعطال السخانات
    H3  انسداد المصارف
  H2  المناطق التي نغطيها
  H2  الأسعار
  H2  لماذا تختارنا
  H2  الأسئلة الشائعة

مقال مقارنة

H1  أفضل مطاحن القهوة ذات الأقراص في 2026
  H2  أفضل اختياراتنا في لمحة
  H2  كيف اختبرنا
  H2  مراجعة أفضل المطاحن
    H3  1. Baratza Encore ESP – الأفضل إجمالًا
    H3  2. Fellow Opus – أفضل تصميم
  H2  ما الذي تبحث عنه في المطحنة
  H2  الأسئلة الشائعة

كل مخطط مفهوم بذاته. يمكنك تسليمه لكاتب وسيعرف بالضبط ما عليه إنتاجه.

العناوين والمقتطفات المميزة

عندما تظهر صفحة في مقتطف مميز – الإجابة المؤطرة أعلى بعض النتائج – كثيرًا ما تستخدم Google عنوانًا كسياق، والفقرة أو القائمة أسفله مباشرة كإجابة. وغالبًا ما تأتي القوائم في المقتطفات من سلسلة عناوين H2 أو H3، أو من قائمة مرقّمة تحت عنوان.

لمنح محتواك أفضل فرصة:

• صُغ العنوان بصيغة السؤال أو المهمة
• أجب بإيجاز (نحو 40–60 كلمة) في الفقرة الأولى بعده
• استخدم قائمة مرقّمة للخطوات وقائمة نقطية للخيارات
• استخدم جدولًا للمقارنات

البنية نفسها تجعل محتواك أسهل في الاستخراج والاقتباس لمحركات البحث بالذكاء الاصطناعي.

تدقيق العناوين في الموقع بأكمله

تأتي مشكلات العناوين عادةً من القوالب، لذا تتكرر في صفحات كثيرة. ويكشف الزحف الأنماط بسرعة:

1. صفحات بلا H1 – راجع قالب ذلك النوع من الصفحات
2. صفحات بعدة H1 – غالبًا بسبب الشعار أو أداة في الشريط الجانبي
3. H1 متطابق في صفحات كثيرة – علامة على قوالب نمطية أو صفحات ضعيفة ومكررة
4. H1 لا يطابق موضوع وسم العنوان – خطر إرسال إشارات مربكة

أصلح القالب مرة واحدة فتتحسن كل الصفحات التي تستخدمه. أما الصفحات الفردية، فافتح عرض المخطط واقرأ العناوين فقط: إذا كانت القصة مفهومة وتغطي ما يتوقعه الباحثون، فالبنية ناجحة.

تنسيق العناوين دون كسر البنية

يريد المصممون أحيانًا عنوانًا صغيرًا وهادئًا لقسم هو من الناحية البنيوية H2، أو عبارة بصرية كبيرة ليست عنوانًا أصلًا. وCSS يعالج الحالتين: نسّق H2 ليبدو صغيرًا باستخدام class، واستخدم فقرة أو div منسّقًا للعبارة الزخرفية. اجعل HTML صادقًا مع بنية المحتوى، واترك المظهر لـCSS.

أهم النقاط

• تمنح العناوين الصفحات مخططًا يساعد القراء ومستخدمي قارئات الشاشة ومحركات البحث.
• استخدم H1 واحدًا للموضوع الرئيسي، وH2 للأقسام، وH3 للأقسام الفرعية، دون تخطي المستويات.
• اختر مستويات العناوين حسب البنية ونسّقها بـCSS.
• العناوين بصيغة الأسئلة المتبوعة بإجابة مباشرة مناسبة للمقتطفات المميزة وإجابات الذكاء الاصطناعي.
• تأتي معظم مشكلات العناوين من القوالب – فأصلحها مرة واحدة من المصدر.
• اقرأ عناوينك فقط: إذا روى المخطط القصة، فالبنية ناجحة.

الأسئلة الشائعة

هل تساعد وسوم العناوين في تحسين البحث؟

نعم. فهي تساعد محركات البحث على فهم موضوع الصفحة وبنيتها، وتجعل المحتوى أسهل في القراءة، ما يدعم التفاعل. وH1 بالذات إشارة قوية على الموضوع الرئيسي للصفحة.

هل يمكنني استخدام H1 أكثر من مرة؟

يمكنك ذلك، وGoogle تتعامل معه، لكن H1 واحدًا لكل صفحة أوضح للمستخدمين وأدوات إمكانية الوصول وعمليات التدقيق.

كم عدد عناوين H2 التي يجب أن تحتويها الصفحة؟

بعدد الأقسام الحقيقية. قد تحتوي صفحة منتج قصيرة على اثنين أو ثلاثة، ودليل طويل على عشرة أو أكثر.

هل يجب أن تحتوي العناوين على كلمات مفتاحية؟

استخدم العبارات ذات الصلة حيث تناسب بشكل طبيعي، خاصة في H1 وعناوين H2 الرئيسية. فالوضوح للقارئ أهم من الكلمات المفتاحية المطابقة تمامًا.