Open Graph Preview
جديداعرف كيف يبدو رابطك عند مشاركته على Facebook وLinkedIn وWhatsApp وSlack وDiscord.
بدون عنوان
بدون وصف
أدوات مشابهة
تضمين هذه الأداة
أضف هذه الأداة إلى موقعك أو مدونتك باستخدام iframe.
<iframe src="https://dukotools.com/tools/open-graph-preview?embed=1" width="100%" height="600" frameborder="0" allow="clipboard-write" loading="lazy" title="open-graph-preview tool"></iframe>
About Open Graph Preview
يعرض Open Graph Preview كيف سيظهر الرابط الخاص بك عند مشاركته على Facebook وLinkedIn وWhatsApp وSlack وDiscord. يعرض كل نظام أساسي بيانات Open Graph بشكل مختلف. يستخدم الفيسبوك بطاقة مستطيلة مع صورة في الأعلى. يطبق LinkedIn أسلوب الطباعة والتباعد الخاص به. يعرض WhatsApp معاينة مصغرة مدمجة ذات سطر واحد. يعرض Slack تضمينًا محاطًا بشريط تمييز الألوان على اليسار. يعرض Discord نمط بطاقة مضمنًا بحد يسار بلون التمييز. تكشف رؤية الخمسة جميعًا في وقت واحد عن عدم التطابق قبل النشر. تحذر لوحة التحقق من الصحة إذا كانت صورة OG الخاصة بك لا تتطابق مع نسبة 1200 × 630 الموصى بها. يعرض قسم إخراج HTML العلامات الوصفية og: لتحقيق أقصى قدر من التوافق.
الميزات الرئيسية
خمس معاينات للمنصة
يعرض نماذج دقيقة لـ Facebook وLinkedIn وWhatsApp وSlack وDiscord في علامات التبويب.
تخطيطات خاصة بالمنصة
يتطابق كل نموذج بالحجم الطبيعي مع أبعاد البطاقة الفعلية ونمط الطباعة وتخطيط النظام الأساسي الخاص به.
التحقق من صحة نسبة الصورة
يحذر إذا كانت صورة OG لا تتطابق مع نسبة العرض إلى الارتفاع 1200x630 1.91:1 الموصى بها.
HTML OG إخراج العلامة
يُنشئ علامات og:title وog:description وog:image وog:url وog:site_name وog:type وog:locale.
عنوان URL قابل للمشاركة
يقوم بتشفير جميع قيم OG في عنوان URL لوضع إشارة مرجعية أو مشاركة.
كيفية الاستخدام
- 1
أدخل تفاصيل الصفحة
املأ العنوان والوصف وعنوان URL للصورة وعنوان URL للصفحة واسم الموقع ونوع المحتوى والإعدادات المحلية.
- 2
قم بمراجعة علامة تبويب كل منصة
انقر فوق علامات التبويب Facebook وLinkedIn وWhatsApp وSlack وDiscord لمعرفة كيفية عرض البطاقة.
- 3
إصلاح نسبة الصورة إذا تم تحذيرها
إذا أظهرت لوحة التحقق تحذيرًا بشأن النسبة، فقم بتحديث صورتك إلى 1200 × 630 بكسل.
- 4
انسخ علامات HTML
انقر فوق الزر "نسخ" للحصول على جميع العلامات الوصفية og: ولصقها في رأس صفحتك.
حالات الاستخدام في العالم الحقيقي
توزيع المحتوى متعدد المنصات
يتحقق مدير الوسائط الاجتماعية من أن البطاقة تبدو احترافية على جميع الأنظمة الأساسية الخمس قبل جدولة منشور المحتوى.
اختبار المطور
يستخدم المطور الذي يضيف علامات OG إلى صفحة جديدة الأداة لرؤية جميع عروض النظام الأساسي دون انتظار تحديث كل ذاكرة تخزين مؤقت للنظام الأساسي.
مراجعة الحملة التسويقية
يقوم فريق التسويق بمراجعة صور OG لإطلاق المنتج عبر جميع الأنظمة الأساسية لضمان اتساق العلامة التجارية قبل البث المباشر.
الأسئلة المتداولة
Related Free Tools
Explore these tools that work great alongside Open Graph Preview: