معاينة مشاركة الرابط (Open Graph)

العنوان والوصف والصورة → بطاقة المشاركة كما ترسمها كل منصة.

الأنسب 1200×630 بكسل.

فيسبوك
بلا صورة
example.com
عنوان الصفحة كما في og:title
وصف الصفحة كما في og:description. يُقطع بعد سطر أو سطرين حسب المنصة.
X / تويتر
بلا صورة
عنوان الصفحة كما في og:title

From example.com

واتساب
عنوان الصفحة كما في og:title
وصف الصفحة كما في og:description. يُقطع بعد سطر أو سطرين حسب المنصة.
example.com
https://example.com/offer
لينكدإن
بلا صورة
عنوان الصفحة كما في og:title
example.com

عن الأداة

حين يُشارك رابط على فيسبوك أو واتساب أو X أو لينكدإن، تجلب المنصة الصفحة وتقرأ وسوم Open Graph منها: ⁦og:title⁩ و⁦og:description⁩ و⁦og:image⁩ و⁦og:site_name⁩، وتبني منها بطاقة المعاينة. كل منصة ترسم البطاقة بطريقتها: فيسبوك ولينكدإن صورة عريضة فوق العنوان، وX العنوان فوق الصورة، وواتساب صورة صغيرة بجانب النص أو صورة كبيرة فوقه.

الأداة ترسم البطاقات من النص الذي تكتبه أنت، ولا تجلب صفحتك ولا تفحص وسومها؛ لذلك تصلح للتخطيط قبل النشر ولتجربة عنوان أو صورة. الصورة تُحمَّل في متصفحك من الرابط الذي تكتبه. المقاس الأنسب 1200×630 بكسل بنسبة 1.91:1، وواتساب يعرض الصورة الكبيرة حين تكون خفيفة (أقل من نحو 300 كيلوبايت) وإلا اكتفى بالمصغرة.

إذا كانت الوسوم في صفحتك صحيحة والمعاينة على المنصة قديمة، فالسبب أن المنصة خزّنت نسخة سابقة. فيسبوك يجددها من أداة Sharing Debugger، ولينكدإن من Post Inspector، أما واتساب فيخزنها على كل هاتف وقد تحتاج إلى تغيير الرابط قليلًا (معامل إضافي) ليجلبها من جديد.

أسئلة شائعة

لماذا لا تظهر الصورة على المنصة رغم صحة الوسم؟

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

هل تفحص الأداة صفحتي فعلًا؟

لا. ترسم البطاقات من النص الذي تكتبه لتخطط المشاركة أو تجرب بدائل. لفحص الوسوم المنشورة استخدم أدوات المنصات نفسها.

هل يحتاج X إلى وسوم غير Open Graph؟

يقرأ X وسوم Open Graph احتياطًا، لكن twitter:card يحدد شكل البطاقة (صورة كبيرة أو صغيرة). مولّد وسوم Meta هنا يضيف الاثنين معًا.