معاينة كيفية ظهور موقع الويب عند مشاركته على Twitter و Facebook و LinkedIn ومنصات التواصل الاجتماعي الأخرى
أدوات المطورين
حول هذه الأداة
معاينة كيفية ظهور موقع الويب عند مشاركته على Twitter و Facebook و LinkedIn ومنصات التواصل الاجتماعي الأخرى. أدخل عنوان الصفحة والوصف و URL والصورة، وشاهد معاينة البطاقة مباشرة مع إنشاء وسوم Open Graph الوصفية. تتم جميع المعالجات محليًا في المتصفح.
الميزات الرئيسية
- معاينة مباشرة لبطاقات Twitter و Facebook و LinkedIn
- تحذيرات حدود عدد الأحرف لكل منصة
- معاينة الصورة مع توصيات نسبة العرض إلى الارتفاع
- إنشاء تلقائي لوسوم Open Graph و Twitter Card الوصفية
- نسخ الوسوم الوصفية المُنشأة بنقرة واحدة
- معاينة مقارنة جنبًا إلى جنب لعدة منصات
حالات الاستخدام
- تحسين تأثير مشاركة مقالات المدونات والنشرات الإخبارية على وسائل التواصل الاجتماعي
- التحقق من وسوم Open Graph الوصفية قبل نشر الموقع
- مقارنة كيفية ظهور الصفحة على منصات التواصل الاجتماعي المختلفة
- تصحيح أخطاء معاينات المشاركة الاجتماعية المفقودة أو الخاطئة
- تصميم واختبار صور بطاقات التواصل الاجتماعي للحملات التسويقية
social
الأسئلة الشائعة
ما منصات التواصل الاجتماعي المدعومة للمعاينة؟
تعاين الأداة مظهر مشاركة صفحتك على Twitter (X) و Facebook و LinkedIn وغيرها من المنصات التي تدعم وسوم Open Graph و Twitter Card الوصفية. يختلف تخطيط البطاقة قليلاً لكل منصة.
ما هي وسوم Open Graph الوصفية؟
وسوم Open Graph الوصفية (og:title، og:description، og:image، og:url) هي عناصر HTML وصفية تتحكم في مظهر المحتوى عند مشاركته على وسائل التواصل الاجتماعي. تحدد العنوان والوصف والصورة و URL التي تعرضها المنصات الاجتماعية في معاينة الرابط.
كيف تختلف Twitter Card عن Open Graph؟
تستخدم Twitter وسومها الوصفية الخاصة (twitter:card، twitter:title، إلخ)، لكنها ترجع إلى وسوم Open Graph إذا كانت وسوم Twitter مفقودة. تتيح لك الأداة التبديل بين معاينات Twitter و Open Graph، مما يضمن عرضهما بشكل صحيح.
ما أفضل أحجام الصور للمعاينات الاجتماعية؟
يجب أن تكون صور Facebook و LinkedIn على الأقل 1200x630 بكسل. توصي Twitter لبطاقة Summary Card with Large Image بنسبة عرض إلى ارتفاع 2:1، مثل 1200x600 أو 800x400. تساعدك المعاينة في رؤية ما إذا كانت الصورة تظهر بشكل صحيح.
لماذا لا تظهر صورتي في المعاينة؟
تشمل الأسباب الشائعة og:image URL مفقودًا أو خاطئًا، أو ملف صورة أصغر من 200x200 بكسل، أو صيغة صورة غير مدعومة، أو التخزين المؤقت لمنصات التواصل الاجتماعي. استخدم URLs مطلقة وتأكد من أن الصورة تلبي الحد الأدنى من متطلبات الحجم.