مُولّد وسوم Open Graph
إنشاء وسوم OG لمشاركة وسائل التواصل الاجتماعي.
ما هي وسوم Open Graph؟
وسوم Open Graph (OG) هي وسوم <meta> تُضاف إلى قسم <head> في صفحات HTML. طوّرها Facebook في عام 2010 لتمكين مالكي المواقع من التحكم بدقة في كيفية ظهور صفحاتهم عند مشاركتها على منصات التواصل الاجتماعي. اليوم تدعمها جميع المنصات الرئيسية: Facebook وTwitter وLinkedIn وPinterest وWhatsApp وTelegram وSlack وDiscord وغيرها.
بدون وسوم OG صحيحة، تحاول المنصات تخمين عنوان صفحتك ووصفها وصورتها — وغالباً ما تكون النتيجة معاينة غير جذابة أو غير دقيقة تقلل معدلات النقر بشكل كبير.
كيفية استخدام هذه الأداة
- أدخل عنوان الصفحة — هذا ما يظهر كعنوان رئيسي في بطاقة المعاينة. يُفضّل أن يكون أقل من 60 حرفاً.
- اكتب الوصف — ملخص مختصر للمحتوى (أقل من 155 حرفاً). يظهر أسفل العنوان في المعاينة.
- أضف رابط الصفحة والصورة — الرابط الأساسي (canonical URL) وصورة المعاينة (1200×630 بكسل مثالياً).
- اختر النوع وبطاقة Twitter — "website" للصفحة الرئيسية، "article" للمقالات، "product" للمنتجات.
- انسخ الوسوم — اضغط "نسخ" والصق الكود في
<head>من صفحتك.
الوسوم الأساسية المطلوبة
تعتبر أربعة وسوم OG أساسية لكل صفحة:
og:title— عنوان الصفحة كما تريده أن يظهر في المعاينةog:description— وصف مختصر وجذاب للمحتوىog:image— رابط صورة المعاينة (يُفضّل 1200×630 بكسل)og:url— الرابط الأساسي للصفحة
إضافة og:type مهمة أيضاً — تخبر المنصات عن نوع المحتوى (صفحة، مقال، منتج)، مما يؤثر على طريقة العرض.
متطلبات الصور حسب المنصة
كل منصة لها متطلبات مختلفة للصور:
- Facebook — الحد الأدنى 200×200 بكسل، المثالي 1200×630 بكسل، أقل من 8 ميجابايت
- Twitter (X) — مع
summary_large_image: 300×157 بكسل كحد أدنى، المثالي 1200×628 بكسل - LinkedIn — المثالي 1200×627 بكسل، أقل من 5 ميجابايت
- WhatsApp — يستخدم وسوم OG تلقائياً، يعمل بشكل أفضل مع صور بعرض 300 بكسل على الأقل
القاعدة العامة: استخدم صورة واحدة بحجم 1200×630 بكسل بصيغة JPG أو PNG وستعمل جيداً على جميع المنصات.
وسوم Twitter Card
Twitter (X) يدعم نظام وسوم خاص به يُسمى Twitter Cards. أهم الأنواع:
summary— بطاقة مربعة صغيرة مع صورة مصغرة على الجانبsummary_large_image— بطاقة عريضة بصورة كبيرة أعلى البطاقة (الأكثر استخداماً)
Twitter يقرأ وسوم OG كاحتياطي إذا لم يجد وسوم twitter:* المخصصة، لكن تحديد كليهما يضمن أفضل عرض.
الأخطاء الشائعة في وسوم OG
- نسيان الصورة — المشاركات بدون صورة معاينة تحصل على معدل نقر أقل بكثير
- صور صغيرة جداً — أقل من 200×200 بكسل قد لا تُعرض أصلاً
- وصف طويل جداً — يتم قصه بعد ~155 حرفاً على معظم المنصات
- عدم تحديث الوسوم — تحفظ المنصات نسخة مؤقتة (cache). بعد التعديل، استخدم أداة تنقية Cache الخاصة بكل منصة
- استخدام رابط نسبي للصورة — يجب استخدام رابط كامل يبدأ بـ
https://
اختبار وسوم OG بعد النشر
بعد إضافة الوسوم لموقعك، تحقق من ظهورها بشكل صحيح:
- Facebook — استخدم أداة Facebook Sharing Debugger
- Twitter — استخدم أداة Twitter Card Validator
- LinkedIn — استخدم LinkedIn Post Inspector
هذه الأدوات تعرض لك المعاينة الفعلية وتكتشف أي أخطاء في الوسوم قبل مشاركة الرابط علناً.
الأسئلة الشائعة
ما هي وسوم Open Graph؟
وسوم Open Graph (OG) هي وسوم meta في HTML تتحكم في كيفية ظهور عنوان صفحتك ووصفها وصورتها عند مشاركتها على منصات التواصل الاجتماعي مثل Facebook وTwitter وLinkedIn وتطبيقات المراسلة. أنشأها Facebook في 2010 وأصبحت معياراً عالمياً.
هل أحتاج وسوم OG في كل صفحة؟
يُنصح بذلك بشدة. بدون وسوم OG، تخمّن منصات التواصل الاجتماعي عنوانك ووصفك وصورتك — مما ينتج غالباً معاينات غير جذابة أو غير صحيحة تقلل معدلات النقر. على الأقل، أضف og:title وog:description وog:image لكل صفحة مهمة.
ما حجم الصورة المناسب لوسوم OG؟
الحجم الموصى به هو 1200 × 630 بكسل لـ og:image. هذا يعمل جيداً عبر Facebook وTwitter (مع بطاقة summary_large_image) وLinkedIn. احرص على أن يكون حجم الملف أقل من 5 ميجابايت وبصيغة JPG أو PNG.
ما الفرق بين og:type website و article؟
استخدم "website" للصفحة الرئيسية وصفحات الخدمات الثابتة. استخدم "article" لصفحات المدونة والأخبار والمقالات — يُفعّل هذا حقولاً إضافية مثل article:published_time وarticle:author تستخدمها Facebook لعرض معلومات أكثر ثراءً.
كيف أتحقق من صحة وسوم OG بعد النشر؟
استخدم أدوات التحقق الرسمية: Facebook Sharing Debugger لفيسبوك، Twitter Card Validator لتويتر، وLinkedIn Post Inspector لـ LinkedIn. هذه الأدوات تعرض المعاينة الفعلية وتكشف أي أخطاء. كما تقوم بتنقية النسخة المؤقتة (cache) للوسوم القديمة.
هل تؤثر وسوم OG على ترتيب الموقع في محركات البحث؟
وسوم OG ليست عامل ترتيب مباشر في Google. لكنها تؤثر بشكل غير مباشر: المعاينات الجذابة تزيد النقرات على الروابط المشاركة، مما يزيد حركة المرور والروابط الخارجية — وكلاهما عامل ترتيب حقيقي. لذلك تحسين وسوم OG استثمار يستحق العناء.
RELATED TOOLS