النتائج مقدَّمة لأغراض إعلامية فقط وقد تحتوي على أخطاء. يُرجى التحقق من المعلومات المهمة بشكل مستقل. استخدام هذه الأداة على مسؤوليتك الخاصة.
ماذا تفعل هذه الأداة
تكتب أداة توليد وسوم Open Graph وسوم meta ذات البادئة og: التي تتحكم في شكل الرابط عند مشاركته على Facebook وLinkedIn وWhatsApp وSlack وDiscord وTelegram وتطبيقات أخرى كثيرة. أدخل العنوان والوصف ورابط URL الأساسي (canonical) ورابط الصورة، واختر نوعًا (website أو article أو product أو profile)، ثم انسخ الوسوم إلى قسم <head> في الصفحة.
لا تُخرَج إلا الحقول التي تملؤها، وتُهرَّب الأحرف الخاصة. ومن دون وسوم Open Graph، تخمّن التطبيقات عنوانًا وتختار صورة عشوائية من الصفحة، أو لا تعرض أي معاينة على الإطلاق. أهم وسم هو og:image: فالصورة الواضحة بمقاس 1200 × 630 بكسل تزيد كثيرًا من احتمال النقر على الرابط المشارَك.
متى تستخدمها
- تجهيز تدوينة أو صفحة منتج أو صفحة هبوط للمشاركة على وسائل التواصل الاجتماعي.
- إصلاح معاينة رابط تعرض صورة خاطئة أو عنوانًا قديمًا.
- إضافة معاينات المشاركة إلى تطبيق أحادي الصفحة يعرض المحتوى باستخدام JavaScript.
- إعداد بطاقات الروابط لموقع توثيق تُشارَك روابطه في Slack أو Discord.
مثال عملي
المدخلات
Title: Free JSON Formatter
Description: Format and validate JSON in your browser.
URL: https://4dev.net/json-formatter
Image: https://4dev.net/og/json-formatter.png
Type: websiteالمخرجات
<meta property="og:title" content="Free JSON Formatter"/>
<meta property="og:description" content="Format and validate JSON in your browser."/>
<meta property="og:url" content="https://4dev.net/json-formatter"/>
<meta property="og:image" content="https://4dev.net/og/json-formatter.png"/>
<meta property="og:type" content="website"/>أسئلة حول هذه الأداة
حدّثت الوسوم لكن المعاينة القديمة ما زالت تظهر. لماذا؟
تخزّن المنصات المعاينات مؤقتًا (cache). استخدم Facebook Sharing Debugger أو LinkedIn Post Inspector لجلب الصفحة من جديد. أما Slack وWhatsApp فيحدّثانها تلقائيًا بعد فترة.
هل أحتاج أيضًا إلى وسوم Twitter Card؟
يلجأ X (Twitter) إلى وسوم Open Graph كبديل، لكن أضف <meta name="twitter:card" content="summary_large_image"/> للحصول على تخطيط الصورة الكبيرة.
هل يجب أن يكون رابط الصورة مطلقًا؟
نعم. استخدم العنوان الكامل الذي يبدأ بـhttps://. فمعظم برامج الزحف لا تحلّ المسارات النسبية، ويجب أن تكون الصورة متاحة للعموم دون تسجيل دخول.
هل تساعد وسوم Open Graph في تحسين محركات البحث (SEO)؟
ليس بشكل مباشر؛ فمحركات البحث ترتّب النتائج بناءً على العنوان والوصف والمحتوى. لكنها تحسّن نسبة النقر من المشاركات على وسائل التواصل، ما يجلب الزوار. اضبط وسوم البحث باستخدام أداة توليد الوسوم الوصفية (Meta).
هل هذه الأداة مجانية؟
نعم، إنها مجانية. دون تسجيل أو بريد إلكتروني. تظهر النتيجة في هذه الصفحة.
كيف أحصل على النتيجة؟
استخدم الأداة في هذه الصفحة. تظهر النتيجة هنا دون الحاجة إلى إرسالها بالبريد الإلكتروني.