معاينة بطاقة المشاركة (Open Graph)

كيف يعمل

عند مشاركة رابط على Twitter/X أو Facebook أو Discord، تقرأ كل منصة وسوم Open Graph الوصفية (og:title, og:description, og:image, og:url) الموجودة في <head> للصفحة لإنشاء بطاقة المعاينة الخاصة بها — وتعرضها كل منصة بأسلوب مختلف قليلًا. بدلاً من نشر الرابط فعليًا لرؤية النتيجة (وهو ما يكشف الصفحة للعموم ويخزن الرابط في ذاكرة التخزين المؤقت للمنصة)، أدخل هنا القيم التي تخطط لاستخدامها في وسومك وشاهد فورًا المعاينات الثلاث جنبًا إلى جنب.

لماذا لا تجلب الأداة وسوم الرابط الخاص بي تلقائيًا؟

لأن ذلك يتطلب إرسال طلب شبكة إلى موقع خارجي من متصفحك، وهو ما تحجبه سياسة أمان CORS في المتصفحات للغالبية العظمى من المواقع، ولأن أي معاينة يتم جلبها بهذه الطريقة قد لا تعكس بدقة الطريقة التي تفسر بها كل منصة وسومك فعليًا. إدخال القيم يدويًا أبسط وأكثر موثوقية ويعمل مع أي رابط، بما في ذلك الصفحات التي لم تُنشر بعد.

لماذا لا تظهر الصورة في المعاينة؟

إذا كان رابط الصورة الذي أدخلته غير متاح للعموم (صفحة قيد التطوير المحلي، أو رابط غير صالح، أو خادم يمنع العرض من نطاق آخر)، فلن يتمكن متصفحك من تحميلها هنا أيضًا. تأكد من أن الرابط هو رابط صورة متاحة للعموم.

الخصوصية: لا يتم جلب أي معاينة فعلية من الإنترنت — يتم استخدام القيم التي تدخلها فقط، بالكامل داخل متصفحك.