Fruga

مولّد صور Open Graph

الصفحة التي بلا og:image تظهر ببطاقة فارغة في كل موجز يشاركها. هذه الأداة ترسم البطاقة من العنوان الذي كتبته أصلاً، بالمقاس الذي تتوقّعه كل منصّة، وتعطيك وسوم meta لتلصقها بجانبها.

  • المقاسات⁦1200×630⁩، ومربّع، وعريض
  • يتضمّنوسوم meta
  • تصميمكلا يغادر التبويب

ما تقوله البطاقة

يصغُر العنوان ليتّسع بدل أن يفيض.

معاينة

1200 × 630

الوسوم المرافقة لها

ارفع ملف PNG إلى موقعك، ثم الصق هذه الوسوم في head الصفحة.

<meta property="og:title" content="كل أيقونة تحتاجها، بكل صيغة تنشرها">
<meta property="og:description" content="مكتبة أيقونات منتقاة تُقدَّم عبر CDN سريع، مع أدوات في المتصفح تحوّل الصور والصوت والمستندات دون رفعها.">
<meta property="og:image" content="https://frugaldomain.site/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

لماذا ⁦1200 × 630⁩

هو المقاس الذي يقصّه Facebook وLinkedIn وX بأقل قدر، والذي يُبقي النص مقروءاً حين تُعرض البطاقة بثلث هذا العرض في الموجز. المربّع أنسب لـ Instagram ولتطبيقات المحادثة التي تعرض صورة مصغّرة.

يجب أن تكون الصورة متاحة

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

المواجز تحتفظ بالنسخ القديمة

حين تجلب منصّة بطاقةً ما، تظل تعرض القديمة أياماً. أداة تصحيح المشاركة في Facebook ومفتّش المنشورات في LinkedIn تفرضان إعادة الجلب، أما X فيُحدّث وفق جدوله، فغيّر اسم الملف إن احتجت التحديث فوراً.

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

ما المقاس المناسب لصورة Open Graph؟
⁦1200×630⁩ بكسل. هو المقاس الأقل تعرّضاً للقصّ في فيسبوك ولينكدإن وإكس، ويبقى مقروءاً عند العرض المصغّر في التسلسل.
لماذا لا تظهر صورة المشاركة لصفحتي؟
ثلاثة أسباب معتادة: الرابط نسبي لا مطلق، أو الملف خلف تسجيل دخول أو على نطاق تجريبي لا يصله الزاحف، أو المنصّة خزّنت بطاقة قديمة. أعد الجلب من أدوات المطوّرين في المنصّة نفسها.
هل أحتاج صورة منفصلة لإكس؟
لا. مع twitter:card بقيمة summary_large_image تستخدم إكس صورة Open Graph نفسها، والصورة المنفصلة تلزم فقط إن أردت صورة مختلفة هناك.
هل تؤثر صورة المشاركة في ترتيب البحث؟
ليست عامل ترتيب مباشراً، لكنها ترفع نسبة النقر على كل رابط يشير إلى صفحتك من المنصّات والمحادثات، وهو سبب كافٍ لعدم تركها فارغة.