انتقل إلى المحتوى

مولّد الوسوم الوصفية (Meta Tags) مع معاينة نتيجة البحث للصفحات العربية والإنجليزية

اكتب الوسوم التي تحدد شكل صفحتك في غوغل وفي الروابط المُشارَكة: العنوان، والوصف، والرابط الأساسي (canonical)، وتعليمات الزواحف (robots)، ووسم العرض على الجوال، وبطاقات Open Graph وإكس/تويتر. تُظهر المعاينة النتيجة تقريبًا كما ستبدو على الكمبيوتر أو الهاتف، ومن اليمين إلى اليسار للعربية، وتقيس الفحوصات العنوان والوصف بالبكسل، بالطريقة التي يقطعهما بها غوغل.

الإجابة المختصرة

اكتب عنوان الصفحة ووصفها، وأضف الرابط الأساسي وصورة المشاركة، واختر خيارات robots. تعرض المعاينة شكل النتيجة المحتمل على الكمبيوتر أو الجوال، وتنبهك المؤشرات حين يتجاوز العنوان نحو 580 بكسل أو الوصف نحو 920 بكسل. اضغط «نسخ الكل» والصق الوسوم داخل قسم head في الصفحة.

يعمل داخل متصفحك

جرّب مثالًا:

وسوم نتيجة البحث

0 بكسل من نحو 580 بكسل على الكمبيوتر · 0 حرفًا

0 بكسل من نحو 920 بكسل على الكمبيوتر · 0 حرفًا

تعليمات الزواحف (Robots)

المشاركة على الشبكات (Open Graph وإكس/تويتر)

هل للصفحة نسختان عربية وإنجليزية؟ اربط النسختين بوسوم hreflang ‏(link rel="alternate" hreflang="ar") في كل نسخة، بحيث تشير كل نسخة إلى جميع النسخ الأخرى وإلى نفسها، مع وسم x-default. لم نضعها في هذا المولّد لأن كل نسخة لغوية تحتاج مجموعتها الخاصة.

معاينة نتيجة البحث (SERP)

example.comexample.com

يظهر عنوان صفحتك هنا

يظهر وصف صفحتك هنا. اكتب جملة أو جملتين تخبران الباحث بما تقدمه الصفحة.

معاينة تقريبية لنتيجة غوغل على الكمبيوتر: يُقاس العنوان بخط Arial بحجم 20 بكسل ويُقطع عند نحو 580 بكسل، ويُقاس الوصف بخط Arial بحجم 14 بكسل عند نحو 920 بكسل. غوغل هو من يقرر حد القطع الفعلي، وقد يعيد كتابة أي من السطرين.

الفحوصات

  • خطأ: أضف عنوانًا للصفحة، فهو السطر الأزرق في نتيجة البحث.
  • تنبيه: أضف وصفًا للصفحة، فبدونه يختار غوغل نصًا من الصفحة.
  • نصيحة: لا يوجد رابط أساسي. أضف العنوان المفضل للصفحة إذا كان المحتوى نفسه متاحًا من أكثر من رابط.
  • نصيحة: لا توجد صورة مشاركة. تبدو الروابط المرسلة على واتساب ولينكدإن وفيسبوك وإكس أفضل مع صورة (1200 × 630 بكسل مقاس آمن).

وسومك الوصفية

الصق هذه الأسطر داخل قسم head في الصفحة. تُهرَّب علامات الاقتباس والرموز الخاصة تلقائيًا، ويبقى النص العربي بترميز UTF-8.

طريقة استخدام أداة مولّد الوسوم الوصفية (Meta Tags)

  1. اكتب عنوان الصفحة ووصفها، ويُظهر المؤشر تحت كل خانة العرض بالبكسل.
  2. أضف الرابط الأساسي واسم الموقع، وصورة مشاركة بمقاس نحو 1200 × 630 بكسل للروابط المُشارَكة.
  3. أبقِ خياري index وfollow مفعّلين إلا إذا أردت إبعاد الصفحة عن نتائج البحث.
  4. راجع المعاينة على الكمبيوتر والجوال، وعالج أي تنبيه، ثم اضغط «نسخ الكل» والصق الوسوم داخل <head>.

لماذا يقطع غوغل العناوين بالبكسل لا بعدد الحروف؟

لنتائج البحث عرض ثابت، فما يتسع فيها يعتمد على الحروف التي تكتبها: فكلمة «WWW» تأخذ مساحة أكبر بكثير من «iii». لذلك فعدد الحروف دليل تقريبي فقط. تقيس هذه الأداة نصك بلوحة الرسم (canvas) في متصفحك بخط Arial بحجم 20 بكسل للعنوان و14 بكسل للوصف، وهي الأحجام المستخدمة في نتائج الكمبيوتر منذ سنوات، ثم تقارنه بنحو 580 بكسل للعناوين ونحو 920 بكسل للأوصاف. هذه الحدود تقريبية وتتغير مع تصميم غوغل، وقد يعيد غوغل أيضًا كتابة العنوان أو يختار مقتطفًا آخر من الصفحة إذا رأى أنه أنسب للبحث، فاعتبر المؤشر الأخضر «يُرجَّح أن يظهر كاملًا» لا وعدًا.

معاينة نتيجة البحث للصفحات العربية من اليمين إلى اليسار

حين يكون العنوان عربيًا تتحول المعاينة إلى الاتجاه من اليمين إلى اليسار كما في النتائج العربية: يُحاذى اسم الموقع والعنوان إلى اليمين ويُقطع العنوان العربي من جهته اليسرى. والحروف العربية تتصل ويتغير شكلها، فلا يمكن تخمين عرضها من عدد الحروف، والقياس هو الفحص الموثوق الوحيد. ويبقى النص العربي في الشيفرة نصًا عاديًا بترميز UTF-8، وهو ما تتوقعه المتصفحات ومحركات البحث، وتذكّرك الفحوصات بضبط og:locale على قيمة عربية وبوسم الصفحة بالخاصيتين lang="ar" وdir="rtl".

وظيفة كل وسم

وسم العنوان (title) هو السطر الرئيسي للنتيجة واسم التبويب في المتصفح. والوصف (meta description) اقتراح للنص الذي يظهر تحته. ويخبر الرابط الأساسي (canonical) محركات البحث بالعنوان الرئيسي حين يمكن الوصول إلى المحتوى نفسه من عدة روابط، كالروابط التي تحمل معاملات تتبع. ويستطيع وسم robots إبعاد الصفحة عن الفهرس (noindex) أو منع تتبع الروابط (nofollow) أو تقييد المقتطفات. ويجعل وسم viewport الصفحة تناسب شاشات الهواتف. أما وسوم Open Graph ‏(og:title وog:description وog:image وog:url) فتتحكم في البطاقة التي تظهر عند مشاركة الرابط على واتساب أو فيسبوك أو لينكدإن، وتؤدي وسوم twitter:card الدور نفسه على منصة إكس.

فحوصات تكشف الأخطاء الشائعة

إلى جانب الطول، تنبهك الأداة حين يتطابق العنوان والوصف، وحين تتكرر كلمة سهوًا، وحين يظهر اسم الموقع مرتين في العنوان، وحين يكون الرابط الأساسي أو رابط صورة المشاركة نسبيًا أو يحمل جزءًا يبدأ بعلامة #، وهو جزء تتجاهله محركات البحث. وتنبّه إلى noindex وnosnippet لأنه من السهل نسيانهما مفعّلين بعد نقل موقع تجريبي إلى النشر. وتُهرَّب كل القيم، فلا تستطيع علامات الاقتباس أو & في عنوان مثل «عروض "الأفضل" & الأرخص» أن تكسر شيفرة HTML. وللبيانات المنظمة استخدم مولّد Schema، وللروابط النظيفة مولّد Slug.

الأسئلة الشائعة

ما الطول الأفضل لعنوان الصفحة (Meta Title)؟

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

هل الأداة معاينة لنتيجة البحث (SERP Preview) أيضًا؟

نعم. تعرض المعاينة العنوان والرابط والوصف تقريبًا كنتيجة غوغل على الكمبيوتر أو الجوال، ومن اليمين لليسار للعربية، بينما يكتب المولّد الوسوم نفسها.

لماذا يعرض غوغل عنوانًا أو وصفًا غير الذي كتبته؟

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

هل أحتاج إلى وسوم Open Graph وتويتر معًا؟

تقرأ منصة إكس وسوم Open Graph إذا غابت وسومها، لكنها تحتاج إلى twitter:card لتختار حجم البطاقة. لذلك تكتب الأداة النوعين ليجد كل تطبيق ما يبحث عنه.

أين ألصق الوسوم الوصفية التي أنشأتها؟

داخل قسم <head> في شيفرة HTML للصفحة، مرة واحدة لكل صفحة. وفي أنظمة إدارة المحتوى استخدم حقول السيو أو إعدادات الترويسة بدل لصق وسوم مكررة.