8 من أهم علامات HTML لتحسين محركات البحث

هل تستخدم علامات HTML في عملية تحسين محركات البحث الخاصة بك؟

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

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

في هذا المنشور ، سنستعرض بعض علامات HTML الخاصة بـ SEO والتي لا تزال منطقية في عام 2020.

1. علامة العنوان

تُستخدم علامات العنوان لإعداد تلك العناوين القابلة للنقر التي تراها في SERP:

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

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

أفضل الممارسات

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

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

كود HTML

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

2. علامة وصف التعريف

تُستخدم علامات وصف Meta لإعداد الأوصاف داخل مقتطفات نتائج البحث:

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

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

بشكل أساسي ، ستختار Google الخيار الأفضل لزيادة فرص النقر عليه.

أفضل الممارسات

قواعد الأوصاف التعريفية ليست صارمة للغاية - بعد كل شيء ، إذا فشلت في كتابة واحدة جيدة ، حتى إذا فشلت في كتابة واحدة تمامًا ، فستكتب Google واحدة لك.

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

كود HTML

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

3. علامات العنوان (H1-H6)

تُستخدم علامات العناوين في تنظيم صفحاتك لكل من القارئ ومحركات البحث:

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

ومع ذلك ، من منظور محرك البحث ، تشكل علامات العناوين جوهر المحتوى ، وتساعد روبوتات زاحف البحث على فهم موضوع الصفحة.

أفضل الممارسات

قواعد العناوين مستمدة من ممارسات كتابة النصوص العامة - قسّم نسختك إلى قطع صغيرة الحجم وحافظ على التنسيق المتسق:

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

كود HTML

يوجد أدناه مقتطف من الكود تم استرداده من نفس مقالة BBC حول إحصائيات فيروس كورونا ، ويمكنك أن ترى أن هناك عنوان H2 تم إعداده بشكل صحيح ، متبوعًا بفقرتين:

4. النص البديل للصورة

في حين أن الهدف الرئيسي للنص البديل هو الوصول إلى الويب ، فإن هدف تحسين محركات البحث (SEO) لسمة النص البديل هو فهرسة الصور.

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

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

أفضل الممارسات

من المتطلبات الأساسية لإضافة علامات النص البديل العثور على جميع الصور بدونها.

يمكنك استخدام أداة مثل WebSite Auditor للزحف إلى موقع الويب الخاص بك وتجميع قائمة بالصور التي تحتوي على نص بديل مفقود.

بمجرد إنشاء قائمتك ، قم بتطبيق هذه الإرشادات:

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

كود HTML

فيما يلي مثال على مقتطف نص بديل من صورة خلايا المرض:

5. مخطط الترميز

يتم استخدام ترميز المخطط لتحسين مقتطفات SERP العادية مع ميزات المقتطف المنسق:

يستضيف Schema.org مجموعة من العلامات التي تم تطويرها بشكل مشترك بواسطة Google و Bing و Yahoo! و Yandex ، ويستخدم مشرفو المواقع العلامات لتزويد محركات البحث بمعلومات إضافية حول أنواع مختلفة من الصفحات. في المقابل ، تستخدم محركات البحث هذه المعلومات لتحسين مقتطفات SERP الخاصة بها بميزات غنية متنوعة.

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

أفضل الممارسات

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

كود HTML

إليك نموذج مقتطف من التعليمات البرمجية يحدد حقائق التغذية للوصفة. يمكنك زيارة schema.org للحصول على قائمة كاملة بالعناصر المتاحة للترميز:

6. علامات HTML5 الدلالية

تُستخدم عناصر HTML5 للحصول على أوصاف أفضل لمكونات الصفحة المختلفة:

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

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

كما يمكنك أن تتخيل ، فإن محركات البحث متحمسة جدًا بشأن HTML5 الدلالية.

كود HTML

فيما يلي بعض عناصر HTML5 الدلالية الأكثر استخدامًا ، استخدمها لتحسين تواصلك مع محركات البحث:

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

7. علامة Meta robots

تدور العلامة الوصفية للروبوتات حول قواعد المشاركة بين مواقع الويب ومحركات البحث.

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

أفضل الممارسات

يجب وضع علامة Meta robots في قسم الرأس في كود الصفحة ، ويجب أن تحدد برامج الزحف التي تعالجها والتعليمات التي يجب تطبيقها:

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

كود HTML

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

• noindex - لا يجب فهرسة الصفحة
• nofollow - يجب عدم اتباع الروابط الموجودة على الصفحة
• متابعة - يجب اتباع الروابط الموجودة على الصفحة ، حتى لو لم تتم فهرسة الصفحة
• noimageindex - يجب عدم فهرسة الصور الموجودة على الصفحة
• noarchive - يجب ألا تعرض نتائج البحث نسخة مخبأة من الصفحة
• unavailable_after - لا يجب فهرسة الصفحة بعد تاريخ معين.

8. العلامة المتعارف عليها

تحميك العلامة الأساسية من مخاطر المحتوى المكرر:

جوهر ذلك هو أن أي صفحة معينة ، بدون خطأ من جانبك ، يمكن أن يكون لها عدة عناوين. في بعض الأحيان تنتج عن العديد من القطع الأثرية - مثل http / https وعلامات التتبع المختلفة - وفي أحيان أخرى تنتج عن خيارات الفرز والتخصيص المتنوعة المتاحة في كتالوجات المنتجات.

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

أفضل الممارسات

لتجنب المضاعفات المحتملة لتحسين محركات البحث ، قم بتطبيق العلامة الأساسية على الصفحات التالية:

• الصفحات المتاحة عبر عناوين URL مختلفة
• صفحات ذات محتوى مشابه جدًا
• الصفحات الديناميكية التي تنشئ معلمات URL الخاصة بها

افكار اخيرة

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

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