يعمل OG Preview بالكامل داخل متصفحك. يمكنك إما كتابة قيم الوسوم يدويًا أو ترك الأداة تقرأها من رابط URL مباشر، وترى فورًا كيف ستظهر الصفحة على Facebook و X (Twitter) و LinkedIn.
الخطوة 1: افتح الأداة
انتقل إلى الصفحة الرئيسية. تفتح افتراضيًا في وضع الإدخال اليدوي، وهو يعمل مع أي صفحة — بما في ذلك المسودات غير المنشورة بعد أو الصفحات التي تتطلب تسجيل الدخول.
الخطوة 2: أدخِل قيم الوسوم (الإدخال اليدوي)
املأ الحقول:
- URL / النطاق — يظهر كسطر المصدر في المعاينات.
- العنوان (og:title) — عنوانك الرئيسي؛ استهدف أقل من 60 حرفًا.
- الوصف (og:description) — ملخص قصير، نحو 150–160 حرفًا.
- رابط الصورة (og:image) — رابط
https://مطلق لصورة المعاينة (يُفضَّل 1200×630 بكسل).
تتحدث معاينات Facebook و X (Twitter) و LinkedIn مباشرة أثناء الكتابة. لا يوجد رفع للصور — يُشار إلى الصورة عبر رابط URL الخاص بها.
الخطوة 3 (اختياري): اجلب الوسوم من رابط URL (نسخة تجريبية)
انتقل إلى وضع جلب الرابط (نسخة تجريبية)، والصق رابط صفحة عامة واضغط على معاينة. تجلب الأداة الصفحة عبر وسيط CORS عام، وتقرأ وسوم OG/Twitter الموجودة فيها، وتعرض المعاينات إضافةً إلى جدول بالوسوم الموجودة والمفقودة. هذا الوضع يبذل قصارى جهده: بعض المواقع تحظر الوسطاء، وفي هذه الحالة يكون الإدخال اليدوي البديل الموثوق.
الخطوة 4: نقِّح حتى يبدو صحيحًا
عدِّل العنوان والوصف والصورة حتى تبدو المعاينات كما تريد. انتبه لأي صورة مفقودة أو عنوان مقتطع.
الخطوة 5: أضِف الوسوم إلى صفحتك
لا يُصدِّر OG Preview ملف شفرة — بل تضيف الوسوم بنفسك إلى <head> في موقعك. باستخدام القيم التي اخترتها، تبدو الشفرة على النحو التالي:
إذا كنت تستخدم نظام إدارة محتوى (CMS)، فإن معظم إضافات SEO (مثل Yoast SEO أو Rank Math على WordPress) توفّر حقولًا لهذه القيم تحديدًا.
الخطوة 6: اختبر على المنصات الحقيقية
بمجرد أن تصبح الوسوم مباشرة، تحقق منها باستخدام أدوات التصحيح الرسمية، التي تتيح لك أيضًا مسح ذاكرة التخزين المؤقت للمنصة: