أنشئ وسوم Open Graph وTwitter Card لتبدو صفحاتك رائعة عند مشاركتها، مع معاينة مباشرة لبطاقة التواصل الاجتماعي. مجاني ويعمل داخل متصفحك.

كل شيء يعمل داخل متصفحك. لا يُرفع أي شيء تكتبه إلى أي مكان.

الوسوم
الحجم الموصى به: 1200 × 630 px.

Twitter / X
معاينة Facebook / LinkedIn
لا توجد صورة بعد
معاينة Twitter / X
وسوم Meta المُولّدة

حول مولّد Open Graph

ينشئ مولّد Open Graph وسوم og: وtwitter: التي تتحكم في شكل ظهور الرابط عند مشاركته على فيسبوك ولينكدإن وX ومنصات أخرى. حدد نوع المحتوى (موقع، مقال، منتج أو ملف شخصي) والعنوان والوصف والرابط الأساسي والصورة واسم الموقع واللغة، إضافة إلى خيارات بطاقة تويتر بما فيها نوع البطاقة ومعرّفات الموقع/المؤلف.

تتحدث معاينتان حيّتان — واحدة على طراز بطاقة مشاركة فيسبوك/لينكدإن وأخرى على طراز بطاقة X — أثناء كتابتك، فترى بالضبط كيف سيظهر العنوان والوصف والنطاق والصورة بمقاس 1200 × 630 بكسل قبل نشر الصفحة فعلياً.

كل شيء يعمل في متصفحك؛ لا يُرفَع شيء مما تكتبه. انسخ وسوم Open Graph وTwitter Card المولَّدة إلى الحافظة أو نزّلها كمقتطف HTML جاهز للصق داخل <head> صفحتك.

كيفية استخدام مولّد Open Graph

  1. اختر og:type — موقع، مقال، منتج أو ملف شخصي — أو انقر على "تعبئة عيّنة" للبدء من مثال.
  2. أدخل العنوان والوصف والرابط الأساسي ورابط الصورة (يُنصح بـ 1200 × 630 بكسل)، إضافة إلى اسم الموقع واللغة.
  3. اضبط نوع بطاقة تويتر (ملخص أو ملخص بصورة كبيرة) ومعرّفَي @site و@creator الاختياريين.
  4. راجع معاينتَي البطاقات الاجتماعية أثناء تحديثهما الحي.
  5. انسخ الوسوم الوصفية المولَّدة أو نزّل ملف .html وأضفه إلى صفحتك.

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

استخدم 1200 × 630 بكسل. هذه النسبة تُعرَض بوضوح كبطاقة كبيرة على فيسبوك ولينكدإن وX دون قص غير متوقع.

يعتمد X على Open Graph لمعظم الحقول، لكن twitter:card ضروري لاختيار تخطيط البطاقة، وtwitter:site / twitter:creator يضيفان الإسناد — يُخرج المولّد كل هذه الوسوم معاً.

تخزّن المنصات الاجتماعية معاينات الروابط مؤقتاً. بعد نشر وسوم جديدة، أعد جلب الرابط باستخدام أداة تصحيح المشاركة أو مدقق البطاقات الخاصة بالمنصة لتحديث الذاكرة المؤقتة.

لا. بيانات النموذج والمعاينات والترميز المولَّد موجودة فقط في متصفحك — لا شيء يُرسَل إلى خادم.

نعم، مجاني تماماً وبلا حدود.

شارك هذا
هل تحتاج إلى مساعدة؟
هل واجهت مشكلة في هذه الأداة؟ أخبر فريقنا.
الإبلاغ عن مشكلة

أضف هذه الأداة المجانية إلى موقعك الخاص — انسخ والصق الكود أدناه.