پیشنمایش لینک (Open Graph)؛ چرا کارت اینستاگرام و تلگرام خراب میشود
لینک کوتاه را در کانال تلگرام یا بیو اینستاگرام میگذارید؛ صفحه در مرورگر عالی باز میشود، اما کارت اشتراک خالی است، عنوان اشتباه است یا تصویر نمیآید. مخاطب کمتر کلیک میکند و شما فکر میکنید سایت خراب است. معمولاً سایت خراب نیست — ربات پیشنمایش چیز دیگری میبیند تا مرورگر شما.
در این راهنما Open Graph، چرخهٔ ساخت کارت، دلایل رایج خراب شدن پیشنمایش در تلگرام و اینستاگرام، مثالهای واقعی، چکلیست قبل از اشتراک، اشتباهات و محدودیتها را پوشش میدهیم؛ در پایان هم نشان میدهیم همین کار را در دنبالک چطور درست کنید.
Open Graph چیست؟
Open Graph (OG) مجموعهای از متاتگهای HTML است که به پلتفرمهای اشتراکگذاری میگوید «این لینک را چطور بهصورت کارت نشان بده». تگهای اصلی:
| تگ | نقش | مثال مفهومی |
|---|---|---|
og:title | عنوان کارت | عنوان کمپین یا صفحه |
og:description | توضیح کوتاه زیر عنوان | یک جملهٔ دعوت به کلیک |
og:image | تصویر کارت | URL تصویر حدود ۱۲۰۰×۶۳۰ |
og:url | آدرس canonical صفحه | URL صفحهٔ مقصد |
وقتی کسی لینک را در تلگرام، لینکدین یا X میچسباند، یک ربات خزنده صفحه را باز میکند و این تگها را میخواند — نه رابط کاربری کامل سایت را. کاربر عادی با مرورگر یا اپ، بعد از کلیک، به مقصد هدایت میشود و ممکن است اصلاً همان متا را نبیند.
بدون OG درست (یا بدون کنترل روی آنچه کوتاهکننده به ربات میدهد)، کارت به عنوان پیشفرض بیربط، بدون تصویر، یا با محتوای قدیمی کششده میافتد.
چرخهٔ ساخت کارت
مراحل تقریبی وقتی لینک کوتاه را اشتراک میگذارید:
- اشتراک: لینک مثل
donl.ir/AbC1234را در پست یا چت میگذارید. - خزش: ربات پلتفرم همان آدرس کوتاه را درخواست میکند.
- خواندن یا دنبال کردن: یا متای همان پاسخ کوتاه را میخواند، یا با ریدایرکت (مثلاً
302) به مقصد میرود و متای سایت اصلی را برمیدارد. - کش: عنوان، توضیح و تصویر را ذخیره میکند و دفعات بعد همان کارت را نشان میدهد — حتی اگر شما متا را عوض کرده باشید.
کاربر انسانی در هر دو حالت معمولاً مستقیم به مقصد میرود. مشکل کارت از مسیر ربات است، نه از مسیر کلیک کاربر.
دو مسیر رایج بعد از رسیدن ربات به لینک کوتاه:
- پیشنمایش سفارشی روشن: سرور کوتاهکننده همانجا متای OG (عنوان، توضیح، تصویر) را برمیگرداند؛ ربات کارت را از لینک کوتاه میسازد.
- پیشنمایش خاموش: ربات با ریدایرکت
302به مقصد میرود و متای سایت اصلی را میخواند — اگر پلتفرم ریدایرکت را درست دنبال کند.
در هر دو حالت، نتیجهٔ نهایی معمولاً در کش پلتفرم قفل میشود تا دوباره تازه شود.
چرا کارت خراب میشود؟
۱. متای مقصد ناقص یا اشتباه است
سایت مقصد og:title یا og:image ندارد، یا عنوان پیشفرض قالب وردپرس/فروشگاه را نشان میدهد. در مرورگر صفحه زیباست؛ برای ربات فقط HTML خام و متا مهم است.
۲. ریدایرکت کوتاهکننده و رفتار متفاوت پلتفرمها
اگر کوتاهکننده فقط ربات را با 302 به مقصد بفرستد، بعضی پلتفرمها متای مقصد را درست میگیرند و بعضی در مسیر ریدایرکت یا تایماوت گیر میکنند. وقتی پیشنمایش روی خود لینک کوتاه سرو شود، ربات دیگر مجبور نیست مقصد را دنبال کند تا کارت بسازد.
۳. تصویر کارت
| مشکل تصویر | پیامد |
|---|---|
| HTTP بهجای HTTPS | بسیاری از رباتها تصویر را رد میکنند |
| URL خصوصی، منقضی، یا پشت لاگین | عنوان میآید، تصویر نه |
| خیلی کوچک یا نسبت نامناسب | کارت بریده یا پیشفرض خالی |
| فایل خیلی بزرگ یا کند | تایماوت؛ کارت بدون تصویر |
اندازهٔ پیشنهادی رایج برای کارتها حدود ۱۲۰۰×۶۳۰ پیکسل است؛ تصویر باید روی هاست پایدار و عمومی باشد.
۴. کش پلتفرم
اولین باری که لینک را بدون تصویر یا با عنوان غلط فرستادید، تلگرام/لینکدین/X همان نسخه را نگه میدارند. بعد از اصلاح متا یا روشن کردن پیشنمایش سفارشی، تا کش را تازه نکنید کارت عوض نمیشود.
۵. اینستاگرام در برابر تلگرام
- تلگرام معمولاً کارت غنی (عنوان + توضیح + تصویر) برای لینکها میسازد؛ برای کانال و پست مهم است.
- اینستاگرام در بیو و بسیاری از نقاط، پیشنمایش غنی مثل تلگرام نشان نمیدهد؛ ارزش لینک کوتاه بیشتر کوتاهی، UTM و مقصد درست است. وقتی لینک اینستا جای دیگری (مثلاً در پیام یا لینکاینبیو بیرونی) اشتراک شود، همان منطق OG دوباره مهم میشود.
فرض نکنید «در اینستا کارت ندیدم پس OG خراب است» — گاهی پلتفرم اصلاً کارت غنی نشان نمیدهد.
۶. صفحهٔ لاگین، رمز، یا بلاک ربات
اگر مقصد پشت ورود، رمز عبور لینک، یا دیوار ربات باشد، خزنده متای واقعی را نمیبیند. کارت خالی یا عمومی میماند در حالی که شما با سشن لاگینشده صفحه را کامل میبینید.
مثالهای واقعی
۱. پست کانال تلگرام — قبل و بعد
قبل: لینک کوتاه بدون کنترل پیشنمایش؛ ربات به فروشگاه میرود و عنوان پیشفرض «فروشگاه آنلاین» و بدون تصویر کمپین را برمیدارد.
بعد: پیشنمایش سفارشی با عنوان کمپین، توضیح یکخطی و تصویر بنر ۱۲۰۰×۶۳۰. ربات همان را از لینک کوتاه میگیرد؛ در کانال کارت با برند شما دیده میشود.
برای گردشکار ساخت لینک در تلگرام، لینک کوتاه در تلگرام را ببینید.
۲. بیو و لینکاینبیو اینستاگرام
در خود اپ اینستاگرام اغلب کارت OG غنی نیست؛ باز هم:
- لینک کوتاه تمیز در بیو بگذارید
- با UTM منبع را
instagramو رسانه راbioکنید - پیشنمایش سفارشی را روشن کنید تا اگر همان لینک در تلگرام، واتساپ یا لینکدین فوروارد شد، کارت درست بماند
۳. لینکدین و X (توییتر)
این پلتفرمها به تصویر و عنوان حساساند و کش سرسختی دارند. بعد از عوض کردن تصویر، حتماً ابزار بازرس رسمی را بزنید (در بخش دنبالک فهرست شده). اگر عنوان عوض شد ولی تصویر نه، معمولاً URL تصویر برای ربات قابل دسترس نیست.
چکلیست قبل از اشتراک
- مقصد در مرورگر باز میشود و محتوای درست دارد.
- اگر به متای سایت تکیه میکنید،
og:title/og:imageروی مقصد درست است — یا پیشنمایش سفارشی را روشن کردهاید. - آدرس تصویر HTTPS، عمومی و پایدار است؛ ترجیحاً حدود ۱۲۰۰×۶۳۰.
- یکبار لینک را با
?bot=1(در دنبالک) یا بازرسی لینک چک کردهاید تا ببینید ربات چه میبیند. - اگر قبلاً همان URL را اشتراک گذاشته بودید، کش پلتفرم را تازه کردهاید.
- برای کمپین چاپی یا دیجیتال جدا، لینک و در صورت نیاز UTM جدا دارید تا آمار و پیام قاطی نشود.
اشتباهات پرهزینه
| اشتباه | پیامد | اصلاح |
|---|---|---|
| اعتماد فقط به ظاهر صفحه در مرورگر | کارت خالی در تلگرام | متا یا پیشنمایش سفارشی را برای ربات چک کنید |
| تصویر روی درایو خصوصی یا CDN موقتی | عنوان هست، تصویر نیست | هاست HTTPS پایدار |
| اشتراک قبل از تنظیم تصویر، بعداً فقط ویرایش | کش قدیمی میماند | ابزار validator / post inspector |
| یک لینک برای همهٔ کانالها بدون کنترل کارت | پیام برند در هر پلتفرم فرق میکند | پیشنمایش سفارشی + در صورت نیاز لینک جدا |
| فرض اینکه اینستاگرام همیشه کارت غنی میدهد | اتلاف وقت روی «رفع» بیمورد | محدودیت پلتفرم را بشناسید؛ روی UTM و CTR کلیک تمرکز کنید |
| صفحهٔ مقصد پشت لاگین برای ربات | کارت عمومی یا خالی | OG عمومی یا پیشنمایش روی لینک کوتاه |
محدودیتهای پیشنمایش
کش مال شما نیست. پلتفرم تصمیم میگیرد چه بکشند و تا کی نگه دارند؛ شما فقط میتوانید متا را درست کنید و ابزار رسمی را برای تازهسازی بزنید.
همهٔ اپها کارت غنی ندارند. بله و بعضی پیامرسانها ممکن است پیشنمایش محدود نشان دهند؛ ارزش لینک کوتاه آنجا بیشتر ردیابی و کوتاهی است تا کارت زیبا.
کنترل مطلق ندارید. حتی با OG عالی، پلتفرم ممکن است برش تصویر، محدودیت طول عنوان، یا فیلتر امنیتی اعمال کند.
در دنبالک
دنبالک میتواند عنوان، توضیحات و تصویر کارت را روی خود لینک کوتاه نگه دارد تا رباتها وابسته به متای مقصد یا مسیر ریدایرکت نباشند.
- در ساخت لینک مقصد را وارد کنید و پیشنمایش سفارشی را روشن کنید.
- عنوان (تا ۱۲۰ کاراکتر)، توضیحات (تا ۲۴۰) و آدرس تصویر را تنظیم کنید — تصویر در حالت روشن الزامی است؛ جزئیات در پیشنمایش سفارشی.
- با
?bot=1روی لینک کوتاه ببینید ربات چه صفحهای میگیرد؛ یا در بازرسی لینک بدون ثبت کلیک، مقصد و کارت را چک کنید (راهنما). - اگر کارت قدیمی است، کش را تازه کنید:
- X: cards-dev.x.com/validator
- LinkedIn: linkedin.com/post-inspector
- Facebook: developers.facebook.com/tools/debug
رفتار خلاصه: پیشنمایش خاموش → رباتها با 302 به مقصد میروند تا متای سایت را بخوانند؛ پیشنمایش روشن → رباتها عنوان، توضیح و تصویر را مستقیم از لینک کوتاه میگیرند. کاربران عادی در هر دو حالت به مقصد میروند.
برای کمپین تلگرام، لینک کوتاه در تلگرام را دنبال کنید. ساخت لینک: donl.ir.