مولد تگ OGP (خروجی خودکار og:title/og:image و غیره)
آدرس URL، عنوان، توضیحات و آدرس تصویر را وارد کنید. تگهای متای Open Graph و Twitter Card را با هم بسازید.
دریافت اطلاعات مستقیماً در مرورگر شما انجام میشود (محدودیتهای CORS اعمال میشود).
ورودی
۱) اطلاعات اصلی
وبسایت یا مقاله را انتخاب کنید.
۲) Twitter Card
قابل جمع شدن / به طور پیشفرض روشن
شامل تگهای Twitter Card
- • اگر twitter:title خالی باشد، از og:title استفاده میشود.
- • اگر twitter:description خالی باشد، از og:description استفاده میشود.
- • اگر twitter:image خالی باشد، از og:image استفاده میشود.
۳) پیشرفته
فقط در صورت نیاز به تنظیمات دقیق باز کنید.
متن جایگزین برای دسترسیپذیری. حداکثر ۴۲۰ کاراکتر.
افزودن عرض و ارتفاع میتواند به خزندهها در رندر سریعتر کمک کند.
در صورت نیاز از فرمت ISO 8601 استفاده کنید.
تگهای متای تولید شده
پیشنمایش
تنظیمات
نحوه استفاده / مثالها
- آدرس، عنوان، توضیحات و آدرس تصویر را وارد کنید.
- نوع صفحه و تنظیمات توییتر را (در صورت نیاز) انتخاب کنید.
- تگهای تولید شده را کپی و در بخش <head> کد سایت خود قرار دهید.
آدرس + عنوان + تصویر را وارد کنید، سپس مجموعه پیشنهادی را کپی کنید.
نکات و ترفندها
تگ OGP چیست؟
پروتکل Open Graph به پلتفرمهای اجتماعی اجازه میدهد عنوان، توضیحات و تصویر صفحه شما را بخوانند.
با تنظیم این تگها، کنترل میکنید که لینکهای به اشتراک گذاشته شده شما چگونه دیده شوند.
کارتهای توییتر (X) از متادیتای مشابهی استفاده میکنند.
راهنمای اندازه تصویر (برای پایداری پیشنمایش)
- • حداقل ۲۰۰×۲۰۰ پیکسل.
- • برای نمایش بهتر، ۱۲۰۰×۶۳۰ یا بزرگتر؛ حداقل ۶۰۰×۳۱۵ پیشنهاد میشود.
- • نسبت نزدیک به ۱.۹۱:۱ به جلوگیری از برش خوردن تصویر کمک میکند.
- • حجم فایل بهتر است ۸ مگابایت یا کمتر باشد.
- • حالت بزرگ از نسبت ۲:۱ پشتیبانی میکند؛ حداقل ۳۰۰×۱۵۷، حداکثر ۴۰۹۶×۴۰۹۶.
- • حجم فایل زیر ۵ مگابایت و فرمتهای رایج (JPG/PNG/WEBP/GIF) پیشنهاد میشود.
وقتی تغییرات نمایش داده نمیشوند (کش و بازخوانی)
- • خزندههای شبکه اجتماعی دادههای OG را کش میکنند. از ابزارهای دیباگر هر پلتفرم برای بازخوانی (Re-fetch) استفاده کنید.
- • اگر تصویر را جایگزین کردید اما آپدیت نمیشود، خودِ آدرس تصویر ممکن است کش شده باشد؛ نام فایل را تغییر دهید.
- • افزودن عرض و ارتفاع به تگ og:image میتواند به پایداری رندر کمک کند.
سؤالات متداول
آیا تگهای توییتر را هم اضافه کنم؟
بله، بهتر است هر دو تولید شوند. شبکه X میتواند از تگهای OG به عنوان جایگزین استفاده کند، اما تگهای اختصاصی نتیجه بهتری دارند.
اندازه پیشنهادی تصویر چقدر است؟
طبق راهنمای متا، ۱۲۰۰×۶۳۰ پیکسل با نسبت ۱.۹۱:۱ بهترین حالت است. برای X نسبت ۲:۱ ایدهآل است.
پیشنمایش آپدیت نمیشود
معمولاً مشکل از کش است. از ابزارهای دیباگر رسمی برای بازخوانی اطلاعات استفاده کنید.