الهيكل الهرمي للمحتوى مع علامات العنوان Hx

نشرت: 2018-01-30

جدول المحتويات

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

    • 1 ما هي العناوين؟
    • 2 استخدم المحتوى المهم في علامات العناوين Hx
    • 3 ماذا يقول Google عن علامات العنوان Hx؟
    • 4 معلومات أساسية أخرى حول عناوين المحتوى

    ما هي العناوين؟

    تُستخدم علامات العناوين لتقديم بنية المحتوى للمستخدمين (برامج زحف مستعرض الويب أيضًا). توجد ستة أحجام للعناوين - من H1 إلى H6 ، على الرغم من أن أولها له أهمية كبيرة (وهو العنوان الأكثر أهمية) ، بينما نادرًا ما يتم استخدام H5 و H6.

    نظرًا لأن علامات العنوان Hx تحتوي على نص (يجب أن يكون) أكبر بكثير من باقي المحتوى ، فهو دليل مرئي للمستخدمين يسمح لهم بفهم الفقرات الواردة أدناه. يؤدي استخدام عناوين بأحجام مختلفة لتمثيل الهيكل الهرمي إلى تسهيل هضم المحتوى على المستخدمين.

    في صيغة HTML ، نستخدم العلامات بين قوسين <>:

     <h1> العنوان 1 </h1>
<h2> العنوان 2 </h2>
<h3> العنوان 3 </h3>
<h4> العنوان 4 </h4>
<h5> العنوان 5 </h5>
<h6> العنوان 6 </h6>

    ولكن على موقع الويب سيظهرون ، على سبيل المثال ، مثل هذا (من الواضح ، اعتمادًا على ورقة الأنماط):

    يمكن العثور على أمثلة للاستخدامات هنا: https://www.w3schools.com/html/html_headings.asp.

    استخدم المحتوى المهم في علامات العنوان Hx

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

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

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

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

    عناوين Hx في المقالات

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

    يمكن لبنية المقالة جيدة التصميم أن تجعلها تبدو أكثر جاذبية. سيؤدي المحتوى المثير للاهتمام الذي يتم وضعه في العناوين إلى إعلام القراء (وبرامج الزحف) بوضوح بما يجب أن يتوقعوه من مقالة معينة.

    ما هي علامات العنوان التي يجب وضعها على الصفحة الرئيسية للموقع؟

    يجب أن تحتوي الصفحات الرئيسية (أو أي صفحات أخرى ، مثل صفحات الخدمة) على هيكل هرمي للعناوين. في قسم <head> ، يُنصح بوضع H1 ، أسفل H2 ، H3 وما إلى ذلك ، على الرغم من عدم وجود حد أقصى لعدد علامات العناوين. حتى في حالة H1 ، لا تحتاج إلى تقييد أنفسكم بعنوان واحد (كما هو موضح بمزيد من التفصيل أدناه).

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

    مواقع الويب ذات الصفحة الواحدة = علامة عنوان H1 واحدة؟

    في حالة مواقع الويب المكونة من صفحة واحدة ، فإن الأمر ليس واضحًا كما هو الحال بالنسبة لمقالات المدونات. في مواصفات HTML5 (https://www.w3.org/TR/2014/REC-html5-20141028/sections.html) ، يمكنك العثور على علامة <section> المسؤولة عن تحديد الأقسام الفردية في مستند HTML. عادةً ما يتضمن القسم عنوانًا ، وبالتالي قد يكون لكل قسم هيكل هرمي مختلف ، على سبيل المثال:

     <section id = ”about”>
 <h1> نبذة عني </ h1>
 <p> نصوص عني :) </ p>
 <h2> اسمي داويد ... </ h2>
 <p> الفقرة الثانية عني. لول :) </p>
</section>

<section id = ”Wallet”>
 <h1> أعمالي </ h1>
 <p> أحدث مشاريعي ... </ p>
</section>

<القسم>
 <h1> الشهادات </ h1>
 <p> آراء العملاء الراضين ... </ p>
 <h2> أحدث التغريدات </ h2>
 <p> تغريدة 1 </p>
 <p> تغريدة 2 </p>
</section>

<القسم>
 <h1> جهة اتصال </ h1>
</section>

    كما ترى أعلاه ، يحتوي كل قسم على عنوان H1 مختلف ، ثم عنوان H2 ... على الرغم من أنه يمكنك أن تقرر أن يكون لديك علامة عنوان H1 أو أكثر ، وبالتالي H2 ، H3 ، إلخ.

    ماذا يقول Google عن Hx tag؟

    قال موظفو Google الكثير عن علامات العناوين ، لكن الأمر يستحق الاقتباس من أحدث آرائهم. قبل عام ، كتب جون ميولر ما يلي على منتدى Google لمشرفي المواقع: https://productforums.google.com/forum/#!msg/webmasters/BmyI8YX_25A/81hZNQFJDQA

    "لا نتعامل مع HTML5 بشكل مختلف ، ولا بأس من وجود علامات H1 متعددة على الصفحة. كن منطقيًا عند استخدامها ، واستخدمها حيثما كان ذلك منطقيًا. بالتأكيد لا توجد عقوبة لاستخدام H1s ".

    بعد ذلك بقليل ، في أبريل 2017 ، رد جون بإيجاز شديد على Twitter (https://twitter.com/JohnMu/status/852131231928135680) على سؤال حول عدد عناوين H1 التي يمكن استخدامها في صفحة واحدة.

    أخيرًا ، كجزء من سلسلة "SEO Snippets" على YouTube على قناة مشرفي المواقع من Google ، تم تحميل دليل قصير حول هذه المشكلة:

    امنح Senuto جرب ابدأ تجربتك المجانية

    معلومات أساسية أخرى حول عناوين المحتوى

    على الرغم من أن موظفي Google يقترحون (على الأقل في بياناتهم الرسمية) نهجًا مرنًا لعناوين العلامات ، إلا أن هناك بعض القواعد التي تستحق اتباعها:

    • لا تفرط في استخدام العناوين في الصفحة
    • استخدم العناوين حيثما يكون ذلك منطقيًا وعندما تعكس النص الموجود أسفلها لمساعدة المستخدمين على تحديد مكان بدء فقرة معينة ونهايتها
    • لا تضع فقرات كاملة (كل المحتويات) في عنوان
    • لا تستخدم الكلمات الرئيسية فقط ، لا سيما في شكل غير طبيعي
    • لا تخفي العناوين في النص الأساسي باستخدام نفس حجم الخط لكل من العنوان والنص الأساسي
    • حافظ على التسلسل الهرمي للهيكل مرتبًا
    • ربما تستخدم علامة <strong> أحيانًا بدلاً من علامة العنوان ؟؟؟؟.

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

    امنح Senuto جرب ابدأ تجربتك المجانية