علامات الرأس (الهيدر) heading-tags ما هي وكيفية استخدامها

 

علامات الرأس (الهيدر) heading-tags ما هي وكيفية استخدامها


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

 لقد رميت للتو كلمات وعبارات جريئة تبدو جيدة وآمل أن يتم اختيارها عشوائيًا لصفحات نتائج محرك البحث (SERPs).

 أعلم الآن أن هناك علمًا لتحسين المدونة ، وما كنت أقوم بإلقائه في مشاركات المدونة الخاصة بي لجعلها تبدو احترافية كان يسمى علامات الهيدر / العنوان - وهي أداة مهمة للفهم تحسين محركات البحث.


ما هي علامات الهيدر؟


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

فيما يلي دليل سريع حول علامات الرأس وما يتم استخدامها من أجله:

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

    •  H4 - هذه أقسام فرعية توضح النقاط الواردة في H3 بشكل أكبر.  بدلاً من ذلك ، يمكن استخدامها في تنسيق القوائم أو النقاط. 

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

    ما هي علامات H1؟

    علامة H1 هي علامة العنوان الأولى والأكثر أهمية في التسلسل الهرمي الهيكلي للصفحة أو المنشور.  وعادة ما يشير إلى عنوان الصفحة أو المنشور.

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

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

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

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

     كم عدد علامات الرأس التي يدعمها HTML؟
     يدعم HTML ما يصل إلى ستة علامات رأس (H1-H6) لتستخدمها في تنظيم صفحتك حسب الحاجة.  يمكن تنسيقها بصريًا وفقًا لعلامتك التجارية ، وباستثناء H1 ، يمكنك الحصول على أكبر عدد تريده من هذه العلامات على الصفحة.

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

     يوجد أدناه لقطة شاشة لمنشور مدونة HubSpot مع أمثلة لعلامات الرأس المشار إليها بأسهم.

     
     كما ترى ، تبدو كل علامة رأس مختلفة بصريًا ، ويتم استخدام كل علامة رأس لفكرة جديدة.

     الآن بعد أن عرفت المزيد عن ماهية علامات الرأس ، دعنا ندخل في كيفية استخدامها لتحسين محركات البحث.

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

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

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

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

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

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

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

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

    كيفية إضافة علامات الرأس في HTML


    تعد إضافة علامات الرأس في HTML عملية بسيطة إلى حد ما.  إذا كنت تريد تدوين H1 ، فستكتب <h1> و </h1> ، مع وضع نص H1 بين هاتين العلامتين.  هذه هي نفس الطريقة لأي نوع من علامات الرأس.

     على سبيل المثال ، إذا كان h1 الخاص بك هو "دليل بدء التجارة الإلكترونية" ، فسيبدو كما يلي:

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

     
     يمكنك أيضًا تضمين علامات الترقيم بين العلامتين.  على سبيل المثال ، قد يكون لديك:

     
     تذكر أن Google ستفحص HTML لعلامات الرأس لإخبار متصفحات الويب بما تدور حول صفحتك ، لذلك من المهم إلقاء نظرة عليها ومعرفة ما إذا كانت الرؤوس في HTML منسقة بشكل صحيح.

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

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

     الاختبار الجيد الذي أحب استخدامه هو إرسال منشورات إلى أحد أفراد الأسرة المقربين الذي لا يعرف الكثير عن التدوين أو التسويق.  يساعدني استخدام التعليقات الخارجية والسؤال عما إذا كان بإمكانهم فهم كتاباتي قبل النشر في تنسيق المشاركات بحيث تكون مفهومة.

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

    b0