لماذا تبدو معاينات روابطك معطّلة (وكيف تُصلحها)

تُطلق صفحة، وتلصق الرابط في Slack، فتحصل على عنوان URL مجرّد دون صورة — أو أسوأ من ذلك، عنوان الشهر الماضي. تُقاد معاينات الروابط بواسطة وسوم Open Graph و Twitter الوصفية، وعندما تكون مفقودة أو خاطئة، تلجأ كل منصة إلى شيء قبيح.

الوسوم التي تقود المعاينة

<meta property="og:title" content="Your page title" />
<meta property="og:description" content="One clear sentence." />
<meta property="og:image" content="https://yoursite.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />

المتّهمون المعتادون

• ·‏og:image مسار نسبي — يجب أن يكون عنوان URL مطلقًا.
• ·الصورة صغيرة جدًا؛ استهدف مقاس 1200×630.
• ·تُحقَن الوسوم من جهة العميل، فلا تراها الزواحف أبدًا.
• ·ذاكرة تخزين مؤقت تقدّم المعاينة القديمة — أعد الزحف لتحديثها.

تُصيّر أداة صورة OG (OG Image) بطاقة تحمل علامتك التجارية لكل صفحة، وتعاين ظهور الرابط عبر Slack و iMessage و X و LinkedIn قبل الإطلاق — ثم تربط المهارة الوسوم داخل مستودعك بحيث تُصيَّر من جهة الخادم.