معاينة بطاقة رابط Open Graph ومولّد وسومها

طريقة الاستخدام

اكتب العنوان والوصف وعنوان الصورة للرابط، وعنوان الصفحة (og:url).
اختر نوع بطاقة Twitter (twitter:card)، واكتب اسم الموقع (og:site_name) إن كان لديك.
أو ألصق أسطر الميتا لصفحة في مربع اللصق، واضغط اقرأ الوسوم الملصوقة لملء النموذج.
اقرأ البطاقات الست والتحذيرات أسفلها، ثم اضغط نسخ أو تنزيل لأخذ وسوم الرأس.

أي وسوم تقرأها بطاقة الرابط

يسرد بروتوكول Open Graph كلاً من og:title وog:type وog:image وog:url خصائص مطلوبة، أما og:description وog:site_name فاختياريان. وتكتب الأداة دائماً og:type بقيمة website، لأنها القيمة المطلوبة الوحيدة التي لا يسألها النموذج.

يقول مركز مساعدة LinkedIn إن صندوق المشاركة لديه يأخذ العنوان والوصف والصورة من oEmbed أو من وسوم Open Graph أو منهما.
يقول دليل Slack إن Slack يبحث عن بيانات Open Graph الشائعة وعن بيانات بطاقات X (تويتر سابقاً).
توصي Facebook بصورة لا تقل عن 1200 × 630 بكسل، وتنصح بأن تكون قريبة من نسبة 1.91:1.

مقاسات الصور وما تفحصه الأداة

توصي إرشادات Facebook للمشاركة بمقاس لا يقل عن 1200 × 630 بكسل، وتقول إن الملف لا يتجاوز 8 MB. تستطيع الأداة قراءة مقاس الصورة فقط حين تختارها من هذا الجهاز، لأن العنوان المكتوب لا يُحمَّل.

تُقارن الصورة المختارة بمقاس 1200 × 630 بكسل، ويُعرض تنبيه حين تختلف. وتحتاج الوسوم بعد ذلك إلى عنوان الصورة على الإنترنت، وهو ما تكتبه في عنوان الصورة.

لصق وسوم صفحة

حين تلصق أسطر الميتا لصفحة، يُملأ النموذج منها. تقرأ الأداة وسوم og: وtwitter: فقط، وتغلب قيمة og: على قيمة twitter: للحقل نفسه. ويُقرأ النص الملصوق في مستند منفصل، ولا يوضع أبداً في هذه الصفحة.

ما هي بطاقات الروابط

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

مثال محسوب: صفحة بصورة 1200 × 630

العنوان هو Compound Interest Calculator (28 حرفاً)، والوصف هو Calculate how savings grow with monthly deposits. وعنوان الصفحة https://example.com/compound-interest-calculator، وعنوان الصورة https://example.com/images/compound-interest-1200x630.png، واسم الموقع FireToolLand، ونوع البطاقة summary_large_image.

وسوم الرأس هي og:type وog:title وog:description وog:image وog:url وog:site_name وtwitter:card، أي سبعة أسطر. ولا تظهر أي ملاحظة، لأن العنوان ضمن الطول التقديري، وعنوانا الصورة والصفحة من نوع https، وقد حُدد نوع البطاقة.

الوسم	القيمة
og:type	website
og:title	Compound Interest Calculator
og:site_name	FireToolLand
twitter:card	summary_large_image

الأسئلة الشائعة

لماذا تعرض المعاينة إطاراً بدلاً من صورتي؟

لا تُحمَّل صورة تكتب عنوانها، لأن تحميلها يرسل طلباً من هذه الصفحة إلى ذلك العنوان. ويعرض الإطار العنوان نصاً. اختر صورة من جهازك لتراها هنا.

هل تُرفع صورتي عند اختيارها؟

لا. تُعرض الصورة بعنوان محلي يبقى في متصفحك، ويُحرَّر العنوان حين تختار صورة أخرى. ولا تُرفع الصورة أبداً ولا تُكتب في الوسوم.

لماذا يجب أن تكون عناوين الوسوم عناوين https كاملة؟

تُبنى بطاقة الرابط من عنوان الصفحة وعنوان صورتها. وسم og:url هو العنوان المعياري للكائن، لذلك يجب أن يكون العنوان الكامل من نوع https للصفحة.

هل تعرض البطاقات بالضبط ما تعرضه كل خدمة؟

لا. البطاقات الست تخطيطات عامة. والخدمات تغيّر بطاقاتها، وقد تحتفظ بوسوم الصفحة في ذاكرة مؤقتة، لذلك تحقق من النتيجة الحقيقية في الخدمة نفسها.

هل تتحقق الأداة من طول العنوان بدقة؟

لا. لا يحدد ogp.me حداً أقصى لـ og:title. وملاحظة الـ 60 حرفاً تقدير تقريبي اختارته هذه الأداة، وقد تعرض خدمة طولاً مختلفاً.

المصادر

آخر مراجعة للأرقام والنص: الثلاثاء، 30 جمادى الأولى 1448 بعد الهجرة.