۱پیش‌نمایش لینک از کجا می‌آید؟

وقتی لینکی در تلگرام یا واتساپ فرستاده می‌شود، سرور آن برنامه صفحه را باز می‌کند و بخش بالای کد HTML را می‌خواند. چیزی که در پیش‌نمایش می‌بینید، عنوان، توضیح و تصویری است که سایت از قبل در قالب تگ‌های مخصوص تعریف کرده.

این تگ‌ها بخشی از پروتکلی به نام Open Graph هستند که ابتدا برای اشتراک‌گذاری در شبکه‌های اجتماعی ساخته شد و حالا تقریباً همهٔ پیام‌رسان‌ها از آن استفاده می‌کنند.

۲تگ‌های ضروری Open Graph کدام‌اند؟

چهار تگ پایه برای پیش‌نمایش درست لازم است: عنوان، توضیح، تصویر و آدرس اصلی صفحه، که در کد با نام‌های og:title، og:description، og:image و og:url نوشته می‌شوند. نبود هرکدام باعث می‌شود پیام‌رسان یا چیزی نشان ندهد یا از متن تصادفی صفحه حدس بزند.

برای مثال، اگر تگ تصویر نباشد، پیش‌نمایش بدون عکس می‌ماند و اگر تگ عنوان نباشد، معمولاً از عنوان عمومی صفحه یا حتی نام دامنه استفاده می‌شود که برای صفحات داخلی سایت اصلاً جذاب نیست.

۳مشکل تصویر: اندازه، فرمت و آدرس نادرست

رایج‌ترین دلیل پیش‌نمایش بدون تصویر، تصویر نامناسب است: آدرس نسبی به‌جای آدرس کامل با https، فایل خیلی سنگین، فرمتی که پیام‌رسان پشتیبانی نمی‌کند، یا تصویری که برای ربات پیام‌رسان قابل‌دسترس نیست.

تصویر پیش‌نمایش بهتر است افقی، با نسبتی تقریباً دو به یک، و به‌اندازهٔ کافی بزرگ باشد ولی حجمش سبک بماند؛ تصویری که برای گوشی کوچک است، معمولاً به‌صورت مربع کوچک و کم‌کیفیت نمایش داده می‌شود.

۴وقتی ربات پیام‌رسان اجازهٔ دیدن صفحه را ندارد

بعضی سایت‌ها با فایروال، Cloudflare یا افزونهٔ امنیتی، ربات‌های ناشناس را مسدود می‌کنند؛ اگر ربات تلگرام یا واتساپ هم مسدود شود، هرگز نمی‌تواند تگ‌ها را بخواند و پیش‌نمایشی ساخته نمی‌شود.

همین‌طور اگر صفحه پشت ورود کاربر باشد یا خیلی دیر باز شود، ربات معمولاً چند ثانیه بیشتر صبر نمی‌کند و پیش‌نمایش خالی می‌ماند.

۵پیش‌نمایش قدیمی در کش مانده است

پیام‌رسان‌ها پیش‌نمایش هر لینک را برای مدتی ذخیره می‌کنند تا هر بار دوباره صفحه را باز نکنند. یعنی حتی بعد از درست‌کردن تگ‌ها، همان لینک ممکن است هنوز پیش‌نمایش قدیمی و زشت را نشان بدهد.

برای دیدن نتیجهٔ اصلاح، معمولاً باید کش آن برنامه به‌روزرسانی شود؛ در تلگرام ربات رسمی WebpageBot برای همین کار وجود دارد، و در واتساپ گاهی فرستادن لینک با یک پارامتر جدید در انتهای آدرس، پیش‌نمایش تازه می‌سازد.

۶عنوان و توضیح: چرا متن پیش‌نمایش اشتباه است؟

اگر عنوان یا توضیح پیش‌نمایش با محتوای واقعی صفحه نمی‌خواند، معمولاً یک قالب یا افزونهٔ سئو مقدار پیش‌فرض یکسانی برای همهٔ صفحات تعریف کرده و تگ‌های اختصاصی هر صفحه ثبت نشده است.

نتیجه این است که مثلاً هر مقالهٔ سایت با همان عنوان و توضیح صفحهٔ اصلی به اشتراک گذاشته می‌شود؛ هر صفحه باید تگ‌های مخصوص خودش را داشته باشد.

۷این مشکل چه ربطی به سئو دارد؟

تگ‌های Open Graph مستقیم سیگنال رتبه‌بندی گوگل نیستند؛ کارشان فقط ساختن پیش‌نمایش در شبکه‌های اجتماعی و پیام‌رسان‌هاست.

اما پیش‌نمایش جذاب نرخ کلیک لینک‌های به‌اشتراک‌گذاشته‌شده را بالا می‌برد، و در فضایی که لینک‌ها زیاد از طریق پیام‌رسان‌ها دست‌به‌دست می‌شوند، یک عامل واقعی برای جذب بازدید است.

۸چطور در چند دقیقه تگ‌های سایتتان را بررسی کنید

ساده‌ترین راه دستی این است که لینک صفحه را برای خودتان در تلگرام بفرستید و ببینید پیش‌نمایش چه شکلی است. برای دیدن دلیل دقیق، باید کد صفحه را باز کنید و وجود چهار تگ ضروری را جست‌وجو کنید.

بهترین راه، یک اسکن خودکار است که تگ‌های Open Graph و کارت توییتر همهٔ صفحات مهم را یک‌جا می‌خواند و می‌گوید کدام صفحه‌ها ناقص‌اند.

بهترین راه دیدن اینکه کدام صفحه‌های سایت شما تگ‌های پیش‌نمایش ناقص دارند، یک آنالیز آنلاین سئو سایت است که Open Graph و کارت توییتر سایت شما را رایگان و یک‌جا بررسی می‌کند.

✓
جمع‌بندی

پیش‌نمایش زشت لینک تقریباً همیشه از چند تگ ناقص یا یک تصویر نامناسب می‌آید، نه از مشکل جدی سایت؛ و رفعش هم معمولاً ساده است. فقط یادتان باشد بعد از اصلاح، پیش‌نمایش قدیمی ممکن است در کش برنامه بماند و باید به‌روزرسانی شود.

؟
سؤالات متداول
در عمل هر دو عمدتاً تگ‌های Open Graph را می‌خوانند، پس تنظیم درست همین تگ‌ها برای هر دو کافی است؛ فقط جزئیاتی مثل اندازهٔ تصویر و مدت نگهداری کش ممکن است بین برنامه‌ها کمی فرق کند.
چون پیام‌رسان‌ها پیش‌نمایش را کش می‌کنند؛ باید کش آن لینک به‌روزرسانی شود یا لینک را با یک پارامتر تازه در انتها بفرستید تا به‌عنوان آدرس جدید دیده شود.
بهتر است بله؛ تصویر اختصاصی هر مقاله یا محصول پیش‌نمایش را جذاب‌تر می‌کند، اما اگر ندارید، یک تصویر عمومی و باکیفیت از برند بهتر از نبود کامل تصویر است.
↗
منابع
امتیاز شما به این مقاله؟