مولّد Open Graph
أنشئ وسوم Open Graph وTwitter Card مع معاينات مشاركة مباشرة لـ Facebook وLinkedIn وX. إرشادات لمقاسات الصور، وبيانات وصفية للمقالات، وفحص الاكتمال.
جارٍ تحميل مولّد Open Graph…
ملفاتك لا تغادر جهازك أبدًا
طريقة استخدام مولّد Open Graph
- 1
افتح مولّد Open Graph في هذه الصفحة. تُحمَّل مباشرة في متصفحك.
- 2
أضف ملفك أو نصك أو القيم، واضبط الإعدادات.
- 3
انسخ النتيجة أو نزّلها. لا يُرفع أي شيء ولا يُخزَّن.
عن هذه الأداة
عندما يشارك أحدهم رابطك على Facebook أو LinkedIn أو WhatsApp أو Slack أو X، تأتي بطاقة المعاينة بعنوانها ووصفها وصورتها من وسوم Open Graph. وبدونها تخمّن المنصات، فتختار غالبًا صورة خاطئة أو لا صورة على الإطلاق. يبني مولّد Open Graph هذا الوسوم من نموذج ويعرض معاينات مباشرة، لتعرف بالضبط كيف سيظهر رابطك قبل نشره.
كيف تنشئ وسوم Open Graph
- أدخل رابط الصفحة والعنوان والوصف.
- أضف رابط الصورة ونصها البديل ومقاسها ونوعها.
- اختر نوع المحتوى: website أو article أو product أو book وغيرها. للمقالات، أضف المؤلف وتواريخ النشر والقسم والوسوم.
- اختر نوع بطاقة Twitter وأضف حساباتك.
- راجع معاينات Facebook وLinkedIn وTwitter وفحص الاكتمال، ثم انسخ HTML إلى قسم head في الصفحة.
مقاسات الصور
| الاستخدام | المقاس |
|---|---|
| Facebook وLinkedIn ومعظم التطبيقات | 1200 x 630 بكسل (1.91:1) |
| الحد الأدنى لـ LinkedIn | 1200 x 627 بكسل |
| بطاقة Twitter الكبيرة | 1200 x 675 بكسل (16:9) أو 1200 x 600 |
| بديل مربع | 600 x 600 بكسل |
اجعل حجم الصور أقل من 5 ميغابايت، واستخدم JPG أو PNG، وضع النص المهم في المنتصف لأن بعض المنصات تقص الحواف.
الوسوم الأساسية
- og:title: عنوان البطاقة، ويُفضّل أن يكون أقل من 60 حرفًا.
- og:description: جملة أو جملتان، من 150 إلى 160 حرفًا تقريبًا.
- og:image: رابط https كامل لصورة المعاينة.
- og:url: الرابط الأساسي (canonical) للصفحة.
- og:type: website لمعظم الصفحات، وarticle لمقالات المدونة.
- og:locale وog:site_name للغة والعلامة التجارية.
المعاينات لا تتحدّث؟
تخزّن المنصات معاينات الروابط مؤقتًا. بعد تغيير الوسوم، حدّث الذاكرة المؤقتة باستخدام Sharing Debugger من Facebook أو Post Inspector من LinkedIn، ثم شارك الرابط من جديد. وتأكد أيضًا من أن رابط الصورة عام ولا يتطلب تسجيل الدخول.
لنتائج البحث، أضف وسمي title وdescription باستخدام مولّد الوسوم الوصفية، وغيّر مقاس صورة المشاركة إلى 1200 x 630 باستخدام أداة تغيير مقاس الصور 1200x630.
الأسئلة الشائعة
ما المقاس المناسب لصورة Open Graph؟
1200 x 630 بكسل بنسبة 1.91:1 يعمل على Facebook وLinkedIn ومعظم التطبيقات. اجعل الملف أقل من 5 ميغابايت.
هل أحتاج إلى وسوم Open Graph وTwitter Card معًا؟
يعتمد X على وسوم Open Graph عند غياب وسوم Twitter، لكن إضافة twitter:card تتيح لك اختيار تخطيط الصورة الكبيرة.
لماذا يعرض Facebook صورة قديمة؟
يخزّن Facebook المعاينات مؤقتًا. مرّر الرابط عبر Sharing Debugger لجلب الوسوم الجديدة، ثم شارك من جديد.
أين أضع الوسوم الناتجة؟
في قسم head من الصفحة، أو في حقول الشبكات الاجتماعية في نظام إدارة المحتوى أو إضافة SEO.
هل يجب أن يكون og:image رابطًا كاملًا؟
نعم. استخدم رابط https كاملًا يمكن لأي شخص فتحه دون تسجيل الدخول.
أي og:type أستخدم؟
website للصفحة الرئيسية والصفحات العامة، وarticle لمقالات المدونة والأخبار. توجد أنواع مثل product وغيرها لمحتوى محدد.