مولّد Open Graph
إنشاء علامات Open Graph الوصفية لتحسين معاينة المشاركة على فيسبوك وتويتر ولينكدإن مع معاينة مباشرة للبطاقة
ما هي علامات Open Graph الوصفية؟
علامات Open Graph الوصفية هي علامات HTML تتحكم في كيفية ظهور صفحة الويب الخاصة بك عند مشاركتها على منصات التواصل الاجتماعي مثل فيسبوك وتويتر ولينكدإن. وهي تحدد العنوان والوصف والصورة وخصائص أخرى.
لماذا أحتاج إلى علامات Open Graph؟
بدون علامات OG، ستختار منصات التواصل الاجتماعي محتوى عشوائيًا من صفحتك، مما قد يؤدي إلى معاينات غير جذابة أو غير صحيحة. تضمن علامات OG ظهور روابطك المشتركة بشكل احترافي.
ما هو حجم الصورة الموصى به لـ og:image؟
حجم الصورة الموصى به هو 1200×630 بكسل بحد أدنى 600×315 بكسل. يستخدم فيسبوك ومعظم المنصات نسبة عرض إلى ارتفاع 1.91:1 لمعاينات الروابط.
هل تستخدم بطاقات تويتر علامات Open Graph؟
يدعم تويتر علامات Open Graph كاحتياطي، ولكن لديه أيضًا علاماته الخاصة twitter:card و twitter:title و twitter:description و twitter:image. تنشئ هذه الأداة كلاهما لأقصى توافق.
ما هي علامات Open Graph المطلوبة؟
الحد الأدنى من علامات OG المطلوبة هو og:title و og:type و og:image و og:url. ومع ذلك، يُنصح بشدة بإضافة og:description لمعاينات أفضل على وسائل التواصل الاجتماعي.
كيف يمكنني اختبار علامات Open Graph الخاصة بي؟
يمكنك استخدام Facebook Sharing Debugger أو Twitter Card Validator أو LinkedIn Post Inspector. توفر هذه الأداة أيضًا معاينة مباشرة.
هل يؤثر Open Graph على SEO؟
لا تؤثر علامات Open Graph مباشرة على ترتيب محركات البحث، لكنها تحسن معدلات النقر على وسائل التواصل الاجتماعي من خلال جعل الروابط المشتركة أكثر جاذبية، مما يمكن أن يفيد SEO بشكل غير مباشر.
ما هو og:type وما القيم المتاحة؟
يحدد og:type نوع المحتوى المشارك. تشمل القيم الشائعة website و article و video و music و book و profile. اختيار النوع الصحيح يساعد المنصات على عرض محتواك بشكل مناسب.
هل يمكنني استخدام علامات og:image متعددة؟
نعم، يمكنك تحديد علامات og:image متعددة. ستعرض منصات التواصل الاجتماعي عادةً الصورة الأولى أو تتيح للمستخدمين الاختيار من جميع الصور المتاحة.
كيف أضيف علامات Open Graph إلى موقعي؟
ببساطة انسخ علامات HTML الوصفية المُنشأة والصقها في قسم <head> من صفحة الويب. لووردبريس، يمكنك استخدام إضافات SEO مثل Yoast أو Rank Math التي تُنشئ علامات OG تلقائيًا.
ما الفرق بين Open Graph و Twitter Cards؟
تم إنشاء Open Graph بواسطة فيسبوك ويُستخدم من قبل معظم منصات التواصل. بطاقات تويتر هي مواصفات تويتر الخاصة مع ميزات إضافية مثل summary_card_with_large_image. يمكن أن يتعايش كلاهما.
كيف أعاين Open Graph قبل النشر؟
استخدم هذا المُنشئ لإنشاء ومعاينة علامات OG في الوقت الفعلي. تُظهر المعاينة المباشرة بالضبط كيف سيظهر رابطك على فيسبوك وتويتر ولينكدإن قبل النشر.
كيفية استخدام مولّد Open Graph
أنشئ وسوم Open Graph حتى تظهر معاينة صفحاتك بشكل صحيح على Facebook وX وLinkedIn، مع معاينة بطاقة مباشرة. تُنشأ الوسوم محليًا في متصفحك ولا يُرفع أي شيء.
- أدخل عنوان صفحتك في حقل og:url وصورة المشاركة في og:image، مثل https://www.localtoolz.com/image.jpg.
- اختر نوع المحتوى من خيارات og:type: website أو article أو product أو profile أو video.movie أو music.song أو book.
- املأ og:site_name وog:locale لتعرض البطاقة علامتك ولغتك.
- للمقالات أضف article:published_time وarticle:modified_time وarticle:author وarticle:section وarticle:tag.
- للمنتجات عيّن product:price:amount وproduct:price:currency، مثل 29.99 وUSD.
- انسخ الوسوم الناتجة من المخرجات والصقها في <head> صفحتك.
يحتاج og:image إلى رابط مطلق، ويُفضّل 1200×630 بكسل؛ المسارات النسبية تفسد معظم المعاينات الاجتماعية.
أدوات ذات صلة
- مولد علامات الميتا أداة مجانية عبر الإنترنت لإنشاء علامات ميتا SEO وOpen Graph وTwitter Card مع معاينة Google.
- حاسبة Chmod حاسبة chmod مجانية عبر الإنترنت لتصور وحساب أذونات ملفات Linux بمربعات اختيار. تحويل فوري بين التدوين الرقمي (755، 644) والرمزي (rwxr-xr-x). يدعم الأذونات الخاصة مثل setuid وsetgid وsticky bit.
- جدول ASCII مرجع كامل لترميز أحرف ASCII مع الأكواد العشرية والسداسية العشرية والثمانية والثنائية وكيانات HTML وأوصاف الأحرف. البحث والتصفية الفورية.
- اختبار طلبات HTTP اختبر واجهات REST API مباشرة في متصفحك. أرسل طلبات GET وPOST وPUT وDELETE مع رؤوس ونص ومعلمات مخصصة. شاهد حالة الاستجابة والرؤوس ونص JSON فورًا.
- مولد .htaccess إنشاء قواعد Apache .htaccess لإعادة التوجيه وإعادة الكتابة ورؤوس الأمان والتخزين المؤقت والمزيد.
- مولد Robots.txt مولد robots.txt مجاني عبر الإنترنت. أنشئ وخصص ملفات robots.txt للتحكم في زحف محركات البحث، وإدارة وصول برامج الزحف، وتحسين SEO لموقعك.
- مولد خريطة الموقع مولد خريطة موقع XML مجاني عبر الإنترنت. أضف عناوين URL وحدد الأولويات والتكرارات، وأنشئ خرائط موقع متوافقة مع SEO فوراً.
- مفسد Crontab تحليل وشرح تعبيرات cron. يعرض وصفاً مقروءاً وأوقات التنفيذ القادمة.