وسوم HTML لتحسين محركات البحث: أيها مهم، مع أمثلة

تقرأ محركات البحث ومساعدات الذكاء الاصطناعي صفحتك ككود قبل أن يراها أي شخص على الشاشة. وتحدد حفنة من وسوم HTML لتحسين محركات البحث كيف يُفهم هذا الكود: أي عنوان URL يُفهرس، وأي عنوان يظهر في النتائج، وما موضوع الصفحة، وكيف تبدو عند مشاركتها. تسرد Google وسوم meta والسمات التي تدعمها في صفحة واحدة من وثائق Search Central، وكل ما يقع خارج هذه القائمة لا أثر له في بحث Google. يعرض هذا الدليل كل وسم مفيد مع مثال، والأخطاء التي يجب تجنبها، والوسوم التي يمكنك نسيانها.

ما وسوم HTML المهمة لتحسين محركات البحث؟

الجدول التالي هو القائمة المرجعية. الوسوم الموجودة في head تصف الصفحة للآلات، والوسوم الموجودة في body تنظّم ما يقرؤه الناس.

ما وسوم head التي تتحكم في طريقة عرض Google لصفحتك؟

وسم title

وسم title هو أهم وسم في الصفحة. تقول Google إنه لا يوجد حد لطول عنصر title، لكن رابط العنوان يُقتطع ليناسب عرض الشاشة، أي نحو 50 إلى 60 حرفًا على الكمبيوتر. ويمكن لـ Google أيضًا إعادة كتابته: تسرد وثائقها المصادر التي تستخدمها، من عنصر title والعنوان الرئيسي الظاهر إلى عناوين H1 ووسم og:title ونص الربط في الروابط التي تشير إلى الصفحة. وسم title المتسق مع H1 ومحتوى الصفحة هو الذي تحتفظ به Google. اكتب title فريدًا لكل صفحة، مع الكلمة المفتاحية الرئيسية في البداية والعلامة التجارية في النهاية.

وصف meta description

لا يغيّر وصف meta description الترتيب، لكنه يوفّر غالبًا المقتطف الظاهر أسفل العنوان، ولذلك يؤثر في النقرات. وقد تستبدله Google بمقطع من الصفحة أقرب إلى الاستعلام. اكتبه كإجابة قصيرة تليها فائدة، بين 120 و160 حرفًا، ولا تكرر الوصف نفسه في عدة صفحات أبدًا.

وسم meta robots

يخبر وسم meta robots الزواحف بما يُسمح لها فعله بالصفحة. القيمة الأكثر استخدامًا هي noindex التي تُبقي الصفحة خارج النتائج، ومن القيم الأخرى nofollow وnosnippet وmax-snippet الذي يحدد طول المقتطف. وفي الملفات التي لا تحتوي على قسم head، مثل ملفات PDF، توضع التوجيهات نفسها في ترويسة HTTP المسماة X-Robots-Tag. وسم noindex المنسي في قالب منشور من أكثر أسباب فقدان الزيارات شيوعًا، فتحقق منه بعد كل إصدار.

Viewport وcharset

تذكر Google في وثائقها أن وجود وسم viewport يدل على صفحة متوافقة مع الجوال. وبما أن Google تفهرس نسخة الجوال من المواقع، يجب أن يوجد هذا الوسم في كل صفحة. ويمنع تعريف ترميز الأحرف (توصي Google بـ UTF-8) ظهور أحرف مشوهة في العناوين والمقتطفات، وهذا مهم في المواقع متعددة اللغات.

ما الوسوم التي تخبر Google بعنوان URL الذي يجب فهرسته؟

يتولى وسمان من نوع link في head معالجة التكرار واللغات. الوسم الأساسي canonical يحدد النسخة المفضّلة حين يمكن الوصول إلى المحتوى نفسه عبر عدة عناوين URL (فلاتر، معاملات تتبع، HTTP وHTTPS). وتتعامل معه Google كإشارة قوية، إلى جانب عمليات إعادة التوجيه والروابط الداخلية، لذا يعمل بأفضل شكل حين تشير كل الإشارات إلى العنوان نفسه. استخدم عنوان URL كاملًا، ووسمًا أساسيًا واحدًا لكل صفحة، ولا توجهه أبدًا إلى صفحة محظورة أو عليها noindex.

تخبر سمة hreflang محرك Google بأي صفحة يعرضها لكل لغة أو منطقة. ووفقًا لدليل Google حول النسخ المترجمة، يجب أن تذكر كل نسخة نفسها وجميع النسخ الأخرى، ويمكن لقيمة x-default أن تحدد الصفحة للمستخدمين الذين لا تُغطّى لغتهم. وغياب روابط العودة هو أكثر أخطاء hreflang شيوعًا: إذا أشارت الصفحة A إلى الصفحة B، فيجب أن تشير الصفحة B إلى الصفحة A.

ما وسوم body التي تساعد محركات البحث على فهم المحتوى؟

العناوين من H1 إلى H6

تشكّل العناوين مخطط الصفحة. استخدم H1 واحدًا يعلن الموضوع، وH2 للأقسام الرئيسية، وH3 للخطوات أو العناصر داخل القسم، دون تخطي المستويات لأسباب شكلية. قالت Google إن وجود عدة عناوين H1 لا يسبب عقوبة، لكن H1 واحدًا واضحًا يبقى البنية الأبسط للقرّاء وللتقنيات المساعدة. كما أن عناوين H2 المصاغة كأسئلة («كيف يعمل X؟») تطابق طريقة صياغة الناس لعمليات البحث والأوامر.

النص البديل للصور

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

الروابط وسمات rel

عنصر a هو الطريقة التي تكتشف بها الزواحف الصفحات، لذا يجب أن تكون الروابط الداخلية روابط حقيقية تحتوي على href، لا أزرارًا تُدار بـ JavaScript. وتصنّف سمة rel الروابط الخارجية: sponsored للمواضع المدفوعة، وugc للتعليقات ومشاركات المنتديات، وnofollow للروابط التي لا تريد تزكيتها. وتتعامل Google مع هذه القيم كإشارات منذ عام 2020. ونص الربط الوصفي يساعد القرّاء ومحركات البحث معًا.

العناصر الدلالية في HTML5

تُعلم عناصر مثل main وarticle وnav وheader وfooter وsection الآلاتِ بالجزء الذي يمثل المحتوى الرئيسي في الصفحة والأجزاء التي تتكرر في كل صفحة. لا تحسّن هذه العناصر الترتيب وحدها، لكنها تسهّل عزل المحتوى الرئيسي لمحركات البحث وقارئات الشاشة وأدوات الذكاء الاصطناعي على حد سواء. ويشرح دليلنا حول HTML الدلالي كل عنصر. وداخل النص، يحدد strong وem مواضع التأكيد: استخدمهما للمصطلحات الأساسية لا لفقرات كاملة.

ما الوسوم التي تشكّل معاينات الشبكات الاجتماعية والنتائج المنسّقة؟

يحدد بروتوكول Open Graph، الذي أنشأته Facebook وتقرؤه اليوم معظم الشبكات الاجتماعية وتطبيقات المراسلة، الوسوم og:title وog:description وog:image وog:url التي تبني بطاقة المعاينة عند مشاركة صفحة. ومن دونها تخمّن المنصات، وغالبًا باختيار صورة خاطئة. اختبر النتيجة باستخدام أداة معاينة Open Graph قبل النشر.

تصف البيانات المنظمة بصيغة JSON-LD، الموضوعة في وسم script، الصفحةَ بمفردات Schema.org: مقال، منتج، مؤسسة، مسار تنقل، أسئلة شائعة. تستخدمها Google للنتائج المنسّقة، وهي تمنح أنظمة الذكاء الاصطناعي حقائق صريحة عن الكيان الذي يقف وراء الصفحة. ويجب أن يصف الترميز ما هو ظاهر في الصفحة. نشرح دورها في إجابات الذكاء الاصطناعي في دليلنا حول البيانات المنظمة والبحث بالذكاء الاصطناعي.

ما وسوم HTML التي تتجاهلها Google؟

تخبرك قائمة الوسوم التي تدعمها Google أيضًا بما يمكنك التوقف عن صيانته:

• Meta keywords: تؤكد Google أن وسم meta keywords لا يستخدمه بحث Google ولا أثر له إطلاقًا في الفهرسة أو الترتيب.
• وسوم meta غير المعروفة: تتجاهل Google وسوم meta التي لا تدعمها، مثل meta author أو meta revisit-after.
• سمة lang: تكتشف Google لغة الصفحة من نصها، لا من سمة lang. احتفظ بالسمة لأغراض إمكانية الوصول والأدوات الأخرى، واستخدم hreflang لربط النسخ اللغوية.
• Meta refresh كإعادة توجيه: تعمل، لكن Google توصي بدلًا منها بإعادة توجيه 301 من جهة الخادم.

هل تهم وسوم HTML في إجابات الذكاء الاصطناعي؟

نعم، لسبب بسيط: يستخرج ChatGPT وClaude وGemini وPerplexity مقاطع من الصفحات، وكود HTML النظيف يجعل العثور على هذه المقاطع سهلًا. تجلب عدة زواحف للذكاء الاصطناعي كود HTML الخام دون تنفيذ JavaScript، لذا قد لا يصل إليها أبدًا وسم title أو وسم أساسي أو كتلة نص تضيفها السكربتات. وتقسّم بنية العناوين الواضحة الصفحة إلى إجابات مستقلة، وتُبقي القوائم والجداول الحقائق مجتمعة، وتعرض البيانات المنظمة الحقائق دون لبس. هذا هو الجانب التقني من التحسين للمحركات التوليدية: الوسوم نفسها التي تساعد Google تساعد مساعدات الذكاء الاصطناعي على الاستشهاد بك بدقة.

كيف تتحقق من وسوم HTML في صفحة ما؟

1. اقرأ الكود المصدري الخام. افتح الكود المصدري (Ctrl+U) وابحث عن وسوم title وmeta description وrobots وcanonical وhreflang. إذا لم يظهر وسم إلا في الصفحة المعروضة، فهو يعتمد على JavaScript.
2. قارن بما تراه Google. تعرض أداة فحص عنوان URL في Google Search Console كود HTML الذي عرضته Google والعنوان الأساسي الذي اختارته.
3. افحص صفحة بصفحة. تعرض إضافة Chrome المجانية من Sorank الوسوم الناقصة أو المكررة والتصحيحات للصفحة التي تتصفحها.
4. افحص الموقع كله. يكتشف الزاحف عناوين title المكررة والنصوص البديلة الناقصة والوسوم الأساسية الخاطئة عبر آلاف العناوين، ويقارن اختيارنا من أدوات SEO التقني بين الخيارات.
5. أعد الفحص بعد كل إصدار. فتغييرات القوالب هي اللحظة التي تظهر فيها وسوم noindex والوسوم الأساسية المعطوبة وعناوين title الفارغة.

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