ما المقصود بـOpen Graph؟

Open Graph بروتوكول ابتكرته Facebook عام 2010 ويُوثَّق في ogp.me، يتيح للصفحة أن تصف نفسها لأي تطبيق يبني معاينة للروابط. حين يلصق شخص رابطك في Facebook أو LinkedIn أو WhatsApp أو Slack أو Discord أو iMessage أو تطبيقات كثيرة أخرى، يجلب التطبيق الصفحة ويقرأ وسوم meta التي تبدأ بـog: ويعرض بطاقة بعنوان ووصف وصورة.

وبغير وسوم Open Graph يخمّن كل تطبيق، فيلتقط غالبا شعارك أو جملة من شريط ملفات تعريف الارتباط أو لا يلتقط شيئا.

الوسوم المهمة

<meta property="og:type" content="article">
<meta property="og:title" content="How to Waterproof Leather Hiking Boots">
<meta property="og:description" content="A 15-minute method that keeps boots dry for a full season.">
<meta property="og:url" content="https://www.example.com/guides/waterproof-boots/">
<meta property="og:image" content="https://www.example.com/img/waterproof-boots-1200x630.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Hands rubbing wax into a brown leather boot">
<meta property="og:site_name" content="Example Outdoor">

يحدد البروتوكول أربع خصائص مطلوبة، هي og:title وog:type وog:image وog:url، وتستخدم أغلب المنصات og:description أيضا. استخدم السمة property كما تفعل المواصفة.

اختيار الصورة الصحيحة

تؤدي الصورة معظم العمل في الموجز. صورة بقياس 1200 × 630 بكسل (بنسبة 1.91:1 تقريبا) تظهر جيدا في أغلب المنصات؛ وقد تُعرض الصور الأصغر كمصغّرة صغيرة بدل بطاقة كبيرة. أبعد النصوص المهمة والوجوه عن الحواف، فبعض التطبيقات تقتطع إلى مربع. استخدم رابط HTTPS مطلقا وملف JPEG أو PNG أو WebP بحجم معقول، وتأكد أن الصورة غير محجوبة بـrobots.txt أو بحماية الروابط المباشرة (hotlink protection)، وإلا ظهرت المعاينة فارغة.

هل يؤثر Open Graph في السيو؟

وسوم Open Graph ليست عامل ترتيب في جوجل، وتبني جوجل مقتطفاتها في النتائج من وسم العنوان (Title) ووصف الميتا (Meta Description). الفائدة غير مباشرة لكنها حقيقية: الروابط المشاركة بمعاينة واضحة وجذابة تحصد نقرات وإعادة مشاركة أكثر، فتجلب زوارا ومع الوقت إشارات وروابط. وبطاقات معاينة الروابط هي أيضا الطريقة التي يلتقي بها كثيرون محتواك أول مرة في مجموعات الدردشة والمجتمعات، قبل أن يبحثوا عنك بزمن.

أخطاء شائعة

• روابط صور نسبية مثل /img/share.jpg. تحتاج محللات كثيرة إلى الرابط الكامل https://.
• الصورة العامة نفسها في كل صفحة، فتبدو كل الروابط المشاركة متطابقة.
• قيمة og:url تختلف عن الرابط الأساسي (canonical)، فتتوزع أعداد المشاركات بين النسخ.
• وسوم تُضاف بـJavaScript. أغلب زواحف المعاينة لا تشغّل السكربتات؛ ضع الوسوم في HTML المعروض من الخادم.
• ذاكرة تخزين مؤقت قديمة. تخزّن المنصات المعاينات مؤقتا. وبعد إصلاح الوسوم استخدم أداة التصحيح في المنصة (مثل Sharing Debugger من Facebook أو Post Inspector من LinkedIn) لتحديثها.

كيف تفحصه

تعرض أداة فحص Open Graph كيف يظهر رابطك في Facebook وX وLinkedIn وWhatsApp وSlack، وتتحقق من كل وسم وتفحص حجم og:image. ويمكن لـX استخدام وسومه الخاصة أيضا، انظر Twitter Card (بطاقة X).

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