أطلقت صفحة وشاركت الرابط — فإذا بالمعاينة تعرض الصورة الخطأ، أو لا تعرض شيئًا أصلًا. كل مشكلة تقريبًا في صور OG ترجع إلى واحد من ثلاثة أسباب: وسوم مفقودة، أو رابط صورة معطوب، أو كاش قديم. يوضح هذا الدليل كيف تعاين OG image قبل المشاركة، وكيف تصلح كل عطل عند حدوثه.
تحقق من الوسوم أولًا
قبل اللجوء إلى أي أداة، اعرض مصدر صفحتك (Ctrl+U / Cmd+U) وتأكد من وجود هذه الوسوم داخل <head>:
<meta property="og:title" content="Launch day: v2.0" />
<meta property="og:description" content="Everything new in this release." />
<meta property="og:image" content="https://example.com/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />قاعدتان تكشفان معظم الأخطاء فورًا:
og:imageيجب أن يكون رابط HTTPS مطلقًا. المسارات النسبية (/og/launch.png) تفشل لدى معظم الزواحف.- رابط الصورة يجب أن يكون متاحًا للعموم — افتحه في نافذة تصفح خفي. إذا كان يتطلب تسجيل دخول أو يعيد التوجيه أو يعيد 404، فلن تستطيع أي منصة جلبه.
إن لم تكن متأكدًا أصلًا من أن صورتك بالحجم الصحيح، فابدأ بدليلنا حول حجم OG image — فالأبعاد هي النصف الآخر من معاينة تعمل.
أدوات المعاينة حسب المنصة
توفر كل منصة كبرى أداة تصحيح رسمية تعرض بالضبط ما يراه زاحفها:
| المنصة | الأداة | ماذا تفعل |
|---|---|---|
| Sharing Debugger | تعرض البطاقة كما جُلبت، وتسرد التحذيرات، وتوفر زر "Scrape Again" | |
| Post Inspector | تعرض المعاينة وتحدّث كاش LinkedIn مع كل فحص | |
| X (Twitter) | اكتب منشورًا كمسودة | أوقف X أداة معاينة Card Validator المستقلة — الصق الرابط في مسودة (أو أرسله لنفسك في رسالة خاصة) لرؤية البطاقة الفعلية |
| Slack | راسل نفسك | يوسّع Slack الروابط لحظيًا؛ رسالة إلى نفسك أسرع معاينة OG على الإطلاق |
| Discord | الصق الرابط في أي قناة | تُعرض التضمينات فورًا من وسوم Open Graph لديك |
| WhatsApp / Telegram | أرسل إلى "الرسائل المحفوظة" / إلى نفسك | كلاهما يقرأ og:image؛ وTelegram يخزّن الكاش بقوة (انظر أدناه) |
سير عمل عملي: أصلح الوسوم، ثم شغّل Sharing Debugger من Facebook (لديه أكثر التحذيرات تفصيلًا)، ثم تحقق سريعًا من المنصة التي تهمك فعلًا.
فرض تحديث الكاش
تخزّن المنصات معاينات الروابط مؤقتًا بشراسة — أحيانًا لأسابيع. إذا حدّثت OG image لكنك ما زلت ترى القديمة:
- Facebook: افتح Sharing Debugger واضغط Scrape Again.
- LinkedIn: مرّر الرابط عبر Post Inspector — الفحص نفسه يكسر الكاش.
- X: لا يوجد تحديث يدوي؛ تنتهي صلاحية الكاش عادةً في غضون أسبوع تقريبًا.
- Telegram: أرسل رابطك إلى
@WebpageBotلفرض إعادة الزحف. - الحل الاحتياطي الشامل: غيّر رابط الصورة. إضافة معامل إصدار (
/og/launch.png?v=2) — أو الأفضل، استخدام اسم ملف يحمل تجزئة المحتوى — تجعل كل منصة تتعامل معها فورًا كصورة جديدة تمامًا.
إذا كانت صور OG لديك تُولَّد عبر خط أنابيب، فادمج إصدارًا أو تجزئة في اسم الملف من اليوم الأول. عندها يتوقف إبطال الكاش عن كونه مشكلة نهائيًا.
لماذا لا تظهر OG image لديك حتى الآن
شغّلت أدوات التصحيح وما زالت الصورة غائبة؟ راجع هذه القائمة بالترتيب:
- الصورة كبيرة جدًا أو بطيئة جدًا. تتوقف الزواحف عند المهلة مع الملفات متعددة الميغابايتات. أبقِها تحت 1 MB (وأقل بكثير من 300 KB لـ WhatsApp).
- أبعاد الصورة دون عتبة البطاقة الكبيرة. تحت 600×315 يرتد Facebook إلى صورة مصغّرة. صدّر بمقاس 1200×630 — ودليل الأحجام فيه التفصيل الكامل.
- صفحتك تحجب الزواحف. تأكد من أن
robots.txtأو جدار الحماية أو طبقة الحماية من البوتات لا تعيد 403 إلىfacebookexternalhitأوTwitterbotأوLinkedInBot. - الوسوم تُحقن من جهة العميل. معظم زواحف الشبكات الاجتماعية لا تنفذ JavaScript. يجب أن تكون وسوم OG في HTML المعروض من الخادم.
- تعارض عدة وسوم
og:image. تأخذ المنصات عمومًا الوسم الأول — احذف البقايا من القوالب أو الإضافات.
عاين قبل النشر، لا بعده
أدوات التصحيح أعلاه تخبرك بما حدث بعد فوات الأوان. العادة الأوفر هي ضبط الصورة قبل إطلاقها. مولّد OG image المجاني لدينا يعرض معاينة حية بأبعاد 1200×630 الدقيقة أثناء التحرير — ما تراه في المحرر مطابق للبطاقة النهائية بكسلًا ببكسل — ويصدّر ملف PNG محسّنًا يجتاز كل فحص في هذه المقالة. بلا تسجيل ولا علامة مائية.
الأسئلة الشائعة
كيف أعاين OG image دون نشر؟
استخدم Sharing Debugger من Facebook أو Post Inspector من LinkedIn لعرض رسمي، أو أرسل الرابط لنفسك في Slack أو Discord أو WhatsApp — الرسائل الذاتية تتوسع تمامًا مثل المشاركات العامة.
كم يدوم كاش OG image؟
يختلف الأمر: يخزّن Facebook حتى تفرض إعادة الجلب، ويتحدّث LinkedIn عبر Post Inspector، وتنتهي صلاحية كاش X تلقائيًا في نحو أسبوع. تغيير رابط الصورة (?v=2 أو اسم ملف جديد) يتجاوز كل ذاكرات التخزين المؤقت دفعة واحدة.
لماذا تظهر OG image على Facebook ولا تظهر على WhatsApp؟
السبب دائمًا تقريبًا هو حجم الملف. يستسلم WhatsApp أمام الصور الثقيلة — اضغط ملف PNG أو قدّم نسخة أصغر وأبقِه أقل بكثير من 300 KB.
هل تعمل وسوم OG في الصفحات المعروضة بـ JavaScript؟
فقط إذا كانت الوسوم موجودة في استجابة الخادم الأولى. زواحف الشبكات الاجتماعية لا تنفذ JavaScript عمومًا، لذا فإن وسوم الميتا المحقونة من جهة العميل غير مرئية لها.
