كيفية تقليل ارتفاع كتلة صورة الرأس؟ إنشاء هيكل h1 والعنوان الفرعي الصحيح قواعد لكتابة h1 بشكل صحيح


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

ما هي المشاكل التي أواجهها مع عناوين h1 في مدونتي؟

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

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

وأيضا تثبيت الشعار.

موضوعي أيضا لديه كل هذا. يتم كتابة العنوان بعلامة h1، ووصف الموقع بعلامة h2. وإذا قمت بتثبيت شعار، فسيتم تعيينه كعنوان وسيتم تضمينه في علامة h1.

ويبدو أن كل شيء على ما يرام - في الصفحة الرئيسية، يحتوي عنوان الموقع على علامة h1، بينما تحتوي عناوين المقالات على علامة h2. لكن في المقالات والصفحات كان الأمر كذلك في البداية. علاوة على ذلك، هذا ليس فقط في قالبي، ففي العديد من قوالب WordPress، تتم كتابة عناوين المقالات والصفحات في علامة h2 - وهو أمر غير صحيح وفقًا لقواعد تحسين محركات البحث (SEO).

لقد صححت هذه النقطة - في المقالات والصفحات قمت بتغيير العناوين إلى h1، وعنوان الموقع إلى h2.

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

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

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

كان لهذا الارتباك أيضًا تأثير - حيث اختفى عنوان الموقع.

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

كيفية تغيير علامة العنوان h1 بناءً على الشروط

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

إذا تم فتح مقالة أو صفحة منفصلة، ​​فيجب الإشارة إلى عنوان الموقع بواسطة علامة h2.

لذلك، دعونا نبدأ في تنفيذ خطتنا.

كما تعلم، في جميع القوالب تقريبًا يتكون القالب من عدة كتل وكتل مثل الرأس (header.php)، والتذييل (footer.php)، وشريط الموقع (sidebar.php) متصلة كعناصر منفصلة بالصفحة الرئيسية (index) .php)، المقالات (single.php)، الصفحات (page.php).

ولذلك فإن عنوان ووصف الموقع موجودان في الرأس ( header.php). وتحتاج فقط إلى كتابة شرط من شأنه تغيير علامة h1 اعتمادًا على الصفحة المفتوحة.

وللقيام بذلك، افتح لوحة إدارة WP – "مظهر" — "محرر" — "الرأس (header.php)".

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

عنوان الموقع.

">

وصف الموقع.

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

لذا، قبل سطر الكود الذي يحمل العنوان h1، أدخل هذا الكود:

هذا الشرط يعني:إذا (إذا) كانت المقالة "not" (!) (is_single) و(&&) "not" (!) الصفحة (is_page) مفتوحة، فسيتم الإشارة إلى عنوان الموقع بواسطة علامة h1.

وبعد السطر الذي يحتوي على كود h1، تحتاج إلى إغلاق الشرط بهذا الكود:

ونتيجة لذلك، يجب أن ينتهي بك الأمر بشيء مثل هذا:

">

والآن، قياسا، نضيف شرطا آخر، مباشرة بعد الأول:

">

هذا الشرط يعني:إذا (إذا) كان هناك مقال (is_single) أو (||) صفحة (is_page) مفتوحة، فسيتم الإشارة إلى عنوان الموقع بواسطة علامة h2.

لاحظ أنني غيرت علامة العنوان في الحالة الثانية من h1 إلى h2. يمكنك أيضًا استبدال h1 بفقرة (p) أو كتل div وspan. انه مهم!

احفظ الملف وتحقق.

كيف يجب أن يكون بعد تنفيذ الشروط

في الصفحة الرئيسية والعناوين والبحث وما إلى ذلك، يجب الإشارة إلى عنوان الموقع بواسطة علامة h1، ويجب أن تكون جميع عناوين المقالات وما إلى ذلك h2، h3...

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

من المهم جدًا هنا التحقق من ملفات Single.php وpage.php من أن عناوين المقالات والصفحات يُشار إليها بعلامة h1. إذا لم يكن هذا هو الحال بالنسبة لك، فافتح هذه الملفات وقم بتصحيح الأرقام.

تلخيص

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

أيها الأصدقاء، إذا كان لديكم موقف مماثل، خذوا هذا بعين الاعتبار.

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

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

كيف يتم ترتيب العناوين على موقع WordPress ولماذا يجب أن يكون هناك عنوان واحد فقط عالي المستوى في كل صفحة؟ سننظر في كيفية التحقق من عدد علامات H1 على موقع الويب وما يجب فعله لتجنب تكرارها في القالب.

كم عدد العناوين التي تحتوي على علامة H1 التي يمكن أن توجد على صفحة WordPress؟

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

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

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

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

استضافة موقع افتراضي لنظام CMS الشهير:

كيفية التحقق مما إذا كانت H1s مكررة في قالب WordPress

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

. يرجى ملاحظة أن هذه العلامة مقترنة ومغلقة بالبناء

. كل ما يقع بينهما ينتمي إلى عنوان المستوى الأول.

يتم التحقق من الرمز بإحدى الطرق التالية:

  • أثناء وجودك في الصفحة المطلوبة للموقع، اضغط على مجموعة المفاتيح CTRL + U. سيتم فتح رمز تحتاج فيه إلى العثور على جميع علامات H1. لتسهيل عملية البحث، استخدم المجموعة CTRL + F.
  • انقر بزر الماوس الأيمن في أي مكان بالصفحة وحدد عرض مصدر الصفحة. بعد ذلك، ابحث عن علامات H1.
  • قم بالتمرير فوق العنوان الذي تريده، وانقر بزر الماوس الأيمن، ثم حدد Inspect Element. في النافذة التي تفتح، سيتم تمييز رمز عنصر الصفحة المحدد.

على سبيل المثال، يُظهر فحص عنوان منشور على الصفحة الرئيسية لموقع ما أنه ينتمي إلى عنوان المستوى الثاني H2 ويحتوي على رابط للانتقال إلى صفحة جديدة.

إذا كان هناك عدة عناوين، فأنت بحاجة إلى تغيير بعضها

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

كيفية إصلاح الرؤوس المكررة في قالب WordPress وإزالة الرؤوس غير الضرورية

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

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


كود لوضع شعار على الصفحة الرئيسية



كود لوضع الشعار على صفحات أخرى

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

لتغيير حجم الرأس، تحتاج إلى تحديد الحجم في أنماط CSS

تسمح لك العديد من قوالب WordPress الحديثة بتغيير حجم عناصر النص الرئيسية في إعدادات القالب. ما عليك سوى الانتقال إلى لوحة الإدارة في قسم "المظهر" - "السمات" - "تخصيص" للقالب الحالي، وتغيير الحجم المطلوب للعناوين والنصوص. إذا لم يكن ذلك ممكنًا، فسيتعين عليك العثور على رمز حجم الخط المتعلق برأس h1 في ملف style.css وتعيين الحجم المطلوب.

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

الهيكل مهم جدًا في الواقع إذا كنت تهتم بالجودة. ولإنشاء بنية عادية، عليك أن تفهم كيفية عمل علامات 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 في أي مكان، أو استخدام 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.

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

العناصر الأساسية لصفحة الويب

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

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

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

هيكل مقالة WordPress – علامة H1

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

العلامات H2-H6

كما ترون في النص هناك عنصر واحد h1، وكل الباقي مرتبة في بنية شجرة واضحة.

هيكل مقالة ووردبريس: كيفية بنائها

يمكن تنظيم بنية مقالة WordPress بطريقتين.

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

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

ما الخطأ الذي يمكن أن يحدث في قوالب WordPress فيما يتعلق بالعنوان وعلامات h1؟ دعونا ننظر إلى هذا بمزيد من التفصيل.

علامات العنوان وh1 في قوالب WordPress

لا تستخدم العديد من قوالب WordPress علامة h1 على الإطلاق.

بالمناسبة:يمكنك التحقق مما إذا كانت عناوين مقالاتك مؤطرة بعلامات h1 على النحو التالي. افتح أيًا من منشورات مدونة WP الخاصة بك. انقر بزر الماوس الأيمن على الصفحة وافتح "مصدر الصفحة". مع فتح الرمز، اضغط على Ctrl + F (هذا بحث في الصفحة) وابحث عن h1. اعتمادًا على ما إذا كانت هناك علامة h1 تتعلق تحديدًا بمحتوى المنشور أم لا، ستعتمد خطواتك التالية.

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

كيفية إدراج علامة H1 في قالب مدونة ووردبريس

قبل أن أخبرك بكيفية إدراج علامة h1 في قالب مدونة WordPress، سأركز على ملفات سمات WP. يتم كتابتها لكل موضوع على حدة

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

ومع ذلك، تحتاج إلى تحرير ملفات القالب بشكل صحيح وآمن في محرر مثل Notepad++. انسخ الملف الذي تقوم بتحريره، وقم بتحريره في المحرر واحفظ نسخة جديدة، ثم انقلها إلى القالب.

سنهتم في هذه المقالة بملفين للتحرير:

  1. ملف الصفحة الرئيسية. من المحتمل أن يكون ملف Index.php أو Loop.php
  2. ملف مقال مفتوح منفصل: ربما يكون Single.php أو Loop-single.php.

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

تصحيح علامة h1 في ملف منشور واحد

لتحرير الملفات، نستخدم محرر نصوص مثل Notepad++. لدينا أيضًا نسخة من الموقع في متناول اليد في حالة حدوث أخطاء فادحة.

انتقل إلى وحدة التحكم → المظهر → المحرر → ملف مقالة مفتوحة بشكل منفصل. نحن نبحث عن الكود المسؤول عن عرض الرأس. قطعة القالب:

/* جزء من نمط الحلقة المفردة

>

وقم بتغيير علامات h2 الموجودة فيه إلى علامات h1:

ما تبقى هو رمز الرأس النقي المُحاط بعلامات h1.

  • يبحث:أو اسم الموقع أو عنوان الموقع.
  • إذا كانت علامة h1 موجودة داخل div، فما عليك سوى إزالتها.
  • إذا علامات h1>

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

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

  1. للقيام بذلك، افتح الملف في المحرر: Index.php أوloop.php؛
  2. نبحث عن كود يعرض أسماء المقالات في الصفحة الرئيسية؛
  3. وقم بتغيير علامة h1 إلى علامة h2. لا تنسى الحفظ.
>

" rel="bookmark">

"محاذاة لليسار")); ?>
/* الصفحة الرئيسية، القالب: Index.php أوloop.php

" rel="bookmark">

/* التغيير إلى

" rel="bookmark">

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

عرض 11 إجابة - من 1 إلى 11 (إجمالي 11)

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

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

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

    ربما لم أعبر عن نفسي بشكل صحيح تمامًا. لا تقم بتغيير حجم الصورة، بل قم بقصها - اجعلها أصغر في الارتفاع بنفس العرض.

    ألا يقترح الموضوع اقتصاص الصورة إلى الأبعاد الموصى بها عند تعيين صورة رأسية؟

    ارتفاع الصورة 225 بكسل
    تعيين في الأنماط:
    صورة الرأس الداخلي (
    الموقف: نسبي؛
    الارتفاع: 225 بكسل؛
    حجم الخلفية: الغلاف؛
    تكرار الخلفية: عدم التكرار؛
    موضع الخلفية: 50%؛
    }

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

    لقد قمت بتثبيت سمة Corporate Blue على موقع الاختبار الخاص بي http://wp5.j807534.z9496.spectrum.myjino.ru وتوصلت إلى الاستنتاج النهائي بأنك كنت تفعل هراء. يبدو المظهر رائعًا مع صورة الرأس "الكبيرة" هذه على جميع الأجهزة. لا تكسر الموضوع لا يمكنك أن تفعل ما هو أفضل. لقد اعتدت للتو على التصميمات القديمة التي تحتوي على لافتات ضيقة في الرأس.

    2Spectrum_Admin (@perdyllo)
    عند النقر على الرابط المحدد، يعرض Chrome ما يلي:

    احذر من البرامج الضارة!
    يمكن للموقع wp5.j807534.z9496.spectrum.myjino.ru تثبيت برامج ضارة على جهاز الكمبيوتر الخاص بك والتي تسرق أو تحذف المعلومات الشخصية (على سبيل المثال، الصور وكلمات المرور والرسائل وتفاصيل البطاقة المصرفية).
    إرسال معلومات حول المشكلات الأمنية المحتملة إلى Google تلقائيًا. سياسة الخصوصية

@ 2023 klerdevi.ru - الكمبيوتر. البرامج. شبابيك. محو الأمية الحاسوبية