Meta Sharing Debugger
https://developers.facebook.com/tools/debug/بازواکاوی کنید و نتیجه تجزیه Open Graph را برای پلتفرمهای Meta بررسی کنید.
مولد تگ OGP (خروجی خودکار برای og:title، og:image و بیشتر)
URL، عنوان، توضیح و URL تصویر را وارد کنید. تگهای Open Graph و Twitter Card را در یک محل تولید کنید.
آماده برای کپی و جایگذاری
پیشنمایش داخلی
راهنمای تصویر و کش
روش استفاده
- ابزار را باز کنید و canonical URL، عنوان و URL تصویر را وارد کنید.
- در صورت نیاز توضیح، نام سایت و تنظیمات Twitter را اضافه کنید.
- تگهای meta تولیدشده را کپی کنید و در head صفحه خود قرار دهید.
- پیشنمایش و اعلانها را بررسی کنید، سپس در صورت نیاز نسبت تصویر یا راهبرد کش را تنظیم کنید.
OGP چیست؟
Open Graph Protocol (OGP) فرادادهای است که پلتفرمهای اجتماعی و برنامههای چت برای نمایش پیشنمایش لینک از آن استفاده میکنند.
با تنظیم og:title، og:description، og:image و تگهای مرتبط، میتوانید بر نحوه نمایش URLهای اشتراکگذاریشده اثر بگذارید.
ترکیب OGP با تگهای Twitter Card کمک میکند رفتار پیشنمایش در پلتفرمهای مختلف یکدستتر شود.
راهنمای اندازه تصویر (برای نمایش پایدارتر پیشنمایش)
راهنمای پلتفرمهای Meta (مرجع)
- حداقل مرجع: 200×200.
- معمولاً پایدار: 1200×630 یا بزرگتر، و دستکم 600×315.
- نسبت تصویر هدف حدود 1.91:1.
- راهنمای اندازه فایل تصویر شامل 8MB یا کمتر است.
راهنمای کارت X (مرجع)
- summary_large_image معمولاً نسبت تقریبی 2:1 را هدف میگیرد.
- بازه مرجع: حداقل 300×157 و حداکثر 4096×4096.
- راهنمای اندازه فایل شامل کمتر از 5MB است.
- در صورت پشتیبانی از JPG/PNG/WEBP/GIF استفاده کنید.
وقتی تغییرات نمایش داده نمیشوند (کش و بازواکاوی)
- خزندههای اجتماعی ممکن است فراداده دریافتشده را کش کنند. از debugger/inspector هر پلتفرم برای درخواست بازواکاوی استفاده کنید.
- اگر جایگزینی تصویر نمایش داده نشد، تغییر URL تصویر میتواند کمک کند (بهروزرسانی نام فایل یا query string).
- تنظیم og:image:width و og:image:height ممکن است در برخی موارد پایداری نمایش را بهتر کند.
LinkedIn Post Inspector
https://www.linkedin.com/post-inspector/داده پیشنمایش URL را در LinkedIn تازهسازی و بررسی کنید.
X Card Validator
https://cards-dev.twitter.com/validatorفراداده کارت X را بررسی کنید و در صورت امکان دریافت کارت را دوباره اجرا کنید.
پرسشهای متداول
آیا این ابزار میتواند تگهای Twitter Card را هم تولید کند؟
بله. میتواند twitter:card و تگهای مرتبط را با هم خروجی بدهد. حالت حداقلی نیز در دسترس است.
چه اندازه تصویری باید استفاده کنم؟
از راهنمای عملی متناسب با مقصد استفاده کنید. پیشنمایشهای متمرکز بر Meta اغلب از نسبت حدود 1.91:1 (مثلاً 1200×630) و X summary_large_image معمولاً از نسبت حدود 2:1 (مثلاً 1200×600) استفاده میکند.
چرا تغییرات منعکس نمیشوند؟
در بیشتر موارد مشکل مربوط به کش است. از ابزارهای هر پلتفرم برای بازواکاوی استفاده کنید و پس از جایگزینی تصویر، تغییر URL تصویر را هم در نظر بگیرید.