قواعد استخدام الرؤوس H1-H6. قم بتكوين بنية h1 والعناوين الفرعية الصحيحة عنوانين في صف واحد h1 h2

09.05.2024

موضوع درس الفيديو اليوم هو العناوين في النطاق h2-h6. ما هي هذه العناوين وما الغرض منها؟

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

تؤثر العناوين الإضافية على الترويج لموقعك وتظهر لمحركات البحث أن هذه هي نفس الصفحة ويمكن أيضًا عرضها لهذه الكلمة الرئيسية. تساعد العناوين h2-h6 على زيادة اهتمام محركات البحث بشكل إيجابي بهذه الصفحة لهذه الاستعلامات.

كيف تتم كتابة العناوين h2-h6؟ كل هذه العناوين لها نفس القوة. هل تحتاج إلى استخدامها جميعا على الصفحة؟ لا. يتعين عليك استخدام الكلمة الرئيسية التي تروج لها في هذه الصفحة مرة واحدة على الأقل في هذا العنوان. إذا كان من الممكن أن يكون هناك h1 واحد فقط، فمن الممكن أن يكون هناك عدة عناوين h2-h6. ولا يلزم كتابتها على النحو التالي: واحد h2، واحد h3، واحد h4. يمكنك استخدام، على سبيل المثال، أربعة h2s في الصفحة. أي كمية تحتاجها يمكنك استخدامها. ولكن الأهم من ذلك: لا تنكسر عندما لا تحتاج إلى ذلك.

هذه العناوين هي نفسها في القوة، لكنها تختلف بصريا. يبدو H2 على الموقع كبيرًا، وh6 صغيرًا. لذلك، اختر الخط الأمثل بالنسبة لك. النطاقات الأكثر شيوعًا المستخدمة على مواقع الويب هي h2 وh3.

كيف تتحقق من كفاءة متخصص تحسين محركات البحث (SEO) وقوة منافسيك؟ أنت تأتي في ولكمة. تفتح رمز الصفحة، وترى مجموعة من الأحرف، وتضغط على ctrl+f، وتظهر نافذة بحث، وتقوم بإدخال "(h2" هناك ومعرفة ما إذا كانت هناك عناوين h2 على الصفحة أم لا. إذا لم يكن هناك h2s، فهذا ليس مخيفًا لأننا نعلم أنه يجب أن يكون هناك إشارة واحدة على الأقل في هذا النطاق. إذا لم تكن هناك عناوين في النطاق h2-h6، فهذا أمر سيء، ولكن إذا كان هناك إشارة واحدة على الأقل للكلمة الرئيسية، فهذا أمر جيد بالفعل. .

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

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

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

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

ملاحظات هامة:

  • يشرح العنوان بوضوح محتويات الصفحة أو القسم أو القسم الفرعي. هذه ليست أداة لتصميم النص. لا يحتاجون إلى تحديد عنصر قائمة لا يحتوي إلا على عنوان.
  • العنوان هو كلمة، عبارة، جملة. لا يجب أن تكون طويلة.
  • العنوان هو الجملة بأكملها، وليس جزء منها. لتصميم كلمة واحدة أو عدة كلمات، هناك علامات مثل قوي، علامة، م، الخ ().
  • إذا كانت المقالة بتنسيق سؤال وجواب وكانت الإجابة قصيرة في معظم الحالات (على سبيل المثال، تعليمات لمنتج طبي)، فبدلاً من علامات h فمن الأصح استخدام العلامات الثلاثية dl، dt، dd.

تحقق من الصفحة h1

الآن يمكن جعل العبارة الموجودة في أي علامة عنوانًا باستخدام أنماط CSS: قم بزيادة الخط و/أو حجم النص. من أجل التحقق من عدد علامات h1 ومحتواها، يكفي، لا توجد ملحقات إضافية مطلوبة. يمكن عرض هذه الأداة بالضغط على المفتاح :

الفرق في استخدام h1 و h2 و h3 و h4 و h5 و h6 في HTML5 و HTML4

قبل مواصلة القراءة، من المستحسن أن تتعرف بنفسك على الأمثلة الموضحة في المعايير.

h1 واحد لكل صفحة (إصدار HTML4)

  • خطوة بخطوة حل سودوكو
    • حل سودوكو مع الشرح (عبر الإنترنت)
    • قواعد اللعبة
    • خوارزمية لملء خلايا الكلمات المتقاطعة
      • الطريقة الأولى: "الأغاني المنفردة المخفية"
      • الطريقة الثانية. "الفردي"
    • طرق حل سودوكو
      • الإستراتيجية 1. المرشح في خليتين أو ثلاث خلايا من نفس المربع
      • الإستراتيجية 2. مجموعات المرشحين

اسم الموقع

عنوان

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

أسعار الفائدة من 1% إلى 5%

...

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

نص فقط

الكتلة بأكملها (منطقة مستطيلة)

هل يجب أن يكون العنوان مختلفًا عن h1؟

"هل يمكن أن يكون العنوان هو نفسه h1؟" - نعم ممكن.

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

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

هل يجب أن تكون رؤوس الكتل الجانبية في وضع h؟

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

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

مساء الخير أيها الزوار الأعزاء.

اليوم سيكون هناك مقال عن موضوع رؤوس H1-H6 للموقع.

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

الأهداف وحالات الاستخدام

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

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

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

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

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

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

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

تهتم محركات البحث الآن بهذه العلامات. ولكن ليس كعناصر تحسين محركات البحث (SEO)، ولكن كعناصر هيكلية. لذلك، سيكون غريبا إذا كان هناك H1، ثم على الفور H6.

عند استخدام هذه العلامات، نتأكد من الحفاظ على الهيكل. إذا نزلنا إلى مستوى ما، فلن نقفز فوق المستوى. يجب أن يكون الهيكل على النحو التالي: H1-H2-H3-H4-H5-H6.

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

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

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

أساسيات H1

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

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

استخدامها في الممارسة العملية

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

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

إذا كنا نتحدث عن استخدام مستويات العناوين المتبقية H2-H6، فيجب استخدامها بالفعل في الوضع اليدوي.

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

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

رأس المستوى الثاني

رأس المستوى الثالث

رأس المستوى الرابع

عنوان المستوى الخامس
عنوان المستوى السادس

أما بالنسبة لأنماط التصميم لكل مستوى، فمن المفيد إضافة قواعد لكل مستوى في ملف الأنماط.

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

تصميم الرأس H1-H6

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

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

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

سأعطيك مثالين آخرين للعناوين المصممة في H1.

كما ترون، هذا ليس مجرد خط غامق، ولكنه خلفية جميلة ذات سطح سفلي متموج وسطح علوي مؤكد.

يمكنك أيضًا رؤية التصميم المثير للاهتمام بنفسك على هذه الصفحة.

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

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

أخطاء في الاستخدام

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

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

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

بالمناسبة، هل يمكنك العثور على عيب صغير في رؤوس أعمالي على الموقع؟ إذا كانت الإجابة بنعم، فاكتب في التعليقات. هذه اللحظة ليست ملحوظة للغاية، لكنها موجودة.

نراكم في المواد القادمة. هناك المزيد في المستقبل.

مع أطيب التحيات، كونستانتين خميليف!

في أهم مشاريعي المعلوماتية، يقوم متخصص في الموضوع أولاً بصياغة هيكل المقالة (العناوين والعناوين الفرعية)، ثم يقوم مؤلفو النصوص بكتابة النص بناءً عليها.

الهيكل مهم جدًا في الواقع إذا كنت تهتم بالجودة. ولإنشاء بنية عادية، عليك أن تفهم كيفية عمل علامات h.

h1 هو العنوان الفرعي الرئيسي في المقالة، وعادة ما يتم وضعه فوق النص.

يجب أن يكون العنوان الأول أكبر بصريًا من العناوين الأخرى في الصفحة.

h2-h6 عبارة عن عناوين فرعية صغيرة يتم وضعها وفقًا لمبدأ التداخل.

ما فائدة الرؤوس حتى؟

بالنسبة لأولئك الذين ليسوا على دراية بالموضوع، إليك، من حيث المبدأ، فيديو جيد حول أساسيات تكوين العناوين الفرعية h1-h6. إذا كنت لا تعتبر نفسك خبيرا، قم بإلقاء نظرة:

ولدمج المادة فيديو أضعف قليلاً:

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

في الكود تبدو العلامة كما يلي:

حيث يأتي حرف h من كلمة "header" والتي تعني "العنوان". يشار إلى كل مستوى برقم مماثل.

علامات H من خلال عيون الناس

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

تتيح لك العلامات h1، h2، h3، h4، h5، h6 إنشاء نوع من الخريطة للقارئ، والذي يمكنه من خلاله التنقل بسرعة في النص. وإذا نجحت هذه النقاط البارزة في جذب الانتباه، فسيبقى الشخص في الصفحة ومن المحتمل أن يقرأ المقالة بأكملها. يمكنك التحقق من النتيجة باستخدام العوامل السلوكية. إذا بقي الأشخاص على الصفحة واتخذوا بعض الإجراءات، فهذا يعني أن عمل تحسين محركات البحث لم يذهب سدى.

علامات H من خلال عيون محركات البحث

تقوم روبوتات البحث بجمع المعلومات منها للتحليل الدلالي. مستويات العناوين h1، h2، h3 لها أهمية خاصة بالنسبة للروبوتات. يمكن أن يؤثر تطبيقها غير المتسق أو غير الصحيح سلبًا على تصنيف الصفحة. إذا لم تكن هناك علامات h في كود HTML على الإطلاق، فسيواجه الموقع صعوبة في الترويج. المستويات h4، h5، h6 أقل أهمية.

التسلسل الهرمي للعلامات H

القاعدة الأساسية في ترتيب العناوين هي تسلسلها الهرمي. ليس من الضروري أن تتبع العلامات بعضها البعض في الحجم، ولكن من غير المقبول استخدام، على سبيل المثال، h3 في النص إذا لم يكن لديك h2 meta في أي مكان، أو استخدام h6 بدون h5.

هذا ما يبدو عليه التسلسل الهرمي مع التداخل الصحيح:

ما هي علامة h1؟

علامة h1 هي جدول محتويات النص (مثل عنوان كتاب أو عنوان مقال صحفي).

يجب أن تحتوي كل صفحة على علامة h1 واحدة فقط.

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

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

لماذا يجب أن يكون h1 مختلفًا عن العنوان؟

من المهم جدًا أن نفهم أن h1 وTitle هما عنوانان مختلفان. وبناء على ذلك، يجب دمجها بمهارة. فيما يلي الأساسيات حول هذا الموضوع:

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

متطلبات الطول H1

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

تتيح لك المكونات الإضافية الخاصة لـ WordPress تحليل التعبئة الصحيحة لجميع التعريفات مباشرة في المحرر.

قواعد لكتابة h1 بشكل صحيح

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

تطبيق المفاتيح

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

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

التقنيات النفسية لكتابة عنوان جذاب

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

فيما يلي بعض "الحيل" الإضافية التي يتم استخدامها عند كتابة العناوين الرئيسية.

حل

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

مثال على عنوان جيد: "هل شعرك يتساقط؟ وقف تساقط شعرك في أسبوع."
مثال على عنوان سيء: "هل يمكن إيقاف تساقط الشعر؟"

في الحالة الأولى، نحدد المشكلة بوضوح ونقدم حلاً محددًا. وفي الحالة الثانية تتأثر المشكلة بشكل غير مباشر وتكون خيارات حلها غير واضحة.

دسيسة

مثال لعنوان جيد: "نكشف لك سر الوصفة الأكثر فعالية لتساقط الشعر".
مثال على عنوان سيء: "أفضل وصفة لتساقط الشعر".

استقبال "الامتحان"

جملة مكتوبة بهذا الشكل تتحدى القارئ وتدعوه إلى فحص نفسه.

مثال على عنوان جيد: "هل أنت متأكد من أنك تحارب تساقط الشعر بشكل صحيح؟"
مثال على عنوان سيء: "هل تعرف كل شيء عن تساقط الشعر".

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

لماذا هناك حاجة إلى العناوين الفرعية h2-h6؟

توجد العلامات من h2 إلى h6 في نص المقالة نفسها، وتقسمها هيكليًا إلى فقرات موضوعية، وفي كود مستند HTML، مع تسليط الضوء على عناصرها المهمة. ويتم التعرف عليهم أيضًا بواسطة روبوتات البحث للتحليل الدلالي للصفحة.

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

h2 – يركز انتباه المستخدمين ومحركات البحث على المحتوى الرئيسي للمقالة. يظهر أهم الأشياء في النص.

h3 هي فقرة فرعية للمعلومات التي تندرج تحت H2، مما يكشف عنها بشكل أعمق.

h4، h5، h6 - يتم تعريفها على أنها عناوين فرعية متداخلة (تكشف بالتفصيل جوهر H2 أو H3) ويتم استخدامها في النص، كتسليط الضوء على النقاط الصغيرة والكلمات المهمة، وكذلك في القائمة والشريط الجانبي والمكونات الأخرى للنص. وثيقة الويب.

يجب أن يكون طول جميع العلامات h في حدود 50 حرفًا.

كيفية كتابة العناوين الفرعية بشكل صحيح h2-h6

  • ومن المستحيل أن يوجد أصغر عنوان فرعي بدون عنوان فرعي أكبر. أي إذا كان النص يحتوي على علامة تعريف h4، فيجب أن يسبقه h2 وh3.
  • كلما ارتفع مستوى العنوان، كلما كان الخط أكبر. في WordPress، يتم عادةً تعيين الإعدادات الافتراضية بحيث يتم تنسيق العلامات تلقائيًا بشكل صحيح.
  • يجب أن تتوافق جميع العلامات h مع محتوى المحتوى وتعكس جوهر المعلومات.
  • من غير المقبول استخدام h1-h6 كنقاط ارتساء أو روابط نشطة.
  • لا يمكنك كتابة علامات أخرى داخل العلامة h.
  • يُسمح فقط بالنص وعلامات الترقيم في العلامات h.
  • يجب ألا تحتوي العناوين الفرعية على كلمات رئيسية غير مرغوب فيها. من الأفضل استخدام الكلمات الرئيسية في العنوان، h1، h2، وفي الكلمات الأصغر، مثل h3، h5، h6، ركز على مناقشة مفصلة للموضوع.

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

كيفية ملء علامات h في ووردبريس

عادةً ما يتم ملء h1 في الحقل الموجود أعلى النص الموجود في المنشور:

لإنشاء عناوين فرعية h2-h6، تحتاج إلى تحديد العنصر المطلوب، وتحريك المؤشر فوق علامة التبويب "العناوين"، وتحديد العنصر الذي تحتاجه من خلال النقر عليه. افعل الشيء نفسه بالنسبة لكل عنوان من العناوين الفرعية، وقم بتضمينها بالتنسيق المطلوب.

هناك طريقة أبسط - يمكنك كتابة النص في Word باستخدام العلامات الضرورية ونسخ المقالة ولصقها ببساطة في محرر WordPress. ستظهر العناوين المحددة في Word تلقائيًا بالأحجام المطلوبة. إذا لزم الأمر، يمكنك تصحيحها باستخدام أدوات محرر WordPress CMS.

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

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

تحدثت في الدرس الأخير عن امتداد SEO للمتصفحات. قررت إثارة موضوع طال انتظاره لسبب ما. قررت أن أضع النقاط على الحروف I's، حيث يسألني العديد من القراء عن كيفية استخدام العناوين h1 وh2 وh3 وما إلى ذلك بشكل صحيح. لقد عدت بالفعل في عام 2012. أثناء قيامي بمراجعة العديد من المواقع أرى نفس الأخطاء التي لا أعترف بها. لذا، فقد حان الوقت للتوسع في هذا الدرس قليلًا.

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

قواعد استخدام العناوين h1، h2، h3، h4 على الصفحة من وجهة نظر تحسين محركات البحث

المادة 1 : يجب أن يكون هناك علامة h1 واحدة فقط على الصفحة.

تذكر، 1 فقط، وليس 2، أقل بكثير 3. يهتم الكثير من الأشخاص بكيفية معرفة عدد هذه العلامات على الصفحة، وغالبًا ما يبدأ مشرفو المواقع في الدخول إلى الكود المصدري للصفحة والبحث يدويًا عن هذه العلامات . لقد فعلت ذلك أيضًا حتى أخبرني Vitaly "Internet bro" (http://mojwp.ru/) بشيء ذكي للغاية، والذي اتضح أنه مدمج في شريط SEO المفضل لدي.

ماذا تحتاج؟


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

القاعدة رقم 2: العناوين h2، h3، h4 يجب أن تكون في المقالة نفسها فقط.

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

كيفية إصلاح هذه الأخطاء؟

لتصحيح مثل هذه الأخطاء، سنحتاج مرة أخرى إلى وظيفة إضافية أخرى تحدثت عنها بالفعل - هذا (وهو متاح أيضًا لمتصفح Chrome).

نجد عنصرًا في علامة h غير الضرورية في الصفحة، على سبيل المثال، سآخذ تعبير "الاشتراك" و"الموقع" الذي أخبرني عنه شريط RDS (هما في h4، انظر الصورة أعلاه) . لقد وجدت هذين العنصرين في الموقع (يمكنك استخدام البحث في المتصفح Ctrl+F، وإدخال عبارة البحث المطلوبة)، وقمنا "بفحص" أحدهما باستخدام Firebug:

وعلى اليمين نرى أنماط علامة h4 هذه (في حالتي):

سوف نحتاجهم الآن. افتح ملف style.css الخاص بموضوعنا وأضف خصائص هذا النمط مباشرة في النهاية (انظر السهم في الصورة أعلاه)، ببساطة أطلق عليه اسمًا مختلفًا (قررت أن أسميه new4، لا تنس النقطة في البداية):

نظرًا لوجود تعبير "الاشتراك" في الطابق السفلي من منزلي، قمت بفتح الملف footer.php، وأدخل عبارة "الاشتراك" عبر CTRL+F، وهنا هو:

وبدلا من h4 نكتب فئتنا الجديدة (في حالتي "new4")، أي بعد التعديل ستكون هناك صورة مثل هذه:

نقوم بحفظ الملف وفتح Firefox وتحديث الصفحة ونرى أن علامة h4 التي تحتوي على كلمة "اشتراك" قد اختفت:

نظرًا لأن أنماط الكلمتين "اشتراك" و"موقع" لا تختلفان بالنسبة لي، فأنا بالمثل أكتب الفئة "new4" في التذييل بدلاً من علامة h4 لكلمة "موقع"، ونرى أنه الآن لا يوجد h4s "غير المرغوب فيه" على الصفحة:

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

إذا لم تكن مقالتك فجأة في h1، فما عليك سوى فتح ملف السمة Single.php، والعثور على إخراج عنوان المقالة هناك (ابحث في البحث باستخدام التعبير "the_title") ووضعه في إطار h1:

القاعدة رقم 3: يُنصح بشدة باستخدام علامة h1 على الصفحة الرئيسية.

في الوقت الحالي، لا يحتوي موقعي على h1 على الصفحة الرئيسية، وهو ما أعتقد أنه يعطل البنية.

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

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

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

تذكر: يجب أن يكون عنوان h1 مختلفًا عن عنوان الصفحة. سيكون هذا مفيدًا للترويج لمحرك البحث.

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

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

و"Internet bro" الآخر الخاص بي، هذه المرة من قازان، واسمه راميل (من المؤسف أنه ليس لديه مدونة، أود أن أضع رابطًا الآن)، يرجى مشاركة وظيفة PHP هذه (كما تعلمون، أنا أنا لست جيدة في PHP))، ها هي:

وصف الموقع

وصف الموقع

هنا يجب عليك تعيين نفس الأنماط في style.css مسبقًا لـ h1 ولنمط "الوصف" حتى لا يرى الزائرون الاختلافات بصريًا.

هناك أيضًا رأي مفاده أنه من أجل تجنب العقوبات من محركات البحث بسبب "البريد العشوائي"، من الأفضل استبدال رؤوس h2 وh3 وh4 بالأنماط، على سبيل المثال

أو

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