أساسيات SEO في HTML: title وdescription وcanonical والبيانات المنظمة
تطوير المواقع

أساسيات SEO في HTML: title وdescription وcanonical والبيانات المنظمة

تعلم ضبط عناصر head المهمة لمحركات البحث مع أمثلة عملية وتجنب التكرار والتصريحات المضللة.

ابدأ بعنوان واضح

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

<title>تعلم جداول HTML مع أمثلة عملية | اسم الموقع</title>
<meta name="description" content="شرح عملي لعناصر table وth وtd وcaption مع نصائح للوصول والتجاوب.">
<link rel="canonical" href="https://example.com/articles/html-tables.html">

الوصف وcanonical

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

Open Graph والبيانات المنظمة

تساعد بيانات Open Graph على تحديد عنوان ووصف وصورة عند مشاركة الرابط. أما JSON-LD فيمكنه وصف معلومات الصفحة وفق مفردات مثل Schema.org. يجب أن تعكس البيانات المنظمة المحتوى الظاهر فعلًا وألا تتضمن تقييمات أو حقائق مختلقة.

قائمة مراجعة

  • عنوان ووصف فريدان ومناسبان للنية.
  • رابط canonical كامل وصحيح.
  • روابط داخلية تعمل ومحتوى يمكن الوصول إليه دون تنفيذ JavaScript.
  • بيانات منظمة مطابقة للصفحة واختبارها بأداة مناسبة.
  • لا تضع وعودًا بأن البيانات الوصفية تضمن الفهرسة أو الترتيب.

راجع أيضًا درس HTML الدلالي ودرس الروابط والمسارات.

مراجع موثوقة

تابع سلسلة HTML

تابع الدروس السابقة: ما هي HTML؟، بنية مستند HTML، العناوين والفقرات والروابط، القوائم والصور، وأساسيات النماذج.

مطابقة metadata مع الصفحة

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

<title>دليل نماذج HTML للمبتدئين | اسم الموقع</title>
<meta name="description" content="تعلم بناء نماذج HTML واضحة مع أمثلة للحقول والتسميات والتحقق وإمكانية الوصول.">
<link rel="canonical" href="https://example.com/articles/forms.html">

فحص قبل النشر

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

قائمة فحص عناصر head

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

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

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

مراجعة عناصر SEO داخل head قبل النشر

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

العنصرما الذي يصفه؟اختبار الجودة
titleعنوان الصفحة في سياقات متعددةمحدد ومفهوم ولا يكرر قالبًا عامًا فقط
meta descriptionملخص موجز يمكن استخدامه في مقتطف البحثصادق ومفيد ولا يحتوي وعودًا غير موجودة
canonicalإشارة إلى النسخة المفضلة من عنوان الصفحةيشير إلى URL صحيح وقابل للوصول
Open Graphبيانات معاينة المشاركة الاجتماعيةالعنوان والصورة يطابقان الصفحة
JSON-LDوصف منظم للكيان أو المحتوىالحقول حقيقية ومتطابقة مع المحتوى الظاهر

العنوان والوصف: اكتب للقارئ أولًا

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

canonical والروابط المطلقة

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

البيانات المنظمة ليست إعلانًا تسويقيًا

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

قائمة فحص سريعة

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

راجع إرشادات Google لعناوين النتائج ودليل المقتطفات ومقدمة البيانات المنظمة.

اختبار metadata على صفحات الموقع المختلفة

لا تكتفِ بفحص صفحة واحدة بعد تحديث قالب metadata. اختر عينة من المقالات والتصنيفات والصفحات الخاصة، وتأكد من أن كل صفحة تحصل على title وdescription وcanonical المناسبين لها. قد يؤدي قالب واحد إلى تكرار الوصف أو استخدام صورة معاينة غير صحيحة إذا لم تُربط الحقول ببيانات الصفحة الفعلية.

فحص العناوين والأوصاف

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

فحص canonical والروابط

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

اختبار آلي ومراجعة بشرية

يمكن لفحص آلي أن يكشف الوسوم المفقودة أو المتكررة، لكنه لا يعرف دائمًا إن كان العنوان يصف الصفحة بصدق. راجع عينة يدويًا، ثم شغّل الفحص بعد تحديث المحتوى. إذا كانت البيانات تولّد من JSON أو CMS، صحح مصدر الحقول بدل إصلاح كل صفحة على حدة.

راجع إرشادات Google لعنوان النتيجة ودليل المقتطفات لتفسير ما يمكن توقعه من metadata.

فحص البيانات الوصفية قبل نشر الصفحة

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

تحقق من canonical واللغة

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

راجع بيانات المشاركة الاجتماعية

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

استخدم أدوات الفحص المناسبة

افتح مصدر HTML النهائي وليس القالب وحده، لأن بعض الأنظمة تعدّل البيانات وقت البناء. تحقق من وجود title واحد واضح، ووصف مناسب، وcanonical متسق، وعدم وجود توجيه noindex غير مقصود. افحص صفحات متنوعة من القالب، خاصة الصفحات ذات العناوين الطويلة أو المحتوى المولد. بعد النشر، تابع تقارير Search Console بدل استنتاج الأداء من فحص واحد.

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

تدقيق البيانات الوصفية على مستوى الموقع

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

افحص التوافق بين الإشارات

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

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

الخلاصة

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

الكاتب: عماد الدين لمراني