معاينة علامات OG - مدقق العلامات الوصفية للرسم البياني المفتوح
أدخل قيم Open Graph و Twitter Card الخاصة بك لرؤية معاينات مباشرة لوسائل التواصل الاجتماعي. قم بإنشاء رمز العلامات الوصفية الجاهز للاستخدام على الفور.
ما هي علامات Open Graph الوصفية؟
علامات Open Graph (OG) الوصفية هي عناصر HTML الوصفية التي تتحكم في كيفية ظهور صفحات الويب الخاصة بك عند مشاركتها على منصات التواصل الاجتماعي مثل Facebook و Twitter و LinkedIn و Discord. تحدد هذه العلامات العنوان والوصف والصورة وعنوان URL الذي يظهر في بطاقات معاينة وسائل التواصل الاجتماعي. يمكن لعلامات OG التي تم تكوينها بشكل صحيح أن تحسن بشكل كبير من معدلات النقر من المشاركات الاجتماعية.
كيفية استخدام أداة معاينة علامات OG هذه
- أدخل قيم OG — املأ og:title و og:description و og:image URL و og:url و og:type و og:site_name
- أضف علامات بطاقة Twitter — اختيارياً، تجاوز العنوان والوصف والصورة لبطاقات Twitter/X
- تحقق من المعاينات المباشرة — شاهد بالضبط كيف ستبدو صفحتك على Facebook و Twitter و LinkedIn و Discord
- انسخ الكود الذي تم إنشاؤه — انقر فوق نسخ الكود للحصول على علامات HTML الوصفية الجاهزة للصق في صفحتك
لماذا تستخدم أداة معاينة علامات OG هذه؟
- معاينات 4 منصات — شاهد معاينات Facebook و Twitter/X و LinkedIn و Discord في وقت واحد
- تحديثات في الوقت الفعلي — يتم تحديث المعاينات على الفور أثناء الكتابة، لا حاجة لإعادة تحميل الصفحة
- إنشاء الكود — يقوم تلقائيًا بإنشاء كود HTML للعلامات الوصفية بتنسيق صحيح
- دعم بطاقة Twitter — حقول منفصلة لتجاوزات خاصة بـ Twitter (twitter:title، twitter:image، إلخ)
- لا يلزم وجود خادم — يعمل كل شيء في متصفحك. لا يتم إرسال أي بيانات إلى أي خادم
- إرشادات الحجم — توصيات مضمنة لأبعاد الصورة المثالية (1200 × 630 بكسل)
FreeToolbox مقابل أدوات معاينة OG الأخرى
| الميزة | FreeToolbox | OpenGraph.xyz | MetaTags.io |
|---|---|---|---|
| المنصات | 4 (FB, TW, LI, DC) | 3 (FB, TW, LI) | 3 (Google, FB, TW) |
| معاينة في الوقت الفعلي | نعم | نعم | نعم |
| إنشاء الكود | نعم | نعم | نعم |
| معاينة Discord | نعم | لا | لا |
| لا يلزم حساب | نعم | نعم | الخطة المجانية محدودة |
| الإعلانات | أقل حد | متوسط | كثيف |
الأسئلة الشائعة
ما هو حجم og:image الموصى به؟
الحجم الموصى به هو 1200 × 630 بكسل (نسبة العرض إلى الارتفاع 1.91: 1). هذا يعمل بشكل جيد عبر Facebook و Twitter و LinkedIn و Discord. استخدم تنسيق PNG أو JPG، واحتفظ بحجم الملف أقل من 8 ميجابايت.
لماذا لا يمكن لهذه الأداة جلب علامات OG من عنوان URL؟
يمنع أمان المتصفح (سياسة CORS) JavaScript من جلب المحتوى من نطاقات أخرى. تستخدم هذه الأداة إدخالاً يدويًا بدلاً من ذلك، وهو في الواقع أفضل لمعاينة العلامات قبل نشرها.
هل أحتاج إلى كل من علامات OG و Twitter Card؟
سيعود Twitter/X إلى علامات OG إذا كانت علامات Twitter الخاصة مفقودة. ومع ذلك، يوصى بإضافة twitter:card للتحكم في نوع البطاقة. استخدم علامات Twitter الخاصة فقط إذا كنت تريد محتوى مختلفًا على Twitter مقابل الأنظمة الأساسية الأخرى.
ما هو og:type الذي يجب أن أستخدمه؟
استخدم 'website' للصفحات الرئيسية والصفحات العامة، و 'article' لمنشورات المدونة والأخبار، و 'product' لصفحات المنتج. يعمل 'website' الافتراضي لمعظم الحالات.
كيف يمكنني اختبار علامات OG الحية الفعلية الخاصة بي؟
بعد إضافة العلامات الوصفية إلى صفحتك، استخدم مصحح مشاركة Facebook (developers.facebook.com/tools/debug) ومُدقّق بطاقة Twitter و LinkedIn Post Inspector للتحقق من أن العلامات تعمل بشكل صحيح.