تگ‌های اصلی
<meta property="og:title" content="Open Graph چیست؟">
<meta property="og:description" content="کنترل پیش‌نمایش لینک در شبکه‌های اجتماعی">
<meta property="og:image" content="https://example.com/cover.jpg">
<meta property="og:url" content="https://example.com/seo-glossary/open-graph/">
<meta property="og:type" content="article">ایکس (توییتر) علاوه بر این، تگ‌های twitter:card هم دارد؛ اما اگر نباشند، معمولاً از تگ‌های Open Graph استفاده می‌کند.
ابزار رایگان: با ابزار ساخت متاتگ و Open Graph پیش‌نمایش لینک صفحه را در تلگرام، گوگل و ایکس ببینید و کد آماده بگیرید.
تصویر پیش‌نمایش
- اندازه‌ی رایج: ۱۲۰۰ در ۶۳۰ پیکسل (نسبت تقریبی ۱.۹ به ۱).
- متن مهم را وسط تصویر بگذارید؛ برخی پلتفرم‌ها لبه‌ها را می‌بُرند.
- حجم سبک و آدرس کامل (با https) داشته باشد.
تصاویر شاخص همین واژه‌نامه با همین منطق ساخته شده‌اند و به‌عنوان og:image هر صفحه استفاده می‌شوند.
در وردپرس
Yoast به‌طور خودکار تگ‌های Open Graph را از عنوان سئو، توضیحات متا و تصویر شاخص می‌سازد. در تب «اجتماعی» هر نوشته هم می‌توانید عنوان، توضیح و تصویر جداگانه برای شبکه‌های اجتماعی تعیین کنید.
پیش‌نمایش در تلگرام به‌روز نمی‌شود؟
تلگرام پیش‌نمایش لینک‌ها را ذخیره می‌کند. اگر تصویر یا عنوان را تغییر دادید، لینک را برای ربات رسمی @WebpageBot در تلگرام بفرستید تا پیش‌نمایش دوباره خوانده شود. فیسبوک و لینکدین هم ابزارهای «Sharing Debugger» و «Post Inspector» دارند.
اشتباه‌های رایج
- نبودن og:image و نمایش تصویر تصادفی یا لوگوی کوچک.
- تصویر با آدرس نسبی (بدون دامنه).
- تگ‌های تکراری از دو افزونه که با هم تناقض دارند.