علامة H1 أو عنوان H1- هذا هو عنوان المستوى الأول وله المعنى والأهمية الأكبر بين جميع العناوين. علامة H1يجب استخدامه مرة واحدة على الصفحة، ووضعه فوق جميع العناوين الأخرى، ويكون له أكبر حجم للخط.
هناك ست علامات عنوان في المجموع. هذه هي h1، h2، h3، h4، h5، h6. تُستخدم هذه العلامات لتنسيق النص على الصفحة. H1 هو الأكثر أهمية فيما بينها بالنسبة للزوار ومحركات البحث.
أرحب بكم في الصفحات. في هذه المقالة سوف أشارككم بعض النقاط عند استخدام رأس H1 على صفحات المدونة التي تعمل بنظام CMS WordPress.
تستخدم محركات البحث الكلمات والعبارات المستخدمة في هذه العلامة لتحديد مدى صلة الصفحات باستعلام البحث. تعد هذه العلامة أحد أهم العناصر ذات الصلة. عند تحسين نص الصفحة، تقدر محركات البحث علامة TITLE فقط أكثر من علامة H1.
ولكي أكون أكثر إيجازًا وتحديدًا، إذن يوصى باستخدام علامة H1 لعناوين صفحات مواقعنا الإلكترونيةويجب أن تحتوي على العبارة الرئيسية التي يتم الترويج لهذه الصفحة من أجلها.
تعد ملاءمة الصفحة، بالإضافة إلى، أحد أهم المؤشرات لكسب الولاء لمحركات البحث.
للحصول على نتيجة جيدة عند الترويج لصفحات الموقع، عليك اتباع القواعد التالية لملئها:
في كود html، يجب أن يبدو عنوان الصفحة كما يلي:
علامة H1 هي عنوان الصفحة
الأخطاء الفادحة الأكثر شيوعًا هي فقدان علامة H1 على الصفحة أو وجود أكثر من عنوان واحد. عادةً ما تكون مثل هذه الأخطاء نموذجية بالنسبة لصفحات الأقسام التي تسرد المقالات المضمنة في تلك الأقسام.
يتم التحكم في ملء علامة H1 في جميع أنحاء الموقع ضمن الإطار. هناك العديد من الأدوات القيمة لإجراء مثل هذا التدقيق. سأوصيك بالخدمة من Megaindex - Audit.megaindex.ru .
لقد تكررت النظرية وسنتناول الآن بعض المشكلات الفنية المتعلقة باستخدام علامة H1 على المواقع التي تستخدم نظام WordPress CMS. نظرًا لأن معظم المدونين المبتدئين يستخدمون قوالب مجانية، فقد تحتوي على بعض العيوب.
على وجه الخصوص، هناك خيارات عندما يتم تمييز عنوان الصفحة ليس بواسطة علامة H1، ولكن بواسطة علامة أخرى، غالبًا ما تكون H2.
نفس الخلل ظهر في مدونتي بعد أن قمت بإنشائها باستخدام برنامج Artisteer. عند مراجعة كود HTML، تم اكتشاف أن جميع عناوين الصفحات معروضة بعلامة H2.
لإصلاح هذا اضطررت إلى تحرير الملف phpهذا هو ما تسميه معظم القوالب الملفات التي تعرض معلومات لكل سجل على حدة. سأوضح الآن بوضوح كيف فعلت هذا.
في نص الملف phpنحن نبحث عن جزء الكود الذي يعرض العنوان. في حالتي بدا الأمر كما يلي:
قم بتغيير علامات h2 المميزة باللون الأحمر إلى h1 والملف المطلوبين phpثابتة وجاهزة للاستخدام. اتضح أن الأمر كان بسيطًا للغاية، لقد قمت بتغيير بعض الشخصيات وتم ذلك. الآن تبدو هذه الكتلة كما يلي:
في حالتك، قد يكون التعبير من نوع مختلف قليلاً، لكن أتمنى أن تفهم المعنى.
اضطررت إلى إجراء تغييرات مماثلة على ملف سمة آخر page.phpوهو المسؤول عن عرض صفحات المدونة. كما تعلم، تحتوي مدونة CMS WordPress على منشورات وصفحات.
توجد وظائف إنشائها وتغييرها في أقسام مختلفة من إدارة المدونة، ويتم تخزينها في أماكن مختلفة، وبالتالي تكون وحدات البرامج المختلفة مسؤولة عن مخرجاتها.
ونتيجة لذلك، جزء من التعليمات البرمجية في الملف page.php، والذي يعرض عنوان الصفحة الآن يبدو كما يلي:
» rel=»إشارة مرجعية» العنوان=»»>
ولكن هذا لم يكن كل شيء، فقد اكتشفت في القالب الخاص بي أن علامة H1 تُستخدم لعرض عنوان المدونة نفسها. وكان علي أن أقرر ما إذا كنت سأترك كل شيء كما هو أو سأحقق عرض عناوين الصفحات باستخدام علامة H1.
بعد كل شيء، لا ينصح باستخدام عنوانين أو أكثر من هذا النوع في صفحة واحدة. قد تعتبر محركات البحث هذا بمثابة مبالغة في التحسين وتستخلص الاستنتاجات المناسبة.
وفي النهاية قررت تصحيح هذا الخلل، خاصة أنه لم يجلب الكثير من المتاعب. الآن سأخبرك بكل شيء بالتفصيل.
وللقيام بذلك، كان من الضروري إجراء تعديلات على ملفين فقط.
أولاً header.phpهو ملف إخراج رأس المدونة.
ثانية style.css- ملف وصف نمط المدونة.
نجد في header.phpجزء يعرض عنوان المدونة ويغير علامة العنوان h1 (المظللة باللون الأحمر تلك الأحرف التي أغيرها) إلى علامة الفقرة p. ونتيجة لذلك، حصلنا على الكود التالي.
لقد قمت بتمييز اسم فئة CSS باللون الأزرق، والذي سيتعين علينا تصحيحه في الملف style.css، بحيث يظل الخط وحجم العرض لعنوان المدونة كما كان قبل التغييرات. بعد ذلك، افتح ملف الأنماط، وابحث عن الجزء المطلوب "art-Logo-name"، الجزء أدناه
h1 .art-Logo-name، h1 .art-Logo-name a، h1 .art-Logo-name a:link، h1 .art-Logo-name a:visited، h1 .art-Logo-name a:hover
{
حجم الخط: 29 بكسل؛
زخرفة النص: لا شيء؛
الحشو: 0؛
الهامش:0;
اللون: #E0EDF0! مهم؛
}
أقوم بتغيير كل h1 المظلل باللون الأحمر إلى p وأحصل على النتيجة
p .art-Logo-name، p .art-Logo-name a، p .art-Logo-name a:link، p .art-Logo-name a:visited، p .art-Logo-name a:hover
{
عائلة الخطوط: Arial، Helvetica، Sans-Serif؛
حجم الخط: 29 بكسل؛
زخرفة النص: لا شيء؛
الحشو: 0؛
الهامش:0;
اللون: #E0EDF0! مهم؛
}
هذا كل ما أردت إخبارك به عن علامة H1، كأحد العناصر.
سأشير فقط إلى أنني قمت بتنفيذ كل العمل اختبار المجال الفرعي، حتى لا يواجه زوار مدونتي صعوبات عند ظهور المشاكل التي قد تنشأ من هذا النوع من التلاعب. ومن وجهة نظر أمن وسلامة وظائف الموقع، سيكون هذا هو القرار الصحيح.
في الختام، أود أن أدعوكم لمشاهدة مقطع فيديو قصير، ومع ذلك، فقد تم التعبير عنه باللغة الإنجليزية، لكن كل شيء كان واضحًا بالنسبة لي، وآمل ألا يكون من الصعب عليك فهمه. هذا الفيديو يكمل نص المقال بشكل جيد وسيكون مساعدة جيدة للمبتدئين أو أولئك الذين لا يجيدون البرمجة. استمتع بالمشاهدة.
اسمحوا لي أن أنهي كلامي هنا وأتمنى لكم النجاح.
مساء الخير أيها الزوار الأعزاء والقراء المنتظمين لمدونتي!
تستخدم محركات البحث الكلمات والعبارات المستخدمة في هذا العنوان لاستهداف الصفحات لطلب كلمة رئيسية محددة. يعد هذا العنوان أحد أهم العناصر ذات الصلة.
ومع ذلك، في عملية تحسين نص المقالة، ترى محركات البحث أن علامة العنوان أكثر أهمية من عنوان h1.
بعبارات بسيطة، أريد أن أشير إلى أنه من الأفضل استخدام هذه العلامة على مواقع الويب والمدونات لعناوين الصفحات والمشاركات. يجب أن تحتوي هذه العناوين على كلمات رئيسية من شأنها تسهيل الترويج لهذه الكلمات في محركات البحث.
إن أهمية الصفحات والأداء الجيد لمورد الويب الخاص بك هي أساس الثقة المستقبلية لمحركات البحث في موردك.
كان هذا جزءًا نظريًا بحتًا. الآن دعونا نتحدث عن النقاط الرئيسية التي سنقوم فيها بتحليل استخدام علامة h1 على موارد الويب التي تعمل بنظام WordPress.
ليس سراً أن العديد من مشرفي المواقع المبتدئين يستخدمون مواقع مجانية. لكن الجانب السلبي لهذه القوالب هو أن جميعها تقريبًا بها أخطاء وعيوب! مثله…
ومن هذه العيوب أنه في بعض الأحيان لا يتم استخدام علامة h1 لتسليط الضوء على عنوان الصفحة، ولكن تتم كتابة علامة أخرى، على سبيل المثال، h2.
لقد اكتشفت مثل هذا الخلل في القالب المجاني، المسمى Incredy، الموجود على مدونتي.
في أحد الأيام، قررت إلقاء نظرة على مصدر مقالتي واكتشفت بالصدفة أن جميع عناوين مقالاتي معروضة بعلامة h2.
لتصحيح هذا القصور، بدأت في تحرير ملف Single.php. هذا الملف هو نفسه بالنسبة للعديد من قوالب WordPress.
تتمثل الوظيفة الرئيسية لـ Single.php في إخراج المعلومات لكل منشور في المدونة. لمعرفة كيفية إصلاح هذه المشكلة في القالب الخاص بي، تابع القراءة.
لإصلاح المشكلة، نجد في محتويات ملف Single.php الكود الذي يعرض الرأس. في ملفي تم عرضه هكذا:
نحن بحاجة إلى تغيير علامات h2 إلى علامات h1 المطلوبة، ثم انقر فوق الزر "تحديث الملف". هذا كل شئ. كما ترون، وهذا من السهل القيام به. إليك كيفية تغيير الملف بعد التغييرات الضرورية:
قد يبدو هذا الرمز مختلفًا بعض الشيء في ملفك. ومع ذلك، هذا ليس مهمًا جدًا، الشيء الرئيسي هنا هو فهم المعنى الأساسي.
يجب أيضًا إجراء تعديل مماثل (استبدال h2 بـ h1) باستخدام ملف قالب مدونة آخر يسمى page.php. هو الذي يعرض صفحات المدونة.
أعتقد أنك تعلم أن مدونة WordPress تتضمن منشورات وصفحات مختلفة. توجد الوظائف التي تقوم بإنشائها وتحريرها في ملفات مختلفة عن بعضها البعض وتعرض المعلومات باستخدام وحدات برامج مختلفة.
ولكن هذه المعلومات هي فقط لتفهمك.
لذلك دعونا نستمر. بعد التغييرات في ملف page.php أصبح الكود المسؤول عن عرض عناوين صفحات مدونتي هكذا:
ومع ذلك، هذه ليست كل التغييرات التي يجب إجراؤها. الشيء هو أنني حددت عيبًا خطيرًا آخر.
كان الأمر يتعلق بحقيقة أن هذه العلامة تم استخدامها لعرض عنوان المدونة بأكملها، مما أدى إلى ظهور العديد من العلامات باستخدام علامة h1 المتكررة. محركات البحث لا تحب هذا النوع من التحسين المفرط!
لتحرير قالب WordPress وإزالة إخراج علامة h1 من رأس المدونة، تحتاج إلى إجراء تغييرات على الملفات: header.php (ملف إخراج رأس مورد الويب) وstyle.css (ملف نمط مورد الويب).
تحتاج إلى التغيير في ملف header.php:
ابحث عن هذا الرمز في ملف header.php، الذي يُخرج عنوان موقعك أو مدونتك، ثم بدلاً من علامة h1، أدخل علامة الفقرة p.
وبعد التغيير تظهر لنا هذه الصورة:
تحرير ملف style.css
للحفاظ على حجم خط عنوان المدونة ومظهره دون تغيير، يتعين عليك إجراء تغييرات على style.css. افتح هذا الملف وابحث عن أنماط h1. بالنسبة لي تبدو مثل هذا:
ثم استبدل علامة h1 بعلامة p وقم بتعديل حجم الخط:
في الصفحة الرئيسية للمدونة يجب كتابة علامة H1 في عنوان أو وصف المدونة، وعلامة H2 في عناوين المقالات.
لكن كيف افعل ذلك؟ في منشوراتنا، يتم استخدام العلامة الرئيسية لعناوين المقالات.
يفتح ملف Index.php للتحرير ويبحث عن سطر مثل:
قد يبدو الأمر مختلفًا بعض الشيء بالنسبة لك، لكن المعنى هو نفسه. ومن المهم هنا التأكد من كتابة علامة h2 في هذا السطر، كما في لقطة الشاشة أعلاه.
إذا تم عرضه من خلال علامة أخرى، أضف h2 وقم بتحديث الملف.
الآن عن H1
كما أشرت سابقًا، يجب كتابة h1 على الصفحة الرئيسية في عنوان المدونة أو وصفها. يجب أن يحتوي على كلمات رئيسية تعكس محتوى مورد الويب بأكمله.
ولكن هذا ليس كل شيء.
إذا قمنا ببساطة بكتابة عنوان المدونة أو وصفها من خلال علامة h1، فسيتم عرضها في جميع صفحات العديد من مقالات المدونة.
سيؤدي هذا إلى تكرار علامة h1، وهو أمر غير جيد! محركات البحث لا تحب هذا... لذلك أقدم الحل.
ومن الضروري إضافة شرط على شكل كود php، يتم بموجبه كتابة هذه العلامة في عنوان المدونة في الصفحة الرئيسية فقط، وستكون غائبة عن الصفحات الأخرى في المقالات.
وهنا الشرط نفسه:
لذلك، افتح ملف blog header.php واكتب هذا الشرط في رأس المدونة.
بالنسبة لي يبدو مثل هذا:
كما ترون، بالنسبة للموارد الخاصة بي، قمت بتضمين وصف لمدونة "الترويج للمدونة وكسب المال على الإنترنت" في علامة h1 بالصفحة الرئيسية.
هذا هو الأساس. لقد نجحنا في تحرير العيوب في القالب المجاني.
أتمنى أن تفهم كيفية استخدام علامة h1 بشكل صحيح في مدونتك لإرضاء محركات البحث.
سأتحدث في دروسي القادمة عن كيفية استخدام علامات h1 وh2 وh3 وh4 بشكل صحيح على مورد الويب الخاص بك. لذا اشترك في التحديثات حتى لا تفوت هذه المادة المفيدة.
حتى المرة القادمة. الوداع!
علامات العناوين
- أهم علامات العنوان - أقل أهمية من الأول ... - الأخير في الأهمية
يجب التعامل مع هذه العلامات بحذر حيث أن لها تأثيرًا أكبر على تصنيف الموقع. مع الاستخدام السليم للعلامات
بناء جملة العلامة ..
عنوان المقال
العنوان الفرعي1
...العنوان الفرعي2
العنوان الفرعي3_1
...العنوان الفرعي3_N
العنوان الفرعي3
إلخ.
كل عنوان له حجم مختلف بشكل افتراضي. على سبيل المثال، رمز
العنوان ح1
العنوان h2
العنوان ح3
العنوان h4
العنوان h5
العنوان ح6
تتحول الصفحة إلى هذا:
أهمية العلامة ..
من حيث الوزن والأهمية في الترويج لموقع الويب، تأتي علامات الرأس h1-h6 في المرتبة الثانية بعد العلامة
في كود HTML للصفحة، يجب أن تكون العلامة الأولى
عنوان المقال
... ... ... ...
أولئك. يتم دائمًا تضمين كل علامة أقل ضمن علامة أعلى. هذا هو التسلسل الهرمي الصحيح. في الوقت نفسه، التحولات الحادة من
بالإضافة إلى هذا التسلسل الهرمي، تحتاج أيضًا إلى مراعاة التسلسل الهرمي من حيث أحجام الخطوط. أولئك. يجب أن تحتوي العناوين الأكثر أهمية على خط أكبر. على الرغم من أنه لم يعلن أحد بعد عن أدلة تؤكد أن محركات البحث تحلل الأنماط الموجودة في ملفات .css، إلا أن هناك مثل هذه القاعدة السرية بين مشرفي المواقع والمحسنين.
يمكن العنوان و
هذا هو السؤال الذي تتم مناقشته حاليا. من ناحية، فمن المنطقي أن
كم عدد العناوين يمكن أن يكون هناك؟ ,
?
علامات العناوين
لا تخلط بين علامات الرأس
وh1-h6. بعضها مطلوب لروبوت البحث، والبعض الآخر لروبوت البحث والمستخدمين.مساء الخير أيها الزوار الأعزاء.
اليوم سيكون هناك مقال عن موضوع رؤوس 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. إذا لم يكن الأمر كذلك، فقم بتحرير القالب الخاص بك.
الموقف الشائع هو عندما يكون هناك H2 بدلاً من H1. وهذا ليس خطأ جسيما، ولكن من الأفضل عدم السماح به.
إذا كنا نتحدث عن استخدام مستويات العناوين المتبقية H2-H6، فيجب استخدامها بالفعل في الوضع اليدوي.
باستخدام بعض أنظمة إدارة المحتوى (CMS) لإنشاء موقع ويب، تتم إضافة هذه العناوين إلى المقالات بكل بساطة. على سبيل المثال، في WordPress، في لوحة التنسيق في محرر الصفحة، يوجد دائمًا عنصر عناوين حيث يمكنك تحديد المستوى المطلوب، بعد تحديد النص المطلوب مسبقًا والذي يجب تضمينه في العنوان.
نفس الشيء مع كل محرك. إذا كنت تستخدم تخطيط HTML للموقع وتحتاج إلى إضافة العلامات يدويًا، فلن تكون هناك أي صعوبات. كل ما عليك فعله هو وضع الأجزاء الضرورية من النص بين علامتي الفتح والإغلاق عند المستويات المطلوبة. انظر الأمثلة أدناه.
أما بالنسبة لأنماط التصميم لكل مستوى، فمن المفيد إضافة قواعد لكل مستوى في ملف الأنماط.
لاحظ أنه لا توجد نقاط أو علامات تجزئة قبل اسم مستوى العنوان في الأنماط. داخل الأقواس نشير إلى الأنماط نفسها: نوع الخط، الحجم، اللون، الخلفية، وما إلى ذلك.
إذا قمت بجعل رؤوس موقعك تصميمًا فريدًا وملفتًا للنظر، فلن يشكرك زوار موقعك إلا على ذلك وسيكون تصميم المحتوى على أعلى مستوى. في الوقت الحاضر، أصبحت العناوين الرئيسية البسيطة ذات حجم الخط الكبير والتمييز الغامق شيئًا من الماضي.
بسيط، ولكن في الوقت نفسه، أصبح تصميم العناوين باستخدام خطوط تسليط الضوء المختلفة، والتسطير مع الخلفية، وما إلى ذلك.
لقد قدمت ذات مرة بعض الأمثلة على مثل هذه التصاميم. حتى لو أخذت مدونتي، فإن العنوان الرئيسي في H1 ليس فقط بخط كبير على خلفية بيضاء مع بقية النص. ويفصل بينها إطار رمادي مقابل الخلفية العامة للموقع مما يجعلها أكثر وضوحا وتركز الاهتمام عليها.
سأعطيك مثالين آخرين للعناوين المصممة في H1.
كما ترون، هذا ليس مجرد خط غامق، ولكنه خلفية جميلة ذات سطح سفلي متموج وسطح علوي مؤكد.
يمكنك أيضًا رؤية التصميم المثير للاهتمام بنفسك على هذه الصفحة.
أما بالنسبة للعناوين H2-H6، فلا يمكنك تصميمها بنوع من الخلفية فحسب، بل يمكنك أيضًا ترقيمها (إذا كنت تستخدم المحتوى في بداية الصفحة) على شكل صور جميلة. مرة أخرى، لا يجب أن تكون هذه أرقامًا بسيطة. هنا مثال جيد لهذه الفكرة.
عندما تعرف شيئًا لا يعرفه معظم الأشخاص، ناهيك عن معرفته، يمكنك المضي قدمًا وإلقاء نظرة على الأخطاء الرئيسية في استخدام العناوين على جميع المستويات على موقعك.
كان من الممكن أن تكتشف جميع الأخطاء بنفسك من خلال دراسة جميع المواد المذكورة أعلاه، ولكن هناك بعض الفروق الدقيقة. سأقوم بإدراج كل ما قد ينطبق عليك تحديدًا وما يجب تصحيحه على الفور.
هذا كل شيء، عزيزي أصحاب المواقع. لقد انتهت المواد المتعلقة بالعناوين الرئيسية على الموقع. لقد خرج مطولا إلى حد ما. لقد كررت نفسي في مكان ما، ولكن هذا فقط لتركيز انتباهك على الأفكار الرئيسية للمقال. آمل أن تكون هذه المادة مفيدة لك.
بالمناسبة، هل يمكنك العثور على عيب صغير في رؤوس أعمالي على الموقع؟ إذا كانت الإجابة بنعم، فاكتب في التعليقات. هذه اللحظة ليست ملحوظة للغاية، لكنها موجودة.
نراكم في المواد القادمة. هناك المزيد في المستقبل.
مع أطيب التحيات، كونستانتين خميليف!
» استخدام العناوين H1-H6
سنحاول في هذه المقالة شرح ماهية علامات h1-h6 وكيفية استخدامها بشكل صحيح مع مراعاة الترويج لموقع الويب. لأن الاستخدام الصحيح للعناوين سيساعدك على الوصول بسرعة ودون عناء إلى مراكز أعلى في محركات البحث. تعد العناوين H1-H6 من أهم علامات التركيز، كما أنها، جنبًا إلى جنب مع علامات العنوان التعريفية، ذات أهمية كبيرة لتحسين محركات البحث بشكل مناسب لموقع الويب. بدون هذا الرابط المهم، من المستحيل ببساطة رفع الصفحة إلى الأعلى في موضوع تنافسي.
لنبدأ ببعض القواعد لتجميع العناوين حسب أهميتها:
تم تصميم علامات H1-H6 لتسليط الضوء على عناوين صفحات موقع الويب ويمكن مقارنتها بعناوين الكتب. يتم إقران جميع علامات العناوين، كما هو الحال من حيث المبدأ مع جميع العلامات الأخرى تقريبًا المستخدمة في HTML، وإذا كنت تريد تمييز بعض العبارات بها، فيجب وضعها بين هذه العلامات. على سبيل المثال مثل هذا:
العلامة الأكثر أهمية لتحسين محركات البحث هي علامة H1 وهي بمثابة العنوان الرئيسي للصفحة. يمكن أن يكون هذا عنوان مقال أو خبر أو اسم منتج، بمعنى آخر، يلعب النص الموجود في H1 الدور الأكثر أهمية ويجب أن يكون بين هذه العلامة عبارة رئيسية يجب أن يكون لها أكبر وزن في الصفحة؛ . تجدر الإشارة إلى أن رأس H1 يجب استخدامه مرة واحدة فقط ويحتوي على الكلمات الرئيسية الرئيسية والأكثر أهمية التي تخطط من خلالها للترويج لهذه الصفحة. تتطابق قواعد كتابة العناوين تقريبًا مع التوصيات الخاصة بكتابة عنوان التعريف Title؛ ونوصيك بالتعرف عليها إذا لم تكن قد قمت بذلك بالفعل.
توصية أخرى مهمة هي ألا تكون علامة تعريف العنوان وعنوان المستوى الأول متطابقين وطويلين جدًا؛ ويجب ألا تدرج قائمة المفاتيح التي تحتاجها هناك، حيث ستكون 3-5 كلمات كافية. وإلا، فإن الكلمات الرئيسية الموجودة في العنوان ستكون غير واضحة ولن يكون لها الحد الأقصى للوزن، أو ما هو أسوأ من ذلك، سيعتبرها محرك البحث بريدًا عشوائيًا. إذا كان محرك البحث يشتبه في أنك تريد خداعه، فمن المرجح أن يتم تخفيض هذه الصفحة في نتائج البحث. كن حذرًا للغاية وخذ وقتك عند كتابة العناوين الرئيسية، كما ذكرنا أعلاه، فهي أحد عوامل التصنيف المهمة.
على عكس عنوان المستوى الأول، يمكن استخدام العناوين الأخرى (H2-H6) عدة مرات على الصفحة، ولكن كما كنت قد خمنت، فإن وزنها يكون بترتيب تنازلي. تُستخدم هذه العلامات للعناوين الفرعية، ويُنصح أيضًا بتضمين عبارات رئيسية مهمة فيها، إذا جاز التعبير، أو مخففة أو بشكل توضيحي. استخدم المرادفات فيها، وأدخل مفتاحك مع الأخذ في الاعتبار الشكل، ولكن لا تجعلها مشابهة جدًا لرأس H1. يجب أن تكون الكلمات والعبارات المستخدمة موجودة في الصفحة بالإضافة إلى العناوين ويجب أن تكون بترتيب منطقي، ويفضل أن تكون الجملة الأولى بعد العنوان مطابقة لها قدر الإمكان.
لا يجب أبدًا أن تضع عناوين مثل: "مرحبًا بك في الصفحة..." وما شابه. وهذا لن يجلب شيئا جيدا للصفحة وسيأخذ نصيب الأسد من ثقلها. يجب أن يكون أي عنوان على صفحتك مخصصًا ليس فقط لزوار الموقع، ولكن أيضًا لمحركات البحث. لا ينبغي أن تكون العناوين الموجودة على الصفحة مفيدة فحسب، بل يجب ألا تكون طويلة جدًا أيضًا؛ عند كتابة العناوين، تحتاج إلى إيجاد حل وسط. تحتاج Yandex و Google إلى فهم ما يقال على الصفحة، وإدراج الكلمات الرئيسية في علامات H1-H6، ولكن بدون تعصب، وإلا فلن تتمكن إلا من تفاقم الأمور.
تجدر الإشارة إلى أن علامات العناوين H1-H6 يجب أن تكون بترتيب تنازلي صارم على الصفحة. إنه موجود على الصفحة وليس في النص، حيث توجد حالات غالبًا، على سبيل المثال، في القوالب المجانية يكون هذا بعيدًا عن الحالة وهذا يقلل أيضًا من وزن الكلمات الرئيسية المطلوبة. هناك رأي مفاده أن العناوين الموجودة أسفل H3 ليس لها أي معنى لمحركات البحث وهذا بالطبع قد يكون صحيحًا، لكننا ما زلنا نوصي باستخدامها لترميز محتوى النص، بدلاً من العناوين والكتل الخاصة بعناصر الموقع الأخرى. هناك عدد كبير من علامات HTML الأخرى لهذا الغرض.
غالبًا ما تخطئ بعض أنظمة إدارة المحتوى (CMS)، أو بالأحرى القوالب المجانية الخاصة بها، عن طريق كتابة علامات H1 في المكان الخطأ، مع مراعاة التحسين الداخلي المناسب. أو يستخدمون علامات H3 لتسليط الضوء على رؤوس الكتل وعناصر الموقع الأخرى؛ وهذا غير صحيح بالأساس؛ ولهذا الغرض، هناك علامات بديلة في HTML.
هناك خطأ شائع آخر موجود في بعض القوالب وهو أخطاء التخطيط فيما يتعلق بـ SEO وعدم اتباع معيار W3C. في كثير من الأحيان، يمكنك أن تجد أن علامات H تحتوي في بعض المواقع على روابط وصور وشعارات في رأس الموقع، وما إلى ذلك. وهو ما ينعكس بشكل سيء على الموقع بأكمله ككل.
حسنًا، الخطأ الأخير الأكثر شيوعًا هو أنه عند استخدام المحررين المرئيين في لوحة الإدارة، غالبًا ما يترك مالكو الموقع عناوين فارغة في النص دون قصد، فلا تغلق هذه العلامات، مما قد يربك روبوتات محرك البحث وستكون مثل هذه الصفحات بالتأكيد خفضت في النتائج.
لقد قمنا بإدراج الأخطاء الثلاثة الأكثر شيوعًا عند استخدام العناوين، بالطبع هناك أخطاء أخرى، لكنها ليست شائعة وبالتالي تم تفويتها. تأكد من فحص صفحاتك في الموقع بحثًا عن هذه الأخطاء وتأكد من إزالتها، مما يجعل موقعك أكثر جاذبية لمحركات البحث.