مولد صورة OG
أنشئ صور معاينة Open Graph للمشاركة الاجتماعية.
تصميم صور مشاركة اجتماعية تجلب النقرات
نظرة عامة
عند مشاركة رابط على تويتر/X أو فيسبوك أو لينكدإن أو سلاك أو ديسكورد، تسحب بطاقة المعاينة صورة Open Graph (og:image): الصورة الكبيرة التي تظهر فوق العنوان. صورة OG مصممة جيدًا ترفع معدل النقر كثيرًا؛ وغيابها أو تعطّلها يجعل الرابط يبدو غير موثوق. الحجم القياسي هو 1200×630 بكسل. يتيح لك هذا المولّد تأليف صورة بعلامتك التجارية بنص عنوان وخلفية وألوان مميِّزة، ثم تصديرها جاهزة للربط بوسم og:image في موقعك.
كيفية الاستخدام
- 1
أدخل عنوانك ونمطك
اكتب العنوان واختر ألوان الخلفية والتمييز. تتحدث المعاينة بنسبة 1200×630 الحقيقية.
- 2
صدّر الـ PNG
نزّل الصورة المصيَّرة بدقة Open Graph الكاملة.
- 3
اربطها بوسوم meta
استضف الـ PNG وأضف <meta property="og:image" content="..."> و<meta name="twitter:image"> في <head> صفحتك.
كيف يعمل
تؤلّف التصميم — عنوان، وعنوان فرعي اختياري، ولون خلفية أو تدرّج، ولون مميِّز — في معاينة حية بحجم 1200×630. تصيّر الأداة تصميمك على لوحة canvas بأبعاد OG الدقيقة وتصدّره كـ PNG. تستضيف ذلك الـ PNG وتشير إليه في وسوم Open Graph وTwitter Card في صفحتك. تجلب المنصات الصورة عند أول مشاركة للرابط وتخزّنها مؤقتًا لبطاقات المعاينة. يتم التوليد محليًا في متصفحك.
متى تستخدمه
منح كل تدوينة بطاقة مشاركة مميّزة بعلامتك بدل شعار عام. إنشاء إعلانات إطلاق لمنتجات أو ميزات. جعل روابط الفعاليات أو الندوات تبدو أنيقة عند مشاركتها في سلاك/ديسكورد. توحيد صور المشاركة في موقع تسويقي. اختبار A/B لعناوين مختلفة على البطاقات لتحسين معدل النقر.
الأسئلة الشائعة
1200×630 بكسل (نسبة 1.91:1) هو المعيار العالمي للبطاقة الكبيرة في فيسبوك ولينكدإن وتويتر. أبقِ النص المهم بعيدًا عن الحواف لأن بعض المنصات تقص قليلًا.