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

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

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

Share
فئة
أدوات تحسين محركات البحث
يشمل
مميزات 6
وصول
حر · لا الاشتراك
خصوصية
يعمل في المتصفح الخاص بك
افتح منشئ بطاقات الرسم البياني وتويتر

Calibrating Social Metadata Studio......

Please wait a moment

كيفية الاستخدام

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

  1. 01

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

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

  2. 02

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

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

  3. 03

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

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

  4. 04

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

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

حالات الاستخدام

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

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

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

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

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

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

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

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

ما هي علامات 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 Cards؟+

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