عند مشاركة رابط على Facebook، LinkedIn، X، Slack، WhatsApp، Telegram، أو Discord، المنصة ترسل زاحفاً لقراءة وسوم Open Graph (OG) في صفحتك. هذه الوسوم تقرر ما إذا كان رابطك سيظهر كبطاقة غنية أم رابط عادي ممل. وفقاً لـ MetaHead: "بدون وسوم OG، المنصات إما تتجاهل المعاينة أو تخمن عنواناً وتختار صورة عشوائية من الصفحة". في 2026، الأمر أصبح أكثر أهمية لأن أنظمة الذكاء الاصطناعي مثل ChatGPT و Perplexity تقرأ أيضاً وسوم OG كمصدر عالي الثقة لفهم المحتوى.
ما هي وسوم Open Graph (OG)؟
Open Graph هو بروتوكول طورته Facebook عام 2010 يسمح لأي صفحة ويب بأن تصبح "object" غني في الشبكات الاجتماعية. عبر إضافة وسوم HTML في <head> من صفحتك، تتحكم بالعنوان والصورة والوصف الذي يظهر عند مشاركة الرابط.
أين تظهر وسوم OG؟ - فيسبوك (Facebook) - لاينكد إن (LinkedIn) - X (تويتر سابقاً) - سلاك (Slack) - واتساب (WhatsApp) - تليغرام (Telegram) - ديسكورد (Discord) - iMessage - ChatGPT / Perplexity (للاستشهاد)
الوسوم الأربعة الأساسية:
og:title - عنوان المشاركة هو العنصر الأهم في بطاقة المعاينة. يختلف عن <title> العادي للسيو. og:title يمكن أن يكون أكثر جذباً للفضول وأقل تشبعاً بالكلمات المفتاحية. حافظ على 60 حرفاً كحد أقصى.
og:description - وصف المشاركة 2-4 جمل تحت العنوان. حوالي 150-200 حرف قبل الاقتطاع. اجعله قابلاً للتنفيذ: أخبر القارئ ماذا سيجد عند النقر.
og:image - صورة المشاركة أقوى عنصر لجذب الانتباه. المقاس الموصى به: 1200×630 بكسل (نسبة 1.91:1). الصيغة: JPG أو PNG. الحجم: أقل من 1MB إن أمكن.
og:url - الرابط المعياري يخبر المنصة أي URL هو المعتمد لتجميع التفاعلات والمشاركات. دائماً استخدم الرابط النظيف بدون معلمات UTM.
الوسوم الموصى بها:
og:type - نوع المحتوى: website (للغالبية)، article (للمقالات)، product (للمنتجات). عند استخدام article، تفتح وسوماً إضافية مثل article:published_time و article:author.
og:site_name - اسم علامتك التجارية.
og:image:width / og:image:height - يمنعان تأخير المعاينة لأن الزاحف يحتاج لمعرفة الأبعاد بنفسه.
og:image:alt - نص بديل للصورة (إمكانية الوصول + فهم أفضل من السيو).
مقاسات الصور للمنصات المختلفة:
| المنصة | المقاس الموصى به | النسبة |
|---|---|---|
| 1200×630 | 1.91:1 | |
| 1200×627 | 1.91:1 | |
| X (Large Card) | 1200×675 | 16:9 |
| Discord | 1200×630 | 1.91:1 |
| 1200×630 | 1.91:1 | |
| iMessage | 1200×630 | 1.91:1 |
| Telegram | 1200×630 | 1.91:1 |
| Slack | 1200×630 | 1.91:1 |
Twitter Cards:
X لها بروتوكول منفصل. الأهم: twitter:card = summary_large_image. بدونها، X تستخدم البطاقة الصغيرة حتى مع وجود og:image ممتاز.
وسوم X الأساسية: - twitter:card: summary_large_image - twitter:title: يتراجع لـ og:title إن لم يوجد - twitter:description: يتراجع لـ og:description - twitter:image: يتراجع لـ og:image - twitter:site: @handle الخاص بك
كيف تطبق في Next.js 14+:
// app/page.tsx
export const metadata: Metadata = {
openGraph: {
title: 'عنوان المشاركة',
description: 'وصف المشاركة',
url: 'https://example.com/page',
siteName: 'Waxbix',
images: [{ url: 'https://example.com/og.jpg', width: 1200, height: 630 }],
type: 'website',
},
twitter: {
card: 'summary_large_image',
title: 'عنوان X',
description: 'وصف X',
images: ['https://example.com/og.jpg'],
},
}الأخطاء الشائعة: - روابط نسبية لـ og:image (بدون https://) - لا تعمل - نفس الصورة في كل الصفحات - تبدو غير احترافية - og:image أصغر من 600×315 - قد لا يظهر - نسيان twitter:card - بطاقة صغيرة في X - حقن الوسوم عبر JavaScript - الزواحف لا تنفذ JS - og:url مختلف عن canonical - تشتت المشاركات - حجم الصورة أكبر من 300KB - واتساب يحذفها
أدوات الفحص والتصحيح: - Facebook Sharing Debugger: developers.facebook.com/tools/debug - LinkedIn Post Inspector: linkedin.com/post-inspector - X Card Validator: developer.x.com (أو استخدم Rediate) - Rediate OG: تحليل فوري مع معاينات
استخدم أداة Waxbix SEO لفحص وسوم OG في جميع صفحات موقعك واكتشاف المفقود والمكسور والمكرر دفعة واحدة.