معاينة Open Graph

ما الذي تفحصه

• يجلب الصفحة ويقرأ og:title وog:description وog:image وtwitter:card من كود HTML الخاص بها.
• يعود إلى <title> ووصف meta إذا غابت نسخ Open Graph، كما تفعل معظم المنصات.
• يرسم بطاقة مشاركة تضم الصورة والنطاق والعنوان والوصف لكل من لينكدإن وفيسبوك وX وواتساب وSlack.
• يحمّل og:image مباشرة من خادمك ويخبرك إذا فشل تحميلها.
• يبيّن أيًّا من og:title وog:image وog:description وtwitter:card مفقود.

قراءة النتيجة

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

عالج غياب og:image أو تعطّلها أولًا، فالرابط الذي بلا صورة يتجاوزه الناس أثناء التمرير. استخدم عنوان https كاملًا، وصورة بحجم 1200 × 630 بكسل تقريبًا، وخادمًا لا يحظر الطلبات الخارجية إليها. وإن قالت المعاينة إن الصورة لم تُحمَّل، فافتح عنوان og:image وحده لتعرف السبب.

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