افتح منشئ بطاقات الرسم البياني وتويتر

قم بإنشاء ومعاينة العلامات الوصفية لـ Open Graph (OG) وTwitter Card. تأكد من أن روابطك تبدو مثالية عند مشاركتها على Facebook وLinkedIn وX وWhatsApp.

تم بناؤه وصيانته بواسطة Shehzad Munir ·

يحتاج إلى الإنترنت: the page's meta tags are fetched on our server. لا يتم تخزين أي شيء بعد الطلب.

افتح منشئ بطاقات الرسم البياني وتويتر
Loading Social Metadata Studio
Share

تصميم معاينات المشاركة الاجتماعية المثالية

يقوم Open Graph & Twitter Card Generator بإنشاء ومعاينات العلامات الوصفية التي تتحكم في كيفية ظهور الروابط الخاصة بك عند مشاركتها على Facebook وLinkedIn وX وWhatsApp. تعمل البطاقة التي تمت تهيئتها جيدًا على تحويل عنوان URL المجرد إلى معاينة غنية تستحق النقر عليها مع العنوان والوصف والصورة الصحيحة.

يتيح لك استوديو البيانات التعريفية إنشاء ومعاينة علامات Open Graph وTwitter Card التي تتحكم في كيفية ظهور روابطك عند مشاركتها على X وFacebook وLinkedIn وSlack. يمكن أن يؤدي العنوان والوصف والصورة الجذابة إلى زيادة عدد النقرات بشكل كبير من خلال حركة المرور الاجتماعية التي ترسل أيضًا إشارات مشاركة إيجابية.

سمات

  • افتح الرسم البياني (OG) ومولد علامات بطاقة تويتر
  • معاينات مباشرة لفيسبوك وX وLinkedIn وWhatsApp وDiscord وSlack
  • ملخص مقابل Summary_large_image تبديل بطاقة تويتر
  • استيراد العلامات وملؤها تلقائيًا من أي عنوان URL موجود
  • التحقق من صحة الطول والتحذيرات لكل منصة
  • علامات وصفية جاهزة للنسخ مع تصدير HTML

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

  1. 1

    أدخل تفاصيل صفحتك

    أضف العنوان والوصف وعنوان URL للصورة وعنوان URL للصفحة.

  2. 2

    معاينة البطاقة

    شاهد مقتطفًا مباشرًا لكيفية ظهور الرابط عبر الأنظمة الأساسية.

  3. 3

    انسخ العلامات

    احصل على العلامات الوصفية الجاهزة لـ Open Graph وTwitter Card.

  4. 4

    أضفهم إلى صفحتك

    الصق العلامات في <head> بصفحتك واختبر المشاركة.

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

  • يقوم المدون بجعل المشاركات المشتركة تظهر عنوانًا وصورة مناسبين.
  • يضمن المسوق أن يبدو رابط الحملة مصقولًا على LinkedIn.
  • يضيف أحد المطورين علامات Open Graph إلى صفحة مقصودة جديدة.
  • يقوم صاحب المتجر بإصلاح معاينة المشاركة المعطلة على فيسبوك.

دليل مفصل

إيقاف معاينات الروابط المعطلة أو القبيحة

تؤدي البيانات التعريفية المفقودة أو المشوهة إلى ظهور صور مصغرة فارغة وعناوين مقطوعة تؤدي إلى إيقاف المشاركات بهدوء. أنشئ علامات صحيحة وجاهزة لللصق وشاهد بالضبط كيف سيعرض كل نظام أساسي صفحتك، بحيث يبدو كل رابط تنشره مقصودًا ومرتبطًا بالعلامة التجارية.

الأسئلة المتداولة

ما هي علامات Open Graph ولماذا أحتاج إليها؟

علامات Open Graph (OG) هي علامات تعريف HTML تتحكم في كيفية ظهور صفحة الويب الخاصة بك عند مشاركتها على منصات التواصل الاجتماعي. بدونها، سيستخدم Facebook وLinkedIn نصوصًا وصورًا عشوائية من صفحتك، مما يؤدي إلى مشاركات سيئة المظهر.

كيف يمكنني إضافة علامات Open Graph إلى موقع الويب الخاص بي؟

استخدم هذا المولد لإنشاء علامات OG الخاصة بك، ثم الصقها داخل قسم <head> في ملف HTML الخاص بك. العلامات الرئيسية: og:title، og:description، og:image (يجب أن تكون 1200 × 630 بكسل)، og:url، وog:type.

ما الحجم الذي يجب أن يكون عليه og:image؟

حجم الصورة الموصى به هو 1200 × 630 بكسل (نسبة العرض إلى الارتفاع 1.91:1). يعمل هذا عبر Facebook وLinkedIn وX/Twitter. الحد الأدنى للحجم هو 600 × 315 بكسل، لكن الصور الأكبر حجمًا تظهر بشكل أكثر بروزًا.

ما الفرق بين Open Graph وبطاقات Twitter؟

تعمل علامات Open Graph على Facebook وLinkedIn وPinterest وWhatsApp. بطاقات تويتر هي علامات وصفية خاصة بتويتر. كلاهما يخدم أغراضًا مماثلة، حيث يتحكم في مظهر المعاينة، لكن يستخدم أسماء علامات مختلفة (og: vs twitter:).

كيف يمكنني اختبار علامات Open Graph الخاصة بي؟

استخدم المعاينة في هذه الأداة، أو اختبرها مباشرة باستخدام: Facebook Sharing Debugger (developers.facebook.com/tools/debug)، أو Twitter Card Validator (cards-dev.twitter.com/validator)، أو LinkedIn Post Inspector.

ماذا يحدث إذا لم أقم بإضافة علامات Open Graph؟

بدون علامات OG، تقوم المنصات الاجتماعية بحذف صفحتك واختيار محتوى عشوائي، غالبًا ما يكون صورة مصغرة غير واضحة أو عنوانًا خاطئًا أو وصفًا مبتورًا. يؤدي هذا إلى نقرات أقل بكثير عند مشاركة المحتوى الخاص بك. تشهد الصفحات التي تحتوي على علامات OG مناسبة معدلات نقر أعلى بمقدار 2-3 مرات على وسائل التواصل الاجتماعي.

كيف يمكنني إضافة علامات Open Graph وTwitter Card إلى موقعي؟

املأ العنوان والوصف وعنوان URL للصورة وسيقوم المولد بإخراج العلامات الوصفية og: وtwitter:. الصقها في رأس صفحتك حتى تعرض الروابط معاينة غنية على Facebook وX وLinkedIn وDiscord.

لماذا لا يظهر الرابط الخاص بي صورة عند مشاركته؟

عادةً ما تكون علامة og:image مفقودة أو أن الصورة صغيرة جدًا. قم بإنشاء مجموعة كاملة من علامات Open Graph (بصورة ذات حجم صحيح) وقم بمعاينة كيفية ظهور الرابط قبل النشر.

هل يمكنني معاينة كيف يبدو الرابط الخاص بي على منصات مختلفة؟

نعم. يعرض الاستوديو معاينة مباشرة لبطاقة المشاركة لمنصات مثل Facebook وX/Twitter وLinkedIn، حتى تتمكن من ضبط العنوان والوصف والصورة بشكل دقيق.

ما الفرق بين Open Graph وTwitter Cards؟

يتحكم Open Graph في المعاينات على معظم الأنظمة الأساسية (Facebook وLinkedIn وWhatsApp)؛ بطاقات Twitter هي التنسيق الخاص بـ X. يغطي الإعداد كلاهما كل الشبكات الرئيسية.

من المجلة

All articles →
How to Remove EXIF Metadata From Your PhotosTool Guides

How to Remove EXIF Metadata From Your Photos

Photos carry hidden data like GPS location and camera details. Here's why that matters for privacy and how to strip it before sharing.

SM
Shehzad Munir
Aug 19, 2026 · 3 min
What Is CPS? How to Test and Improve Your Click SpeedTool Guides

What Is CPS? How to Test and Improve Your Click Speed

CPS means clicks per second. Here's how it's measured, what a good score looks like, and how to test your own click speed for free.

SM
Shehzad Munir
Aug 17, 2026 · 3 min
How to Merge PDF Files for Free (Without Uploading Them)Tool Guides

How to Merge PDF Files for Free (Without Uploading Them)

Combine several PDFs into one document, reorder the pages, and keep everything private — no software and no server upload.

SM
Shehzad Munir
Aug 14, 2026 · 2 min