العناوين ⁦H1–H6⁩:
تنظيم وفحص

حدّد أولًا ما الذي ينبغي أن توضحه العناوين

تحدد ⁦H1–H6⁩ العناوين ومستويات الأقسام في ⁦HTML⁩. يساعد الهيكل الجيد على إيجاد الإجابة وفهم العلاقة بين أجزاء الصفحة والتنقل باستخدام التقنيات المساعدة. افحص المعنى والترميز والعرض معًا. كِبر حجم النص لا يثبت وحده أنه عنوان في الكود.

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

فيما يلي مسار يبدأ بفحص صفحة واحدة ثم الموقع كله، وبعده ضبط ⁦WordPress⁩ ونشر التعديلات ومتابعة النتائج. أمثلة الرف ⁦R-8⁩ وتركيبه تعليمية، وليست حالة عميل أو وصفًا لمنتج حقيقي.

ميّز بين ⁦H1⁩ و⁦Title⁩ والتنسيق المرئي

قد تظهر العبارة نفسها في أكثر من موضع. عند الاستلام، حدّد الحقل الذي عُدّل وأين ظهرت قيمته. قد يصبح عنوان المقال في ⁦CMS⁩ عنصر ⁦H1⁩، لكن القالب أو أداة بناء الصفحات قد يستخدمان إعدادًا آخر.

يجوز تطابق ⁦Title⁩ و⁦H1⁩؛ لا حاجة إلى تبديل الكلمات اصطناعيًا لمجرد التفريق بينهما. ويمكن أن يبرز كل منهما تفاصيل مفيدة مختلفة. مثلًا يحدد ⁦H1⁩ «تركيب رفوف المستودعات» موضوع الخدمة، بينما يوضح ⁦Title⁩ المنطقة والشركة إذا أيد المحتوى ذلك. ترد خطوات الفحص المفصلة في دليل عناوين الصفحات.

عنوان البحث ليس نسخة مطابقة لحقل يمكن ضمانها. توضح ⁦Google⁩ عدة مصادر لتكوينه، ومنها عنوان بارز على الصفحة. لذلك ينبغي أن يكون الموضوع الرئيسي متسقًا بين البيانات الوصفية و⁦H1⁩ والمحتوى.

ابنِ الهيكل حول مهام الزائر

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

1. صُغ موضوع الصفحة في جملة واحدة.
2. اكتب الأسئلة التي يحتاج الزائر إلى إجاباتها قبل اتخاذ القرار.
3. ميّز بين الأسئلة المستقلة والتفاصيل داخل السؤال الواحد.
4. احذف البنود المتكررة أو التي تنحرف إلى خدمة أخرى.
5. تحقق من وجود النص أو الجدول أو التعليمات أو الصورة المناسبة تحت كل عنوان.

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

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

حدّد التداخل ثم اضبط حجم النص

في المقال المعتاد، يناسب ⁦H1⁩ عنوانه و⁦H2⁩ الأقسام المستقلة و⁦H3⁩ الأقسام الفرعية. تُستخدم ⁦H4–H6⁩ عند وجود تداخل أعمق فعليًا. لا تضف المستويات الستة لمجرد الاكتمال، ولا تختر ⁦H4⁩ فقط لأن القالب يعرضه بحجم أصغر.

إرشادات ⁦W3C WAI⁩ تساعد على التمييز بين التعمق والانتقال إلى قسم جديد. الانتقال ⁦H2 → H4⁩ يتجاوز مستوى وسيطًا. أما ⁦H4 → H2⁩ فقد يكون صحيحًا: انتهى قسم فرعي تفصيلي وبدأ قسم رئيسي جديد.

<h1>تركيب رفوف المستودعات</h1>
<h2>ما الذي يشمله العمل</h2>
<h3>تجهيز مكان التركيب</h3>
<h3>تجميع الهيكل وتثبيته</h3>
<h2>كيفية قبول النتيجة</h2>
<h3>الفحص وفق التصميم المتفق عليه</h3>
<h2>ما الذي يحدد التكلفة</h2>

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

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

اكتب عناوين أقسام تساعد على اختيار الإجابة

ينبغي أن يعرّف ⁦H1⁩ بالموضوع عند الوصول إلى الصفحة. في التصنيف قد يكون مجموعة المنتجات، وفي صفحة المنتج الطراز المحدد، وفي الدليل المهمة التي سيحلها القارئ. استخدم مفردات مألوفة للجمهور وتفاصيل يمكن إثباتها.

لا تكرر الاستعلام الرئيسي في كل ⁦H2⁩. يمكن غالبًا اختصار «تركيب الرفوف: السعر» و«تركيب الرفوف: المراحل» و«تركيب الرفوف: المزايا» لأن ⁦H1⁩ حدّد الموضوع. احتفظ بالتوضيح حين يؤدي حذفه إلى الغموض.

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

افحص العناوين في ⁦HTML⁩ المنشور

افتح الصفحة كزائر عادي، ثم انقر بزر الفأرة الأيمن على العنوان الظاهر واختر «فحص» أو ⁦Inspect⁩. يختلف الاسم حسب لغة المتصفح. اعثر على العنصر نفسه؛ فقد يكون ⁦H1⁩ أو فقرة أو كتلة من أداة البناء أو صورة. قارن النص بما توقعت ظهوره بعد الحفظ.

1. سجّل الرابط ونوع الصفحة.
2. افحص العنوان الرئيسي وبداية المحتوى الأساسي.
3. راجع ⁦H2–H6⁩ بترتيب المستند ثم قارنه بالترتيب المرئي.
4. افتح علامات التبويب أو القوائم أو مربعات الحوار إذا وجد الزاحف العناوين الزائدة فيها.
5. كرر الفحص بعرض شاشة هاتف: هل تظهر نسخة ثانية من ⁦H1⁩ أو تُقتطع كلمات؟

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

console.table(
  [...document.querySelectorAll('h1,h2,h3,h4,h5,h6')]
    .map((node, index) => ({
      order: index + 1,
      level: node.tagName,
      text: node.textContent.trim().replace(/\s+/g, ' '),
      id: node.id,
      hasLayoutBox: node.getClientRects().length > 0
    }))
);

الحقل hasLayoutBox ليس إلا مؤشرًا على وجود أبعاد تخطيطية، وليس فحصًا كاملًا لإمكانية الوصول أو الظهور. لا يدخل المقطع إلى ⁦iframe⁩ أو ⁦Shadow DOM⁩ ولا يسرد العناصر التي تستخدم دور عنوان ⁦ARIA⁩ مستقلًا. تحتاج الواجهات المعقدة أيضًا إلى فحص شجرة إمكانية الوصول.

حدّد مصدر العناوين الزائدة أو غير المرئية

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

العنوان المخفي داخل مربع حوار مغلق لا يثبت بذاته التلاعب بالبحث. فقد يحتاج الحوار إلى عنوان خاص لإمكانية الوصول. وكذلك تتطلب علامات التبويب والأقسام القابلة للطي تقييم سلوكها الفعلي. لا تحوّل كل هذه العناصر إلى نص عادي لمجرد تقليل عدد وسوم ⁦H⁩.

أما ⁦H2⁩ الفارغ المتبقي من كتلة محذوفة فلا يفيد التنقل. افحص سبب إخراج القالب وسمًا بلا محتوى: حقل فارغ، أو قسم اختياري، أو خطأ استيراد. إصلاح شرط العرض أنفع عادة من ملء كل فراغ بعبارة «معلومات إضافية».

عنوان ⁦H1⁩ واحد قاعدة تصميم واضحة لصفحة هبوط معتادة. عند وجود عدة عناوين ⁦H1⁩، حدّد السبب والبنية المتوقعة أولًا. تشرح ⁦Screaming Frog⁩ تنبيه ⁦Multiple⁩ في سياق سهولة الاستخدام، وليس بوصفه دليلًا عامًا على عقوبات البحث.

اجمع العناوين في ⁦Screaming Frog⁩

للفحص على نطاق واسع، استخدم ⁦SEO Spider⁩. هدف الزحف هو الحصول على قائمة الروابط المفحوصة والمشكلات المتكررة. إذا فُحص جزء من الموقع فقط، فسجّل هذا القيد؛ العثور على بضع مئات من الصفحات لا يثبت تغطية كتالوج كبير.

1. أدخل عنوان الموقع في الحقل Enter URL to spider واضغط على Start.
2. بعد اكتمال الزحف، افتح تبويب H1. احفظ ملف التصدير الأصلي.
3. راجع الرابط ونص العنوان وعدده في Occurrences وحالة قابلية الفهرسة.
4. صدّر مجموعات ⁦H1⁩ المفقودة والمكررة والمتعددة كلًا على حدة.
5. انتقل إلى H2 وافحص الأقسام في أنواع الصفحات المختلفة.
6. قارن عدد الروابط وقائمتها بالبنية المتوقعة. سجّل الصفحات غير المتاحة أو غير الموجودة في النتائج.

وثائق التبويبات توضح قيدًا: تحتفظ الأعمدة افتراضيًا بأول عنصرين من ⁦H1⁩ و⁦H2⁩، ويظهر العدد الإجمالي منفصلًا. هذا ليس تصديرًا كاملًا لكل عناوين ⁦H1–H6⁩. استخدم ⁦DOM⁩ للحصول على مخطط صفحة كاملة، وللمجموعات الكبيرة اضبط استخراجًا إضافيًا مع المختص المسؤول.

إذا لم يُعثر على عنوان ظاهر، فقارن ⁦HTML⁩ الأصلي بالنسخة المعروضة بعد التصيير. دليل ⁦Missing H1⁩ يقترح تحديدًا فحص تصيير ⁦JavaScript⁩. لا تُنشئ عنوانًا ثانيًا قبل معرفة سبب غياب الأول في وضع الزحف المختار.

افصل العيوب عن التنبيهات التي تحتاج إلى سياق

مرشح ⁦Non-sequential⁩ يعكس قاعدة محددة في البرنامج لترتيب المستويات. قيّمه مع بنية الصفحة؛ فقد تحتاج المناطق المساعدة إلى معالجة خاصة. الهدف هو تنقل واضح، لا إفراغ التقرير بأي ثمن.

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

اضبط المستوى في المحرر وتحقق منه على الموقع

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

1. افتح الصفحة المطلوبة في المحرر واختر كتلة العنوان.
2. ابحث عن اختيار ⁦H1–H6⁩ في شريط الكتلة أو إعداداتها.
3. عيّن المستوى بحسب البنية، والحجم واللون بإعدادات تنسيق منفصلة.
4. افتح نظرة عامة على المستند ومخططه لرؤية مستويات الكتل.
5. احفظ التعديلات، وافتح الصفحة المنشورة وافحص ⁦HTML⁩.
6. راجع جدول المحتويات والانتقالات، خصوصًا بعد تغيير نص العنوان أو مرساته.

الدليل الرسمي لكتلة ⁦Heading block⁩ يصف هذه الأدوات. يختلف موضعها حسب إصدار المحرر والقالب. في أداة البناء ابحث عن وسم ⁦HTML⁩ للعنوان تحديدًا؛ فقد يغيّر اختيار «كبير» المظهر فقط.

لا يشمل مخطط المحرر دائمًا الترويسة والقسم الرئيسي للقالب والتذييل. يفيد الكاتب لكنه لا يغني عن فحص الصفحة النهائية. إذا بقيت النسخة القديمة بعد الحفظ، فافحص التخزين المؤقت ومصدر القيمة قبل تكرار التعديل في حقل آخر.

أصلح السبب المشترك وافحص الاستثناءات

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

احفظ نسخة القالب وأمثلة ⁦HTML⁩ قبل التعديل. اتفق على مصدر النص: عنوان المقال أو حقل ⁦H1⁩ مستقل أو التصنيف أو الطراز. تحقّق من تعبئة البيانات الإلزامية، وحدّد عرضًا واضحًا للبيانات الاختيارية دون أقواس فارغة أو شرطات زائدة أو عبارات مبتورة.

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

تحتاج هذه المهمة إلى الكود والقواعد التحريرية معًا. ضمن التطوير التقني للموقع ينبغي توثيقهما معًا كي لا يعيد المحرر التالي المشكلة عبر إعدادات الكتلة.

غيّر العناوين لسبب واضح مع إمكانية التراجع

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

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

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

ينبغي أن يعيد التراجع نسخة متحققًا منها، لا نصًا مرتجلًا. احفظ المحتوى وقواعد القالب معًا. إذا حسّن التعديل إمكانية الوصول بينما تتذبذب الزيارات دون سبب معلوم، فقد يعيد التراجع الآلي اعتمادًا على الرسم وحده العيب القديم.

تحقق من النتيجة التقنية قبل تقييم البحث

يمكن فور الإصدار التحقق من حفظ العنوان وعدم إضافة القالب تكرارًا وعمل روابط المحتويات وعدم اقتطاع النص وإتاحة الصفحة. لا يثبت فحص ⁦HTML⁩ واحد أو تقييم أخضر من إضافة زيادة مرات الظهور في البحث.

في ⁦Google Search Console⁩ و⁦Yandex Webmaster⁩، افحص الروابط والاستعلامات المعدّلة بصورة منفصلة. قارن فترات قابلة للمقارنة وراعِ الطلب والموسمية والأعمال الأخرى وتغيّر نتائج البحث ومجموعة الصفحات. تزامن التعديل مع الانخفاض لا يثبت علاقة سببية.

إذا تراجعت المؤشرات، فابدأ بالإتاحة والفهرسة ومطابقة النص المنشور للنسخة المعتمدة. ثم حدّد الاستعلامات والصفحات التي تغيرت. قد يرتبط الانخفاض العام بمشكلة أخرى؛ استخدم دليل الفهرسة إذا اختفى الرابط أو مُنع ظهوره في البحث.

لا توجد مدة عامة يجب بعدها أن يعطي التعديل نتيجة. حدّد شروط التقييم مسبقًا: تراكم بيانات قابلة للمقارنة، ومعالجة محرك البحث النسخة الحالية، وإصلاح الأخطاء التقنية المكتشفة. بالنسبة إلى تحسين محركات البحث فهذا أنفع من الوعد بتحسن الترتيب بسبب ⁦H1⁩ واحد.

اقبل الإصلاحات وفق معايير محددة

أرفق بالتقرير القرارات الخاصة بالحالات الملتبسة، لا عدد التنبيهات النهائي فقط. مثلًا: «يتكرر ⁦H2⁩ “التوصيل” في صفحات المنتجات؛ أُبقي عليه لأنه اسم لقسم ذي محتوى مفيد». يحمي ذلك البنية النافعة من الاستبدال الآلي الجماعي التالي.

العناوين بند واحد في فحص الموقع العام. تُفحص النماذج والتحليلات والسرعة والصلاحيات والنسخ الاحتياطية منفصلة وفق دليل استلام الموقع من المطور.

أسئلة شائعة حول ⁦H1–H6⁩