هذه ممارسات فُضلى عامة لكتابة شفرة Open Graph يدويًا أو في نظام إدارة المحتوى (CMS) لديك. أما OG Preview نفسه فهو عارض: يعرض كيف ستبدو وسومك، وفي وضع جلب الرابط يُبلغ عن الوسوم التي تكشفها الصفحة بالفعل.
استخدم وسومًا فريدة لكل نوع صفحة
الصفحات المختلفة تستحق معاينات مختلفة. تعمل منشورات المدونة على أفضل نحو عندما يُضبط og:type على article، وتستفيد صفحات المنتجات من عنوان وصورة وصفيين، وينبغي أن تُبرز صفحتك الرئيسية هوية العلامة التجارية. إعادة استخدام معاينة عامة واحدة في كل مكان يقلل من نسبة النقر.
حسِّن الصورة من أجل السرعة
تجنّب ملفات PNG التي يبلغ حجمها عدة ميغابايت. اضغط الصورة إلى حجم معقول، واحتفظ بأبعاد 1200×630 بكسل (1.91:1) التي تعمل عبر المنصات، وتأكد من تحميل الملف بسرعة للزواحف.
اضبط دائمًا og:site_name
يبقي هذا اسم علامتك التجارية ظاهرًا في المعاينات حتى عندما يُقتطع العنوان:
اختبر عبر المنصات — لا تفترض
يتعامل كل من Facebook و LinkedIn و X (Twitter) مع وسوم meta بشكل مختلف قليلًا. عايِن هنا أولًا، ثم تحقق على المنصات الحقيقية باستخدام أدواتها الرسمية:
استخدم og:type لمحتوى أثرى
للمدونات استخدم article؛ وللمنتجات استخدم product. النوع الصحيح يمكن أن يفتح عرضًا أثرى مثل أسماء المؤلفين أو تواريخ النشر على بعض المنصات.
اضبط رابط صورة مطلقًا
لا تحلّ زواحف وسائل التواصل المسارات النسبية. استخدم دائمًا رابط URL كاملًا: https://yoursite.com/img/og.jpg وليس /img/og.jpg.
إبطال التخزين المؤقت للصور المُحدَّثة
عندما تستبدل صورة OG، قد تستمر المنصات في تقديم الصورة القديمة. غيّر اسم الملف (مثل og-v2.jpg) أو أضِف استعلام إصدار مثل ?v=2، ثم أعِد تشغيل أداة تصحيح المنصة لتحديث ذاكرة التخزين المؤقت.
اقرن وسوم OG مع JSON-LD
تساعد البيانات المنظَّمة عبر <script type="application/ld+json"> محركات البحث، بينما تتولى وسوم OG المشاركة الاجتماعية. يكمّل كلٌّ منهما الآخر — احتفظ بكليهما.