ترميز نص SEO .. أو التخطيط الدلالي للموقع.

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

من أجل توضيح ما هو على المحك ، سأقدم بعض الأمثلة حيث لا يوجد منطق ..

أمثلة سيئة للغاية:

• باستخدام الرؤوس

  -

  فقط لغرض زيادة او تقليل حجم الحروف ..

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

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

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

  دعنا نركز على الترميز الصحيح للنص ، لأن هذا هو الأهم لتحسين الموقع لمحركات البحث.

  يعتقد العديد من مشرفي المواقع المبتدئين أن الرؤوس

  -

  إنها مجرد طريقة لإبراز حجم النص ، وجعله أكبر - إنه ليس كذلك !! في الواقع العلامات

  -

  أولا تخصيص العناوينفي النص ، وثانيًا ، تتميز بدرجة "الأهمية" ، على سبيل المثال العنوان

  كيفية إنشاء موقع على شبكة الانترنت؟

  في نظر محركات البحث أهم بكثير من العنوان

  كيفية إنشاء موقع على شبكة الانترنت؟

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

  .

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

  ,

  ..

  الخامس

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

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

  - حيث يحمل نص كل فقرة جزءًا منطقيًا من النص.

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

  منذ النص في العناوين

  -

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

  مساء الخير أيها الزوار الأعزاء والقراء المنتظمون لمدونتي!

  قيمة رأس h1 للترقية

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

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

  

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

  تعد أهمية الصفحات والأداء الجيد لمورد الويب الخاص بك أساسًا للثقة المستقبلية لمحركات البحث في مواردك.

  استخدام علامة h1 في WordPress

  كانت نظرية بحتة. الآن دعنا نتحدث عن النقاط الرئيسية التي سنحلل فيها استخدام علامة h1 على موارد الويب التي يديرها نظام WordPress.

  ليس سراً أن العديد من مشرفي المواقع المبتدئين يستخدمون مجانًا. لكن عيب هذه القوالب هو أن جميعها تقريبًا بها أخطاء وعيوب! مثله…

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

  فقط مثل هذا النقص في نموذج مجاني يسمى Incredy ، حددته في مدونتي.

  في أحد الأيام قررت إلقاء نظرة على مصدر مقالتي واكتشفت بالصدفة أن جميع عناوين مقالاتي معروضة في علامة h2.

  لإصلاح هذا النقص ، بدأت في تحرير ملف single.php. هذا الملف هو نفسه للعديد من قوالب WordPress.

  تتمثل الوظيفة الرئيسية لـ single.php في عرض المعلومات لكل منشور مدونة. لمعرفة كيف أصلحت هذا الخلل في القالب الخاص بي ، تابع القراءة.

  لإصلاح المشكلة ، في محتويات ملف single.php ، نجد الكود الذي يعرض العنوان. تم عرضه في ملفي على النحو التالي:

  

  نحتاج إلى تغيير علامات h2 إلى علامات h1 المطلوبة ، ثم النقر فوق الزر "تحديث الملف". هذا كل شئ. كما ترى ، من السهل القيام بذلك. إليك كيفية تغيير الملف بعد التغييرات اللازمة:

  

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

  يجب أيضًا إجراء تعديل مشابه (استبدال h2 بـ h1) على ملف قالب مدونة آخر يسمى page.php. هو الذي يعرض صفحات المدونة.

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

  لكن هذه المعلومات فقط لفهمك.

  لذلك دعونا نستمر. بعد تغيير ملف page.php ، أصبحت الكود المسؤول عن عرض عناوين صفحات مدونتي على النحو التالي:

  

  ومع ذلك ، فهذه ليست كل التغييرات التي يجب تنفيذها. الشيء هو أنني حددت عيبًا خطيرًا آخر.

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

  تحرير القالب الخاص بعلامة h1

  لتحرير قالب WordPress وإزالة ناتج علامة h1 من رأس المدونة ، تحتاج إلى إجراء تغييرات على الملفات: header.php (ملف عرض رأس مورد الويب) و style.css (ملف نمط مورد الويب).

  تحتاج إلى تغيير ملف header.php:

  

  ابحث عن هذا الرمز في ملف header.php الذي يعرض عنوان موقع الويب أو المدونة الخاصة بك ، ثم استبدل علامة h1 بعلامة فقرة p.

  بعد التغيير نرى الصورة التالية:

  

  تحرير ملف style.css

  للحفاظ على حجم الخط ونوع رأس المدونة دون تغيير ، تحتاج إلى إجراء تغييرات على style.css. افتح هذا الملف وابحث عن أنماط h1. بالنسبة لي تبدو هكذا:

  

  ثم استبدل علامة h1 بعلامة p وقم بتحرير حجم الخط:

  

  علامة Html h1 لصفحة المدونة الرئيسية

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

  ولكن كيف يمكن القيام بذلك؟ بعد كل شيء ، في منشوراتنا ، يتم استخدام العلامة الرئيسية لعناوين المقالات.

  يفتح ملف index.php للتحرير ويجد سطرًا مثل هذا:

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

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

  الآن حول H1

  كما أشرت بالفعل ، يجب كتابة h1 على الصفحة الرئيسية في عنوان أو وصف المدونة. يجب أن تحتوي على كلمات رئيسية تعكس محتوى مورد الويب بالكامل.

  لكن هذا ليس كل شيء.

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

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

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

  وهنا الشرط نفسه:

  عنوان مدونتك أو وصفها

  < >عنوان المدونة أو وصفها

  لذلك ، افتح ملف مدونة header.php واكتب هذا الشرط في رأس المدونة.

  بالنسبة لي يبدو مثل هذا:

  

  كما ترون ، بالنسبة لموردي ، أرفقت في علامة h1 بالصفحة الرئيسية وصف المدونة "ترويج المدونة والأرباح على الإنترنت".

  هذا هو الأساس. نجحنا في تحرير العيوب في القالب المجاني.

  آمل أن تفهم كيفية استخدام علامة h1 بشكل صحيح في مدونتك لإرضاء محركات البحث.

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

  نراكم مرة أخرى. الوداع!

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

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

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

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

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

  ما هي الرؤوس ل؟

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

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

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

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

  ، حيث يأتي الحرف h من كلمة "header" ، مما يعني "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 هما عنوانان مختلفان. ويجب دمجها بمهارة وفقًا لذلك. فيما يلي الأساسيات حول هذا الموضوع:

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

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

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

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

  قواعد للكتابة المختصة h1

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

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

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

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

  حيل نفسية لتجميع عنوان جذاب

  يجب أن يكون العنوان جذابًا. إليكم مقطع فيديو من مكسيم إلياخوف ، أخصائي إعلامي وعميد كلية المحررين ومبتكر خدمة 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 في WordPress

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

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

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

  مرحبا عزيزي قراء موقع المدونة. سنبدأ اليوم في الحديث عن العلامات في لغة Html ، وهي العناوين H1 ، H2 ، H3 ، H4 ، H5 ، H6 ، حول الفقرات P وفواصل الأسطر Br ، وكذلك عن علامة السطر الأفقي Hr ، على سبيل المثال منها سننظر في استخدام السمات ودعنا نرى أين سيكون من الممكن معرفة جميع السمات الممكنة لكل عنصر وإلقاء نظرة سريعة على بناء جملة القيم الخاصة بهم.

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

  عناصر الحظر ، بشكل افتراضي ، حاول تشغل كل المساحة المتاحةوبالتالي فإن عنصر الكتلة التالي سيكون بالضرورة على سطر مختلف.

  

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

  

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

  لنبدأ بشيء مثل العناوين ، والتي يتم تشكيلها باستخدام العلامات المقترنة H1 ، H2 ، H3 ، H4 ، H5 ، H6 (يأتي الاسم من الحرف الأول من كلمة "Header" ، أي "العنوان"). وهي مصممة لفصل أجزاء مختلفة من النص عن بعضها البعض وتحديد أهميتها اعتمادًا على المستوى. في الإصدار الحديث من لغة Html ، يتم تحديد ووصف جميع العلامات وجميع السمات المسموح بها مسبقًا.

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

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

  سيتم رسم عناوين المستويات المختلفة H1-H6 في المتصفحات ذات الخطوط ذات الأحجام المختلفة (على الرغم من استخدام CSS ، يمكنك تعيينها على الإطلاق لأي حجم ولون ونوع خط للعرض في المتصفح ، ولكن في Html النقي هذه هي القواعد) :

  

  

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

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

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

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

  الفقرة وفاصل الأسطر والخط الأفقي HR في كود Html

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

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

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

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

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

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

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

  

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

  حسنًا ، إذا كنت حقًا بحاجة إلى كتابة quatrain في نموذج مقبول بشكل عام ، فيمكنك استخدام Html إضافي لهذا الغرض

  علامات فاصل الأسطر تسمى BR

  (من كلمة "استراحة"):

  

  

  BR عنصر مضمن وأيضًا "فارغ" ، أي واحد (ليس لديه عنصر إغلاق). الوظيفة الكاملة لـ BR هي أنها تسبب فاصل أسطر عند عرض النص في المستعرض (على غرار مفتاح Enter في أي محرر نصوص).

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

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

  إنها "فارغة" (مفردة) ، أي ليس لديه زوج (علامة نهاية). بجانب، الموارد البشرية هي عنصر كتلة، أي. وهي تشغل بشكل افتراضي العرض الكامل للصفحة المتاحة لها.

  مفهوم السمات وقواعد كتابتها في علامات Html

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

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

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

  

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

  هناك قدمت رابطًا لـ قائمة بجميع العلامات المسموح بها في Html. إذا نقرت على اسم العنصر الذي تهتم به في هذه القائمة (في حالتنا ، هو HR) ، فسيتم نقلك إلى صفحة تحتوي على مواصفات مفصلة له:

  

  يمكن أن تكون جميع سمات أي علامة تنقسم إلى ثلاث مجموعات:

  1. عام - يمكنهم الوقوف في الغالبية العظمى من العناصر في لغة Html. في الصورة أعلاه ، هم في الأسفل ومحاطة بدائرة باللون الأحمر. في الواقع ، هناك عدد قليل من السمات المشتركة (ستة فقط) ، وحتى ذلك الحين ، فمن غير المرجح أن تستخدمهم جميعًا في ممارستك. على الأرجح أربعة فقط - العنوان والأسلوب.
  2. سمات الحدث - هناك حاجة إليها لبدء بعض الإجراءات استجابةً لإجراء مستخدم أو حدث نظام. إنها أكثر ارتباطًا بـ JavaScrit وتقع في أسفل الشكل أعلاه (محاطة بدائرة في مربع مظلم).
  3. فريد - تحتوي كل علامة عادةً على مجموعة سماتها الخاصة ، والتي قد لا يمكن العثور على بعضها في عناصر أخرى على الإطلاق. إذا أخذنا في الاعتبار الخط الأفقي HR ، فإنه يحتوي على أربع سمات فريدة فقط (محاذاة ، noshade ، الحجم والعرض). سيتم تجاهل جميع الآخرين المحددين في علامة الموارد البشرية (باستثناء المجموعتين الموصوفتين أعلاه) من قبل المتصفح.

  أمثلة على السمات في علامة الخط الأفقي للموارد البشرية

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

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

  

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

  على سبيل المثال ، في السطر الذي تحته خط في الشكل الخاص بسمة المحاذاة ، بالنسبة لعلامة HR ، يُسمح فقط بثلاث قيم ثابتة مدرجة هناك (يسار | مركز | يمين).

  عمود آخر مهم للغاية هو "Depr". إذا كان الحرف D عكس السمة التي تهتم بها في هذا العمود ، فعندئذٍ لا ينصح باستخدامه، ويجب عليك تطبيق أنماط CSS المناسبة لاستبدالها. عند عرض مواصفات العلامة ، رأينا أيضًا أنه بجانب أسماء جميع السمات الأربع للموارد البشرية ، تمت كتابة كلمة "مهمل" (غير مستحسن للاستخدام).

  دعونا نرى ما هي السمات المستخدمة مع العناصر التي قمنا بتغطيتها بالفعل في هذه المقالة (P ، العناوين H1-H6 و HR). لاجلهم جميعا يمكنك استخدام "محاذاة"، لأن كل هذه العناصر هي عناصر كتلة. بالنسبة للعناصر المضمنة ، تفقد سمة المحاذاة معناها.

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

  

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

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

  كقيمة لـ "العرض" ، يمكنك استخدام الأرقام فقط (سيكون هذا هو العرض بالبكسل) ، أو يمكنك استخدام النسب المئوية من إجمالي العرض المتاح لخط HR الأفقي. يتم تعيين قيمة سمة "الحجم" لنفس العلامة بأرقام تشير إلى ارتفاع الخط الأفقي بالبكسل. لنلقِ نظرة على هذا بمثال:

  ---

  تحتوي علامة الموارد البشرية في معيار Html 4.01 على علامة أخرى سمة تسمى مفرد، لأن لا يمكن أن يأخذ أي قيمة (هذا يعني فقط بعض الإجراءات) - إنه "noshade" الذي يمنع الخط الأفقي من إلقاء الظل:

  ---

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

  كل التوفيق لك! نراكم قريبا على موقع صفحات المدونة

  يمكنك مشاهدة المزيد من مقاطع الفيديو بالذهاب إلى

  ");">
  

  قد تكون مهتمًا

  الجداول في Html - علامات Table و Tr و Td ، بالإضافة إلى Colspan و Cellpadding و Cellspacing و Rowspan لإنشائها
  Iframe و Frame - ما هما وما أفضل طريقة لاستخدام الإطارات في Html
  التضمين والعنصر - علامات Html لعرض محتوى الوسائط (فيديو ، فلاش ، صوت) على صفحات الويب
  توجيهات التعليقات و Doctype في كود Html ، بالإضافة إلى مفهوم الكتلة والعناصر المضمنة (العلامات)
  كيفية إدراج ارتباط وصورة (صورة) في علامات HTML - IMG و A.

  »استخدام العناوين H1-H6

  استخدام العناوين H1-H6

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

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

  استخدام العناوين في الصفحة

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

  عبارة مرورك بين العلامات

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

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

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

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

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

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

  الأخطاء الشائعة عند استخدام علامات العنوان

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

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

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

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