tulqr
🖼️سيو

مولّد صور OG

أنشئ صور Open Graph لمعاينات المشاركة على وسائل التواصل الاجتماعي. خصّص العنوان والعنوان الفرعي والشعار والألوان والتخطيط — وصدّرها كصورة PNG بمقاس 1200×630 جاهزة للاستخدام.

المحتوى
الألوان
اللون المميز#00C4A0
بداية الخلفية#0C0F1A
نهاية الخلفية#131722
التخطيط والشعار
أنماط ألوان جاهزة

كيف تزيد صور Open Graph من معدلات النقر

عندما يُشارَك محتواك على وسائل التواصل الاجتماعي، تجلب المنصة صورة Open Graph الخاصة بك لعرضها كمعاينة مرئية. يمكن لصورة OG المصمّمة جيدًا أن تزيد معدل النقر من 2 إلى 3 أضعاف مقارنة بصفحة تظهر معاينة فارغة أو لقطة شاشة غير ذات صلة.

ما هي صورة Open Graph؟

Open Graph (OG) هو بروتوكول أنشأته فيسبوك يتيح لصفحات الويب التحكم في كيفية ظهورها عند مشاركتها على منصات التواصل الاجتماعي. يحدّد وسم og:image رابط الصورة التي تعرضها فيسبوك ولينكدإن وسلاك وديسكورد وآي ميسج وتطبيقات أخرى عند مشاركة رابطك. المقاس القياسي هو 1200×630 بكسل.

تحسين معدل النقر: ما الذي ينجح

تتميّز صور OG عالية الأداء بتسلسل هرمي واضح: عنوان كبير وبارز يمكن قراءته بحجم المصغّرة، وعنوان فرعي هادئ للسياق، وشعار أو عنصر علامة تجارية مميز، ولون علامة تجارية قوي. تجنّب التصاميم المزدحمة — تظهر الصورة بحجم يقارب 500×262 بكسل في معظم الموجزات، لذا البساطة تفوز دائمًا.

التطبيق: إضافة وسوم OG

بعد توليد صورة OG، ارفعها إلى خادمك وأضف هذه الوسوم داخل وسم <head> في صفحتك: <meta property="og:image" content="https://yoursite.com/og-image.png">

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

ما هو المقاس الذي يجب أن تكون عليه صورة OG؟
المقاس الموصى به هو 1200×630 بكسل (نسبة عرض إلى ارتفاع 1.91:1). هذا يضمن ظهورها بشكل جيد على فيسبوك ولينكدإن وتويتر/إكس وسلاك وديسكورد. يجب أن تكون الملفات أقل من 8 ميغابايت — واستهدف أقل من 1 ميغابايت لتحميل سريع.
هل أحتاج إلى صورة مختلفة لتويتر/إكس؟
يدعم تويتر نفس وسم og:image لكن لديه أيضًا وسم twitter:image الخاص به. لتنسيق البطاقة الكبيرة (الموصى به)، استخدم مقاس 1200×600 بكسل. يتجاهل تويتر الصور الأصغر من 300×157 بكسل. يمكنك استخدام نفس صورة 1200×630 بكسل — ستُقصّ قليلاً فقط.
كيف أتحقق من شكل صورة OG عند مشاركتها؟
استخدم opengraph.xyz أو metatags.io أو أداة Facebook Sharing Debugger (developers.facebook.com/tools/debug) لمعاينة شكل ظهور رابطك. لدى لينكدإن أداة Post Inspector على linkedin.com/post-inspector. تتيح لك هذه الأدوات أيضًا فرض تحديث المعاينات المخزنة مؤقتًا.
كم من الوقت تستغرق منصات التواصل الاجتماعي لتحديث صورة OG المخزنة مؤقتًا؟
يخزّن فيسبوك مؤقتًا لمدة 24 ساعة (فرض التحديث عبر Sharing Debugger). يخزّن تويتر مؤقتًا لمدة 7 أيام. يخزّن لينكدإن مؤقتًا لمدة 7 أيام (استخدم Post Inspector للتحديث). يحدّث سلاك وديسكورد خلال دقائق. أضف معلمة إصدار لمنع التخزين المؤقت إلى رابط صورتك عند تحديثها.