مولّد بطاقة المشاركة (صورة Open Graph)

ما هو مولّد بطاقات المشاركة؟

عند مشاركة رابط على Facebook أو LinkedIn أو X/Twitter أو Slack أو Discord تعرض المنصة صورة Open Graph للصفحة. تنشئ هذه الأداة تلك الصورة بالحجم الموصى به 1200 × 630 بكسل من العنوان والوصف واسم الموقع على تدرّج لوني، وتكتب وسوم meta المطابقة og: وtwitter:.

كيفية استخدام مولّد بطاقات المشاركة

1. اكتب العنوان والوصف واسم الموقع أو النطاق.
2. اختر السمة أو اضبط ألوان التدرّج والنص بنفسك.
3. اضغط تنزيل PNG وارفع الصورة إلى موقعك.
4. أدخل رابط الصفحة ورابط الصورة، ثم انسخ وسوم meta لـ Open Graph وتويتر إلى <head> في صفحتك.

مثال

Title: Hello OG

<meta property="og:title" content="Hello OG">
…
<meta name="twitter:card" content="summary_large_image">

إضافةً إلى صورة PNG بحجم 1200 × 630.

متى تستخدم مولّد بطاقات المشاركة

استخدمه لمقالات المدونة وإطلاق المنتجات وصفحات التوثيق وأي صفحة تتوقع مشاركتها. ولآلاف الصفحات ولّد الصور تلقائيًا وقت البناء بدلًا من ذلك. وتخزّن المنصات الاجتماعية المعاينات مؤقتًا، لذا بعد تغيير الصورة استخدم أدوات التصحيح لديها (Facebook Sharing Debugger وLinkedIn Post Inspector) لتحديثها.

كيف يعمل مولّد بطاقات المشاركة

تُرسَم البطاقة على canvas بحجم 1200×630: خلفية بتدرّج خطي قطري، واسم الموقع في الأعلى، والعنوان بخط غليظ (يتقلص حجم الخط من 72 بكسل إلى 40 حتى يتسع في ثلاثة أسطر، مع التفاف جشع للكلمات وكسر الأحرف للكتابات التي لا مسافات فيها)، وحتى سطرين من الوصف. ويُحاذى النص من اليمين إلى اليسار مثل العربية إلى اليمين تلقائيًا. وتتضمن وسوم meta كلًّا من og:title وog:description وog:url وog:image مع العرض والارتفاع، وtwitter:card مضبوطًا على summary_large_image، مع تهريب HTML لكل القيم.

حالات الاستخدام الشائعة

• ✓ إنشاء صورة مشاركة لمقالة جديدة
• ✓ صنع بطاقات معاينة متسقة لصفحات التوثيق
• ✓ الإعلان عن إطلاق منتج على LinkedIn وX
• ✓ توليد وسوم og:image لصفحة هبوط

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

استكشف المزيد من الفئات