مفتوح الرسم البياني و تويتر بطاقة مولد

Open Graph (og:) هو البروتوكول المشترك الذي يقرأه الفيسبوك، لينكد إن، سلاك، واتس آب، وبينترست ومعظم المنصات لبناء صورة مسبقة للرابط. Twitter Card (twitter:) هو مفردات إكس الخاصة التي تتحكم في تخطيط البطاقة - على سبيل المثال، summary مقابل summary_large_image. وهم يتداخلون بشدة: العنوان، والوصف والصورة يمكن أن تأتي من علامات og:. علامات تويتر الخاصة فقط تضيف ما لا يمكن أن يعبر عنه og:، مثل أسلوب البطاقة ومعالج @site.

استخدم 1200x630 بكسل (نسبة 1.91:1) للبطاقة الكبيرة التي يستخدمها كل من فيسبوك، لينكد إن، و X summary_large_image - والتي تملأ الإطار دون قطع. حافظ على الملف أقل من 5 ميغابايت وقدمه عبر عنوان https مطلق، لأن المنصات لن تحصل على صورة نسبية أو http بشكل موثوق. الحد الأدنى الذي يقبله فيسبوك هو 200x200، ولكن الصور الصغيرة تظهر كصورة صغيرة بدلاً من بطاقة البطل.

كل منصة تخزن النسخة الأولى من بطاقةك التي تم سحبها، أحياناً لأسابيع، لذا فإن العناوين والصور القديمة تظل موجودة بعد أن تقوم بتصحيح العلامات. حاول إعادة سحبها: ضع العنوان في مصحح الأخطاء في مشاركة الفيسبوك وانقر على سحبها مرة أخرى، واستخدم مفتش النشر في لينكد إن، وشارك الرابط مرة واحدة على إكس لتجديد ذاكرة التخزين المؤقت. تأكد من أن العلامات موجودة فعلاً في رأس HTML المقدم وليس حقنها لاحقاً بواسطة جافا سكريبت، والتي لا تنفذها معظم أجهزة سحبها.

لا يوجد معنى كامل. عندما يكون رمز تويتر مفقوداً، يعود X إلى رمز Open Graph المناظر - og:title، og:description، og:image - ليغطي معظم البطاقة. لذا فإن الحد الأدنى العملي هو مجموعة كاملة من علامات og: بالإضافة إلى twitter:card فقط لاختيار التصميم و twitter:site للنسب. وإضافة علامات og: تعني أيضاً أن نفس المظهر العام يعمل على الفيسبوك، لينكد إن، سلاك وفي كل مكان آخر، لذا فأبدأ بـ og: و أضف فقط حفنة من علامات تويتر التي لا يمكن لـ og: التعبير عنها.