🔗 معاينة أوبن جراف ☆

عاين شكل رابطك عند المشاركة

معاينة أوبن جراف مجانا يقرأ وسوم Open Graph وTwitter Card لأي رابط ويعرض المعاينة التي ستظهر في فيسبوك وX ولينكدإن وواتساب وسلاك. الصق الرابط وشاهد العنوان والوصف والصورة كما ستظهر تماماً.

ما يجب فحصه قبل النشر

• العنوان, واضح وفريد وأقل من 60 حرفاً تقريباً
• الوصف, جذاب وأقل من 155 حرفاً تقريباً
• الصورة, 1200×630 على الأقل للبطاقات الكبيرة
• وسوم og: المفقودة أو المكررة

تعرض الأداة أيضاً الوسوم الخام التي وجدتها لاكتشاف الأخطاء المطبعية والمسارات النسبية للصور أو الصفحات التي تظهر كرابط بسيط. مجاناً وبدون تسجيل ولا تخزين.

كيف تُبنى المعاينة

يُجلب HTML الصفحة وتُحلَّل وسوم Open Graph وTwitter Card:‏ og:title وog:description وog:image بأبعادها المعلنة وog:url وog:type ومكافئات twitter:. تُعرض النتيجة كبطاقة رابط مشتركة، وتكشف القائمة الخام الأسباب المعتادة: عناوين مقتطعة أو og:image غائب أو وسوم مكررة من إضافة.

تفاصيل المعالجة والحدود

الخصوصية: تُجلب من متصفحك

يتم الجلب عبر اتصالك فيرى الموقع الهدف زيارة عادية. لا يعمل 0Appz وسيطاً ولا يخزن الوسوم، ولا يوجد سجل للروابط التي تعاينها، ويمكنك مسح النتائج بإغلاق الصفحة نهائياً.

إصلاح مشاكل المعاينة الشائعة

• استخدم روابط https مطلقة لـog:image.
• وفّر صوراً بمقاس 1200×630 للبطاقات الكبيرة.
• أبقِ العناوين تحت ~60 حرفاً والأوصاف بين 150 و200.
• اضبط Open Graph وTwitter Card معاً.
• بعد تغيير الوسوم أعد الزحف من أداة المنصة.

اقرأ أيضاً أدوات المطورين للوسوم والترويسات وSSL.

أي الوسوم تتحكم فعلاً في المعاينة

تقرأ المنصات مجموعة صغيرة من الوسوم عند بناء بطاقة المشاركة وتتجاهل الباقي. يضبط og:title العنوان الرئيسي؛ وإذا غاب يعود الزاحف إلى وسم title في HTML الذي يحمل غالباً لاحقة موقع غير مقصودة. ويتحكم og:description في السطرين أو الثلاثة تحت العنوان، بينما يخبر og:url المنصة بالعنوان الأساسي الذي تنتمي إليه البطاقة, وعدم التطابق هنا سبب شائع لبطاقات تشير إلى صفحة خاطئة. الصورة هي الجزء الأكثر خطأً: يجب أن يكون og:image رابط https مطلقاً، ويفضل 1200×630 بكسل بنسبة 1.91:1 وأقل من نحو 5 ميغابايت حتى لا ينتهي وقت الزاحف. ويتيح og:image:width وog:image:height حجز المساحة قبل تحميل الصورة. وفي X يحدد twitter:card التخطيط, وsummary_large_image هو المطلوب لمعظم المواقع, ويمكن لـ twitter:title وtwitter:description وtwitter:image تجاوز قيم OpenGraph عندما تحتاج الشبكتان نصاً مختلفاً. وفحصان عمليان يوفران الوقت: تأكد أن الرابط المعاين يعيد 200 دون سلسلة تحويلات، وتذكر أن المنصات تخزن البطاقات بقوة، لذا استخدم أداة التصحيح الخاصة بكل شبكة لفرض التحديث بعد تغيير الوسوم.

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

وإذا لم تظهر صورة البطاقة فتأكد أن الرابط مطلق ويبدأ بـ https وأن الملف يسمح بالوصول العام دون تسجيل دخول.