أداة فحص Open Graph ومعاينة المشاركة الاجتماعية

حين يلصق أحدهم رابطك في فيسبوك أو لينكدإن أو X أو واتساب أو Slack، يجلب التطبيق صفحتك ويبني بطاقة من وسوم Open Graph وTwitter Card فيها. اضبطها جيدا فيعرض الرابط صورة حادة وعنوانا واضحا وسببا للنقر. وأخطئ فيها فتظهر صورة شعار مقصوصة أو نص شريط الكوكيز أو لا يظهر شيء.

تقرأ أداة فحص Open Graph هذه تلك الوسوم، وتعاين البطاقة على كل منصة، وتتحقق من حجم og:image، لتصلح المشاركات قبل حدوثها بدل أن تكتشف بعد نشر منشور بمعاينة مكسورة.

كيف تختبر معاينات روابطك

1. أدخل الرابط الذي ستشاركه

   استخدم العنوان بالضبط، بما في ذلك مسار اللغة أو الحملة، لأن لكل رابط وسومه الخاصة.

2. راجع كل معاينة

   شاهد بطاقات فيسبوك وX ولينكدإن وواتساب وSlack، إضافة إلى قائمة بكل وسم وُجد.

3. أصلح الوسوم وحدّث الذاكرة المؤقتة

   حدّث الوسوم، ثم اطلب من كل منصة إعادة قراءة الرابط لتتخلى عن المعاينة القديمة.

الوسوم التي تحتاجها كل صفحة قابلة للمشاركة

يحدد بروتوكول Open Graph أربع خصائص أساسية — og:title وog:type وog:image وog:url — وتقرأ معظم المنصات أيضا og:description وog:site_name. أما X فيقرأ وسوم twitter: الخاصة به أولا، ويعود إلى قيم Open Graph عند غيابها.

<meta property="og:type" content="article">
<meta property="og:title" content="How to Test robots.txt Rules">
<meta property="og:description" content="A step-by-step guide with examples.">
<meta property="og:url" content="https://example.com/robots-txt-guide">
<meta property="og:image" content="https://example.com/img/robots-guide-1200x630.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Diagram of a robots.txt rule matching a URL">
<meta property="og:site_name" content="Example">
<meta name="twitter:card" content="summary_large_image">

تعود معظم المعاينات المكسورة إلى ثلاثة أخطاء: مسار og:image نسبي، ومجموعتان من الوسوم كتبهما قالب وإضافة (قد تختار المنصات الصورة الخطأ)، وog:url يشير إلى الصفحة الرئيسية في كل صفحة. يعدّ فيسبوك og:url العنوان canonical، لذلك يجعل هذا الخطأ الأخير كل مشاركة تعرض بطاقة صفحتك الرئيسية.

تستخدم وسوم Open Graph السمة property=، بينما تستخدم وسوم Twitter Card السمة name=. للخلفية: Open Graph وTwitter Card.

ضبط og:image بشكل صحيح

• المقاس. 1200 × 630 بكسل (نحو 1.91:1) هو الافتراضي الآمن. وتوصي وثائق المشاركة من فيسبوك بهذا المقاس على الأقل للشاشات عالية الدقة، و600 × 315 بكسل كحد أدنى للمعاينات الكبيرة، وملفات لا تتجاوز 8 ميغابايت.
• رابط مطلق. https://example.com/img/card.png، وليس /img/card.png أبدا.
• المنطقة الآمنة. أبقِ النص والوجوه قرب المنتصف؛ فبعض التطبيقات تقص الصورة إلى مربع أو إطار أعرض.
• الصيغة والوزن. JPEG وPNG الأوسع دعما. أبقِ الملف خفيفا، أقل بكثير من ميغابايت إن أمكن؛ فتطبيقات المراسلة الأقل تسامحا.
• قابلة للوصول. يجب أن تُرجع الصورة 200 للبوتات، دون تسجيل دخول أو حماية من الربط المباشر أو تحدٍّ من جدار الحماية.

ينصح فيسبوك بتحديد og:image:width وog:image:height لتُعرض الصورة بشكل صحيح أول مرة يُشارك فيها الرابط. وهو يخزّن الصور مؤقتا بحسب الرابط، فحين تغيّر الصورة أعطِ الملف اسما جديدا.

لماذا لا تختفي معاينتك القديمة

تخزّن المنصات معاينات الروابط مؤقتا. فبعد إصلاح الوسوم قد تبقى البطاقة القديمة إلى أن تفرض تحديثا:

• فيسبوك: الصق الرابط في Sharing Debugger واختر “Scrape Again”.
• لينكدإن: افحص الرابط في Post Inspector، الذي يحدّث ذاكرته المؤقتة أيضا.
• X وواتساب وSlack: لا يوجد زر تحديث علني؛ وإضافة سلسلة استعلام غير ضارة مثل ?v=2 تجعل التطبيق عادة يعامل الرابط كجديد.

إذا كانت المعاينة فارغة في كل مكان، فتأكد من أن البوتات تصل إلى الصفحة أصلا: فقواعد robots.txt وجدار الحماية وجدار الكوكيز قد تحجب الزواحف الاجتماعية كما تحجب زواحف البحث. ويساعدك اختبار robots.txt وفحص وسوم الميتا في تتبع السبب.

نصائح لمعاينات اجتماعية أفضل

• صمّم قالبا واحدا بمقاس 1200 × 630 لموقعك وأنشئ بطاقة لكل صفحة؛ فالبطاقات المتسقة تجعل مشاركاتك مميزة.
• اكتب og:title للتغذية الاجتماعية لا لجوجل — فيمكن أن يكون أقصر وأكثر حيوية من وسم title.
• اضبط og:url على الرابط canonical لتُحتسب مشاركات صيغ الرابط المختلفة معا.
• أضف og:image:alt لوصف الصورة للأشخاص الذين يستخدمون قارئات الشاشة.
• افحص المعاينات قبل كل إطلاق أو حملة، لا بعد أول مشاركة.

حدود يجب مراعاتها

تحاكي المعاينات عن قرب تخطيط بطاقة كل منصة حاليا، لكن التطبيقات تغيّر تصاميمها وقصها دون إشعار، وقد تظل بطاقة مخزنة مؤقتا تظهر فترة بعد إصلاح الوسوم. نقرأ HTML الخادم دون تشغيل JavaScript، كما تفعل معظم الزواحف الاجتماعية، فلا تُحتسب الوسوم التي تضيفها السكربتات. ولإنشاء مجموعة وسوم كاملة، استخدم مولد وسوم الميتا.

آخر تحديث: 30‏/10‏/2026 بواسطة فريق Yes SEO.