ما هي وسوم Open Graph؟
وسوم Open Graph (OG) هي وسوم meta في HTML تتحكم في شكل صفحتك عند مشاركتها على المنصات الاجتماعية مثل Facebook و LinkedIn و X (Twitter). فهي تحدد العنوان والوصف والصورة ورابط URL المصدر الظاهر في المعاينة.
ماذا تفعل هذه الأداة فعليًا؟
يعرض لك OG Preview معاينة مباشرة لكيفية ظهور الصفحة على Facebook و X (Twitter) و LinkedIn. يوجد وضعان:
- الإدخال اليدوي (افتراضي): اكتب رابط URL/نطاقًا وعنوانًا ووصفًا ورابط صورة. تتحدث المعاينات الثلاث فورًا أثناء الكتابة.
- جلب الرابط (نسخة تجريبية): الصق رابط صفحة عامة، فتحاول الأداة قراءة وسوم OG/Twitter الموجودة فيها عبر وسيط CORS عام، ثم تعرض المعاينات إضافةً إلى جدول بالوسوم التي عثرت عليها والوسوم الأساسية المفقودة.
كل شيء يعمل داخل متصفحك. لا تنشئ الأداة ملف شفرة قابلًا للتنزيل، ولا تستضيف الصور أو تغيّر أحجامها، ولا تحفظ أي شيء على خادم.
هل أحتاج إلى وسوم OG لكل صفحة؟
من الأفضل نعم — ينبغي أن يكون لكل صفحة عنوانها ووصفها وصورتها الخاصة حتى يبدو كل رابط مُشارَك ملائمًا بدلًا من العودة إلى معاينة عامة للموقع.
ما الفرق بين وسوم OG و Twitter Cards؟
وسوم OG هي المعيار المشترك الذي تستخدمه Facebook و LinkedIn وغيرها. أما Twitter Cards فهي وسوم twitter: خاصة بـ X/Twitter. إذا لم تضبط وسوم Twitter، فإن X تعتمد عادةً على وسوم OG لديك، لذلك تضبط مواقع كثيرة كليهما.
ما حجم الصورة الذي ينبغي أن أستخدمه؟
يُعد 1200×630 بكسل (بنسبة 1.91:1) خيارًا آمنًا عبر المنصات الثلاث جميعها. استخدم رابط https:// مطلقًا للصورة — فزواحف وسائل التواصل لا تحلّ المسارات النسبية.
لماذا لا تتحدث معاينتي على المنصة الحقيقية؟
تخزّن المنصات الاجتماعية المعاينات مؤقتًا بشكل مكثّف. بعد تغيير وسومك، استخدم أدوات التصحيح الرسمية لفرض التحديث: Facebook Sharing Debugger و Twitter Card Validator و LinkedIn Post Inspector.
هل تخزّن الأداة بياناتي؟
لا. تتم كل المعالجة محليًا داخل متصفحك. في وضع جلب الرابط، يمر الطلب عبر وسيط CORS تابع لجهة خارجية لجلب الصفحة، لكن هذه الأداة لا تخزّن المحتوى.
لماذا يفشل جلب الرابط أحيانًا؟
يعتمد على وسطاء CORS العامّين، وكثير من المواقع تحظرها أو لا تُرجِع HTML قابلًا للاستخدام. لهذا وُسِم بأنه نسخة تجريبية — إذا فشل، فانتقل إلى الإدخال اليدوي.