مولّد Open Graph
ابنِ المجموعة الكاملة من وسوم og: وtwitter: وراقب معاينة بطاقة المشاركة تتحدّث لحظياً قبل لصق أي شيء.
HTML snippet
Share card preview
example.com
Page title
تعمل هذه الأداة بالكامل داخل متصفحك. بياناتك لا تغادر جهازك أبداً — لا يتم رفعها إلى أي خادم.
طريقة الاستخدام
- 1أدخل عنوان الصفحة ووصفها ورابطها القياسي.
- 2أضِف رابط صورة المشاركة (1200 × 630 بكسل تعمل في كل مكان) واضبط نوع البطاقة.
- 3انسخ الوسوم إلى <head> وتفقّد بطاقة المعاينة.
مولّد Open Graph
عند مشاركة رابطك على X أو Facebook أو LinkedIn أو Slack أو iMessage، تُبنى بطاقة المعاينة تقريباً بالكامل من وسوم Open Graph، مع وسوم بطاقات Twitter تسدّ الفجوات. يصدر هذا المولّد كلا المساحتين: og:title وog:type وog:url وog:image وog:image:alt وog:site_name وog:description وog:locale، إضافة إلى twitter:card وtwitter:site وtwitter:creator.
تعود معظم المنصات إلى وسوم og: عند غياب وسم twitter:، فالإضافات لا تُحتاج إلا حيث تختلف. تقارب المعاينة الحية كيف تُرسم بطاقة الصورة الكبيرة أو الملخص.
الأسئلة الشائعة
ما مقاس الصورة المناسب لـ og:image؟
1200 × 630 بكسل (1.91:1) هو الافتراضي الآمن عبر Facebook وX وLinkedIn. أبقِ الملف دون 8 MB، واستخدم رابطاً مطلقاً، وأضِف دائماً og:image:alt لإتاحة الوصول.
هل أحتاج وسوم og: وtwitter: معاً؟
تعود twitter:title وtwitter:description وtwitter:image إلى مقابلاتها من og:. وفوق مجموعة og: تحتاج فقط twitter:card (summary أو summary_large_image) وtwitter:site واختيارياً twitter:creator.
أي og:type أختار؟
استخدم website للصفحات الرئيسية والعامة، وarticle للأخبار ومقالات المدونات (أضِف article:published_time إن استطعت)، وproduct لصفحات تفاصيل المتاجر الإلكترونية. النوع يغيّر كيف تصنّف بعض المنصات الرابط.
أدوات ذات صلة
مولّد وسوم meta
ولّد وسوم العنوان والوصف والكلمات المفتاحية وrobots وviewport مع ناتج HTML حي تلصقه مباشرة في <head>.
كل الأدوات →
معاينة SERP
عاين مقتطفك في Google على سطح المكتب والهاتف مع قطع دقيق بالبكسل ومقاييس طول للعنوان والوصف.
كل الأدوات →
مولّد بيانات Schema
ولّد بيانات منظمة JSON-LD صالحة لـ Organization وLocalBusiness وProduct وArticle وFAQPage وHowTo — مهرَّبة وجاهزة للّصق.
كل الأدوات →
بانِ روابط UTM
أضِف utm_source وmedium وcampaign وterm وcontent إلى أي رابط واحصل على رابط تتبع مرمَّز صحيحاً تنسخه أو تشاركه.
كل الأدوات →
تضمين هذه الأداة
أضف هذه الأداة إلى موقعك بسطر واحد — تعمل في متصفح الزائر.
<iframe src="https://zoyku.com/ar/tools/open-graph-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — open-graph-generator" loading="lazy"></iframe>