لقد أمضيت ساعات في صياغة صفحة ووردبريس المثالية. المحتوى قوي. الكلمات المفتاحية موضوعة في مكانها. إضافة تحسين محركات البحث الخاصة بك تظهر علامة اختيار خضراء.

ولكن افتح أدوات المطور في متصفحك وتفقد بنية العناوين، وسترى شيئًا يمكن أن يقتل زياراتك العضوية بهدوء: تسلسل هرمي مكسور للعناوين. وجود اثنين من H1. عنوان الموقع ملفوفًا في `＜h1＞`. أقسام تقفز من H2 مباشرة إلى H4. أو الأسوأ — عدم وجود H1 على الإطلاق.

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

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

ما هي علامة H1 ولماذا هي مهمة في ووردبريس؟

علامة H1 (

) هي عنصر العنوان الأعلى في HTML. في HTML الدلالي، تشير إلى المتصفحات ومحركات البحث والتقنيات المساعدة: “هذا هو الموضوع الرئيسي لهذه الصفحة.”

فكر في علامات العناوين كمخطط للمستند:

H1 – Main page title (only one per page)
 ├── H2 – First major section
 │    ├── H3 – Subsection
 │    └── H3 – Another subsection
 ├── H2 – Second major section
 │    ├── H3 – Subsection
 │    │    └── H4 – Detail within subsection
 └── H2 – Third major section

تجاوز مستوى — القفز من H2 إلى H4 — يؤدي إلى كسر المخطط. استخدام اثنين من H1 يخلق غموضًا هيكليًا. استخدام علامات H3 للتنسيق المرئي يؤدي إلى إدخال عناوين شبحية تربك الزواحف.

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

ما يقوله جوجل بالفعل عن علامات H1

دعنا نحسم جدل التصنيف مبكرًا.

في يوليو 2026، تناول جاري إليس من جوجل هذا الأمر مباشرة خلال بودكاست SEO Office Hours: ترتيب العناوين بترتيب دلالي مفيد حقًا للوصول (خاصة لمستخدمي قارئ الشاشة)، لكنه لا يؤثر بشكل كبير على خوارزميات التصنيف لجوجل. كما صرح جون مولر أن وجود علامات H1 متعددة في الصفحة لا يربك الزواحف وليس له تأثير مباشر على تحسين محركات البحث.

فهل يهم أي من هذا؟

نعم — لكن ليس للسبب الذي تذكره معظم أدلة تحسين محركات البحث.

الأسباب الحقيقية للاهتمام بهيكل العناوين في ووردبريس هي:

الامتثال لإمكانية الوصول — معيار النجاح 1.3.1 من WCAG 2.1 يتطلب أن تكون المعلومات والعلاقات قابلة للتحديد برمجيًا. هياكل العناوين المعطلة تفشل في ذلك.
قابلية الزحف وإشارات المحتوى — بينما يمكن لجوجل تحليل الترميز الفوضوي، فإن علامة H1 النظيفة تعطي أوضح إشارة ممكنة حول موضوع الصفحة، وهو ما يهم في الحالات الغامضة.
تجربة المستخدم ووقت المكوث — يمسح القراء العناوين. يساعدهم التسلسل الهرمي المنطقي على التنقل والبقاء لفترة أطول — وكلاهما إشارات ترتيب غير مباشرة.
نظافة التدقيق الفني — بالنسبة للوكالات، تظهر مشكلات العناوين في كل أداة تدقيق (Screaming Frog، Ahrefs، SEMrush، Rank Math، Yoast). تبدو التقارير الموجهة للعملاء سيئة حتى لو كان تأثير الترتيب المباشر محل نقاش.

كيف يولد ووردبريس علامات العناوين: المصادر الأربعة للصراع

فهم لماذا يتطلب كسر هيكل العناوين في ووردبريس فهم الأماكن الأربعة التي يولد منها العناوين.

المصدر 1: قالب الرأس الخاص بالقالب

معظم قوالب ووردبريس تخرج عنوان الموقع في منطقة الرأس. القوالب القديمة والمشفرة بشكل سيء تلف هذا في علامة

— في كل صفحة. هذا يعني أن كل صفحة في موقعك تبدأ بنفس H1: اسم علامتك التجارية.

ثم، عندما يتم عرض عنوان الصفحة أو المقالة (والذي يجب يكون H1)، إما أن يصبح H1 ثانيًا أو يتم تخفيضه إلى H2.

إليك ما يبدو عليه هذا في قالب مكسور header.php:

php

// Broken — site title as H1 on every page
＜h1＞＜?php bloginfo('name'); ?＞＜/h1＞
＜h2＞＜?php the_title(); ?＞＜/h2＞  // Post title wrongly demoted

ما يجب أن يبدو عليه:

php

// Correct — site title is a link or span, post title is H1
＜p class="site-title"＞＜a href="＜?php echo home_url(); ?＞"＞＜?php bloginfo('name'); ?＞＜/a＞＜/p＞
＜h1＞＜?php the_title(); ?＞＜/h1＞

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

المصدر 2: محرر الكتل جوتنبرج

قدم محرر الكتل في ووردبريس تغييرات متعمدة على سلوك H1. افتراضيًا، يقلل جوتنبرج من أهمية خيار H1 في كتلة العنوان — الافتراض هو أن عنوان المقالة يتم عرضه بالفعل كـ H1، لذا يجب أن تبدأ عناوين منطقة المحتوى بـ H2.

من الناحية العملية، يخلق هذا مشكلتين:

المشكلة أ: بعض القوالب لا لم تخرج عنوان المقالة كـ H1. إذا كان قالبك يعرض العنوان في

أو

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

هذا هو بالضبط الموقف الذي تم الإشارة إليه في مشكلة github طويلة الأمد في مستودع جوتنبرج — المستخدمون يطلبون القدرة على إزالة خيار H1 بالكامل للإعدادات المؤسسية والوكالات حيث يتم التحكم في H1 على مستوى القالب. تبرز المشكلة ارتباكًا حقيقيًا: السلوك الافتراضي للمحرر وقالب القالب يحتاجان إلى التنسيق بشكل صريح، لكن ووردبريس لا يوفر فحصًا آليًا لذلك.

المشكلة ب: لا يزال بإمكان محرري المحتوى تحديد H1 في محرر الكتل عن طريق تغيير مستوى العنوان. إذا كان قالبك يخرج بالفعل عنوان المقالة كـ H1، فإن إضافة محرر لكتلة H1 أخرى داخل منطقة المحتوى يخلق تكرارًا — ولا يظهر أي تحذير.

المصدر 3: منشئي الصفحات (Elementor، Divi، Beaver Builder)

منشئو الصفحات هم المصدر الأكبر للفوضى في هيكل العناوين في ووردبريس.

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

مشكلة عنوان منشئ الصفحة النموذجية تبدو كالتالي:

قسم البطل: H1 (صحيح) ✓
عنوان قسم الميزات: H3 (تم تخطي H2، تم اختياره لأنه "يبدو أفضل") ✗
عنوان منطقة الودجة: H2 (يبدو كعنوان قسم، لكنه مجرد عنوان ودجة شريط جانبي) ✗
عنوان الشهادة: H4 (لا H3 فوقه) ✗
عنوان CTA: H2 (العودة إلى مستوى أعلى، الآن المخطط غير خطي تمامًا) ✗

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

توثيق InspectWP يحدد هذا النمط صراحةً: المؤلفون ومستخدمو منشئ الصفحات يختارون مستويات العناوين بناءً على كيف تبدو بدلاً من معناها المنطقي — إذا كان H3 هو الحجم البصري الصحيح، فإنهم يختارون H3، حتى مع عدم وجود H2 فوقه.

المصدر 4: الودجات ومكونات القالب

مناطق ويدجت ووردبريس — الأشرطة الجانبية، التذييلات، وحدات الرأس — غالبًا ما تنتج عناوينها الخاصة. قد يتم عرض ويدجت "المنشورات الأخيرة" كـ H2. قد تستخدم لافتة ترويجية مدمجة في القالب H3. لا شيء من هذه يعتبر جزءًا من مخطط المحتوى، ولكنها تظهر في هيكل العناوين في الصفحة.

يؤدي هذا إلى خلق "ضجيج" في العناوين يضخم التعقيد الظاهري للمخطط ويمكن أن يدفع عناوين المحتوى خارج موقعها الهرمي الصحيح.

أكثر 5 مشاكل شائعة في ووردبريس حول H1 وتسلسل العناوين

المشكلة 1: عنوان الموقع مغلف بـ H1 في كل صفحة

كيف يبدو: كل صفحة في موقعك تحتوي على اثنين H1 — اسم موقعك وعنوان المنشور.

من يتأثر به: المواقع التي تستخدم قوالب قديمة، أو قوالب متميزة سيئة البناء، أو أي قالب استخدم فيه المطور

للعلامة التجارية للموقع.

كيفية اكتشافه: انقر بزر الماوس الأيمن على أي صفحة → فحص → ابحث عن

في لوحة العناصر. إذا رأيت اسم موقعك مغلفًا بـ H1 في قسم

، فأنت تواجه هذه المشكلة.

كيفية إصلاح ذلك:

الخيار 1: تعديل القالب الفرعي (طريقة المطور) في القالب الفرعي الخاص بك header.php، ابحث عن إخراج عنوان الموقع وقم بتغييره من

إلى

أو مع الفئات المناسبة:

php

＜p class="site-title"＞
  ＜a href="＜?php echo esc_url(home_url('/')); ?＞" rel="home"＞
    ＜?php bloginfo('name'); ?＞
  ＜/a＞
＜/p＞

الخيار 2: CSS + aria-label (حل بدون كود) إذا لم تتمكن من تعديل ملفات القالب، استخدم CSS لإعادة تعيين تنسيق H1 على عنوان الموقع:

css

.site-header h1.site-title {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

ملاحظة: هذا يخفي البصري مشكلة H1 البصرية ولكنه لا يصلح المشكلة الهيكلية. تبقى علامة H1 في الترميز.

الخيار 3: التبديل إلى قالب منظم جيدًا القوالب التي تتبع معايير برمجة ووردبريس (Twenty Twenty-Four، Kadence، GeneratePress، Astra) تتعامل مع هذا بشكل صحيح مباشرة. إذا كان قالبك الحالي لديه هذه المشكلة ولست مطورًا، فإن التبديل غالبًا ما يكون الحل الأكثر موثوقية.

المشكلة 2: فقدان H1 في الصفحة الرئيسية

كيف يبدو: صفحتك الرئيسية لا تحتوي على أي علامات H1. تقارير إضافات تحسين محركات البحث "لم يتم العثور على H1."

من يتأثر به: المواقع التي تستخدم صورة شعار للعلامة التجارية (إخفاء عنوان الموقع)، المواقع التي تستخدم صفحة رئيسية ثابتة بدون عنوان مرئي، أو المواقع التي لا يستدعي فيها قالب الصفحة الرئيسية the_title().

هذه مشكلة حقيقية ومتكررة في منتديات دعم ووردبريس. السبب عادة هو هذا التسلسل: يتم ضبط عنوان الموقع للعرض في الرأس، ولكن المستخدم يخفيه (أو يستبدله بشعار)، مما يزيل H1 الوحيد من الصفحة. نظرًا لأن الصفحة الرئيسية غالبًا لا تحتوي على "عنوان منشور" بالطريقة التي تحتويها مشاركة المدونة، فلا يتم إنشاء H1 تلقائيًا.

كيفية إصلاح ذلك:

للصفحة الرئيسية تحديدًا: أضف H1 إلى قسم البطل أو قالب الصفحة. يمكن أن يكون:

عنوان مرئي ("اسم عملك | فئة الخدمة") يعمل أيضًا كـ H1
H1 مخفي بصريًا مضاف عبر CSS (position: absolute; clip: rect(0 0 0 0);) الذي يوفر العلامة الدلالية دون تعطيل التصميم البصري

في غوتنبرغ: أضف كتلة عنوان في أعلى محتوى صفحتك الرئيسية، واضبطها على H1، واجعلها جزءًا من رسالة البطل الخاصة بك.

المشكلة 3: تخطي مستويات العناوين في المحتوى

كيف يبدو: يقفز هيكل المحتوى من H2 مباشرة إلى H4، أو من H1 مباشرة إلى H3.

من يتأثر به: أي شخص يكتب محتوى طويل يستخدم العناوين للتنسيق البصري بدلاً من الهيكل الدلالي.

لماذا يهم: كما تلاحظ InspectWP، يحدث تخطي مستويات العناوين عندما يختار المؤلفون المستويات بناءً على المظهر — يبدو H3 صحيحًا، لذا يستخدمون H3، بغض النظر عما إذا كان H2 يسبقه.

كيفية اكتشافه في غوتنبرغ: انقر على أيقونة المعلومات (ℹ) في شريط الأدوات العلوي لمحرر الكتل. تعرض لوحة مخطط المستند كل عنوان بالترتيب وتعلم على المستويات المتخطاة بتحذير.

كيفية إصلاح ذلك:

دقق هيكل العناوين الخاص بك باستخدام مخطط المستند قبل النشر
ضع دليل أسلوب محتوى لفريقك: H2 للأقسام الرئيسية، H3 للأقسام الفرعية، H4 للأقسام الفرعية الفرعية — لا تتخط المستويات أبدًا
استخدم تحليل المحتوى من Yoast SEO أو Rank Math — كلاهما يحدد مشاكل هيكل العناوين

المشكلة 4: علامات H1 متعددة من بناة الصفحات

كيف يبدو: صفحة مبنية باستخدام Elementor أو Divi تحتوي على ثلاث أو أربع علامات H1 لأن كل قسم رئيسي له عنوان رئيسي خاص به على نمط البطل "H1".

كيفية إصلاح ذلك:

في Elementor: قم بتعديل كل ويدجت عنوان → تحقق من إعداد علامة HTML → عيّن عنوان الصفحة الأساسي فقط إلى H1، وقم بتغيير الباقي إلى H2 أو H3 حسب الاقتضاء.

في Divi: تعديل وحدات العناوين → تحت متقدم → علامة HTML → التغيير إلى المستوى الدلالي الصحيح.

في Beaver Builder: تحتوي كل وحدة عنوان على إعداد "علامة العنوان" في علامة التبويب النمط. دقق كل واحدة.

المشكلة 5: مشكلة رؤية H1 في غوتنبرغ

كيف يبدو: القالب الخاص بك لا يخرج عنوان المنشور كـ H1، وقد أخفى غوتنبرغ خيار H1 في كتلة العنوان. صفحاتك ليس لديها H1.

كيفية إصلاح ذلك:

بالنسبة للمطورين الذين يديرون موقعاً يجب فيه وضع H1 داخل منطقة المحتوى، يمكنك استعادة خيار H1 باستخدام مرشح (filter) في قالبك functions.php:

php

// Allow H1 in the Heading block
add_filter( 'allowed_block_types_all', function( $allowed_blocks ) {
    return $allowed_blocks;
});

بدلاً من ذلك، قم بالتبديل إلى عرض "التحرير كـ HTML" لكتلة العنوان وقم بتعيين

يدويًا في الترميز.

بالنسبة لإعدادات الوكالات حيث ترغب في منع المحررين من إضافة H1 (لأن القالب يتحكم فيه)، استخدم `block_editor_settings_all` الفلتر لتقييد مستويات العناوين في المحرر.

كيفية تدقيق هيكل عناوين ووردبريس الخاص بك (خطوة بخطوة)

الطريقة 1: إضافة SkySEOManager المجانية

استخدم إضافة SkySEOManager محلل SEO المدمج للعثور على جميع المشكلات المتعلقة بالعناوين.

اقرأ دليلنا الكامل: كيفية تدقيق موقع ووردبريس الخاص بك باستخدام SkySEOManager لجميع مشكلات SEO

الطريقة 2: استخدام محلل SEO المجاني من Siteskyline

قم بزيارة محلل SEO المجاني وأدخل عنوان URL الخاص بك وانقر على تحليل الآن.

سيعرض لك جميع المشكلات المتعلقة بعلامات العناوين الخاصة بك.

تسلسل H1 في ووردبريس: قائمة مراجعة الوكالة

إذا كنت تبني أو تدير مواقع ووردبريس للعملاء، يجب أن يكون هيكل العناوين جزءًا من عملية ما قبل الإطلاق والتدقيق المستمر. إليك قائمة مراجعة قابلة للتكرار:

على مستوى القالب:

عنوان الموقع في الترويسة ليس مغلفًا بـ
(استخدم
أو أو
)
عنوان المنشور/الصفحة يظهر كـ
داخل
أو
في جميع أنواع المنشورات
الصفحة الرئيسية تحتوي على
واحد فقط — إما من عنوان الموقع أو قسم البطل (hero section)
صفحات الأرشيف (الفئة، الوسم، المؤلف) تحتوي على
وصفي
صفحة 404 تحتوي على

على مستوى المحتوى:

كل صفحة تحتوي على
واحد فقط في منطقة المحتوى (أو صفر إذا كان القالب يتعامل معه عبر العنوان)
الأقسام الرئيسية تستخدم
الأقسام الفرعية تستخدم
متداخلة داخل أقسام
لا يتم تخطي أي مستويات عناوين
لا تُستخدم العناوين للتنسيق البصري فقط

على مستوى الإضافات/أدوات البناء:

عناصر العناوين في Elementor/Divi/Beaver Builder لديها إعدادات علامة HTML صحيحة
مناطق الودجت لا تخرج علامات H1 أو H2 عن طريق الخطأ
يتم حل تحذيرات H1 الخاصة بإضافة SEO في جميع الصفحات الرئيسية

تسلسل عناوين ووردبريس الصحيح — حسب نوع الصفحة

لا يوجد نمط واحد يناسب كل نوع صفحة في ووردبريس. إليك الهيكل الصحيح لكل منها:

منشور مدونة / صفحة منشور فردي

H1: Post Title (output by theme automatically)
  H2: First major section
    H3: Subsection
    H3: Another subsection
  H2: Second major section
    H3: Subsection
      H4: Detail
  H2: Third major section

الصفحة الرئيسية (صفحة أمامية ثابتة)

H1: Primary value proposition or page headline
  H2: Service category or feature group
    H3: Individual service or feature
  H2: Testimonials or social proof section
  H2: Call to action section

صفحة منتج WooCommerce

H1: Product name (output by WooCommerce template)
  H2: Product description heading
  H2: Reviews
  H2: Related products

صفحة الفئة / الأرشيف

H1: Category name (e.g., "WordPress SEO Articles")
  H2: Post title within loop (if posts are displayed with headings)

الأخطاء الشائعة التي تكسر هيكل H1 في ووردبريس

الخطأ 1: استخدام علامات العناوين لتنسيق النص إذا كنت تريد نصًا عريضًا كبيرًا ليس عنوان قسم، فلا تستخدم H2. أضف فئة CSS إلى

أو

وقم بتنسيقه بصريًا. استخدام علامات العناوين للجماليات يلوث مخططك الهيكلي.

الخطأ 2: السماح للمحررين باختيار مستويات العناوين بالنظر بدون دليل أسلوب المحتوى، سينجذب المحررون بشكل طبيعي نحو مستويات العناوين التي تبدو تبدو صحيحة. دليل داخلي موجز — "H2 للأقسام، H3 للأقسام الفرعية، لا تستخدم H1 أبدًا في المحتوى" — يمنع معظم المشكلات.

الخطأ 3: تثبيت قالب ووردبريس دون التحقق من هيكل العناوين لا تقوم جميع قوالب ووردبريس المميزة بإخراج ترميز عناوين صحيح. قبل الالتزام بقالب، افحص منشورًا تجريبيًا: هل يظهر عنوان المنشور كـ H1؟ هل يتجنب عنوان الموقع أن يكون H1 في الصفحات الداخلية؟

الخطأ 4: افتراض أن إضافة SEO الخاصة بك تغطي كل شيء تقوم إضافتا Yoast و Rank Math بفحص المنشور الذي تقوم بتحريره. لكنهما لا تكتشفان مشاكل العناوين التي قد تظهر بسبب قالب الترويسة (header) في موقعك، أو أدوات التذييل (footer widgets)، أو قوالب صفحات الأرشيف. لا يزال إجراء تدقيق يدوي أو استخدام أداة Screaming Frog أمراً ضرورياً.

الخطأ 5: إصلاح المظهر البصري بدلاً من هيكلية HTML الحل الأكثر شيوعاً لمشكلة وسم H1 في عنوان الموقع هو إضافة CSS لجعله يبدو أصغر. هذا يخفي المشكلة بصرياً ولكنه يترك الترميز المعطل كما هو. قم بإصلاح وسم HTML، وليس النمط فقط.