حول هذه الأداة
تتحكم علامات Open Graph (OG) في كيفية ظهور الصفحة عند مشاركتها على منصات التواصل الاجتماعي. يقوم Facebook وLinkedIn وSlack وDiscord والعديد من الآخرين بقراءة علامات OG لإنشاء بطاقات المعاينة. بدون علامات OG المناسبة، تبدو الروابط المشتركة معطلة — أيقونات مفضلة عامة، وصور مفقودة، وعناوين مبتورة. معهم، تبدو الأسهم مصقولة وتتحسن معدلات النقر إلى الظهور بشكل ملحوظ.
علامات OG القياسية: og:title (العنوان الموضح في المعاينة)، og:description (مقتطف النص)، og:image (صورة المعاينة، من الناحية المثالية 1200×630)، og:url (عنوان URL الأساسي)، og:type (عادةً "موقع ويب" أو "مقالة"). طبقة علامات بطاقة تويتر في الأعلى: twitter:card، twitter:title، twitter:description، twitter:image. تعود معظم الأدوات إلى OG عند غياب العلامات الخاصة بتويتر.
يُنتج هذا المولد مجموعة كاملة من علامات OG وTwitter Card من مدخلاتك. الصق HTML الناتج في <head> بالصفحة. والنتيجة هي عرض المعاينة الصحيح عبر جميع منصات التواصل الاجتماعي الرئيسية.
لماذا نستخدم مولد علامات OG
تبدو الصفحات التي لا تحتوي على علامات OG سيئة عند مشاركتها. صورة فارغة، وعنوان عام، ووصف مفقود - تتنافس المعاينة بشكل سيئ مع الصفحات التي تم وضع علامات عليها بشكل صحيح في الخلاصات. بالنسبة لتسويق المحتوى ومشاركة الروابط، يؤثر هذا بشكل مباشر على نسبة النقر إلى الظهور.
علامات OG المكتوبة بخط اليد متكررة. كل صفحة تحتاج إلى مجموعتها الخاصة. يتجنب المولد الذي ينتج علامات صحيحة من عدد قليل من المدخلات الأخطاء المطبعية والخصائص المفقودة التي تؤدي إلى تعطيل المعاينات الاجتماعية.
التفاصيل الفنية
تستخدم علامات OG سمة خاصية التعريف (وليس الاسم): <meta property="og:title" content="..." />. سمة الخاصية مطلوبة لـ OG؛ يقبل بعض المحللين الاسم كبديل لكن الخاصية صحيحة.
متطلبات الصورة: 1200 × 630 بكسل لعرض شبكية العين، نسبة العرض إلى الارتفاع 1.91:1. تساعد علامات og:image:width وog:image:height الأنظمة الأساسية في تخزين الصور بشكل صحيح. og:image:alt يوفر نص إمكانية الوصول.
تستخدم علامات بطاقة Twitter سمة الاسم: <meta name="twitter:title" content="..." />. يعود تويتر إلى علامات OG عندما تكون علامات Twitter الخاصة غائبة، لذلك يكون OG المعد جيدًا كافيًا في كثير من الأحيان. تؤدي إضافة twitter:card إلى اختيار نوع البطاقة بشكل صريح (summary_large_image هو الأكثر شيوعًا).
الأسئلة الشائعة
- هل يمكنني تخصيص الإخراج الذي تم إنشاؤه؟
- نعم. توفر الأداة خيارات تخصيص متنوعة لتخصيص الإخراج وفقًا لاحتياجاتك المحددة. اضبط الإعدادات قبل الإنشاء أو إعادة الإنشاء باستخدام خيارات مختلفة.
- هل المحتوى الذي تم إنشاؤه مجاني للاستخدام؟
- نعم. كل ما تنشئه باستخدام هذه الأداة هو ملكك لاستخدامه لأغراض شخصية أو تعليمية أو تجارية دون أي قيود أو متطلبات إسناد.
- هل هذا يتطلب حساب؟
- لا، الأداة جاهزة للاستخدام فورًا بدون تسجيل أو بريد إلكتروني أو تسجيل. فقط افتح الصفحة وابدأ في الإنشاء.
- هل تظل بيانات الإدخال الخاصة بي خاصة؟
- نعم. تتم كل المعالجة في متصفحك. لا يتم إرسال بيانات الإدخال والمخرجات التي تم إنشاؤها إلى أي خادم خارجي.
- هل يمكنني استخدام نفس صورة OG لكل صفحة؟
- ممكن ولكن دون المستوى الأمثل. تتفوق الصور الخاصة بالصفحة على الصور العامة على مستوى الموقع من حيث النقر. استخدم الإعداد الافتراضي للرجوع ولكن قم بإنتاج صور لكل صفحة للمحتوى المهم.
- هل يلزم إعلان أبعاد الصورة؟
- مفيدة ولكن ليست مطلوبة بشكل صارم. og:image:width و og:image:height يسمحان للمنصات بالتخزين المؤقت للصور دون إعادة جلبها لتحديد الأبعاد. يسرع المشاركات اللاحقة.
- هل تم تحميل بياناتي؟
- لا، يحدث الإنشاء في متصفحك.
- كيف يمكنني اختبار علامات OG؟
- يتم جلب كل من Facebook Sharing Debugger وTwitter Card Validator وLinkedIn Post Inspector والتحقق من صحتها. استخدمها بعد نشر علامات OG الجديدة.