مولد کارت توئیتر Open GraphName

Open Graph (og:) پروتکل مشترکی است که فیس‌بوک، لینکدین، اسلاک، واتس‌اپ، پینترست و بیشتر پلتفرم‌ها برای ساختن پیش‌نمایش لینک از آن استفاده می‌کنند. Twitter Card (twitter:) واژگان خود ایکس است که طرح کارت را کنترل می‌کند - برای مثال summary vs summary_large_image. آن‌ها به شدت همپوشانی دارند: عنوان، توصیف و تصویر می‌توانند از برچسب‌های og: بیایند. برچسب‌های خاص توییتر فقط چیزی را اضافه می‌کنند که og: نمی‌تواند بیان کند، مانند سبک کارت و دستگیره @site.

از ۱۲۰۰×۶۳۰ پیکسل (یک نسبت ۱٫۹۱:۱) برای کارت بزرگی که فیس‌بوک، لینکدین و X summary_large_image همگی از آن استفاده می‌کنند استفاده کنید — که بدون بریدن قاب را پر می‌کند. پرونده را زیر ۵ مگابایت نگه دارید و آن را در یک نشانی وب https مطلق ارائه دهید، زیرا پلتفرم‌ها تصویر نسبی یا HTTP را به صورت قابل اعتماد دریافت نمی‌کنند. حداقل اندازه‌ای که فیس‌بوک قبول می‌کند ۲۰۰×۲۰۰ است، اما تصاویر کوچک به جای کارت قهرمان به عنوان یک thumbnail کوچک نمایش داده می‌شوند.

هر پلتفرم نسخه اول کارت شما را که گاهی اوقات برای هفته‌ها ، نهان‌سازی می‌کند ، پس عنوان‌ها و تصاویر قدیمی پس از اصلاح برچسب‌ها باقی می‌مانند. مجبور کردن به یک بازنگری: نشانی وب را به اشکال‌زدایی اشتراک‌گذاری فیس‌بوک بچسبانید و دوباره بر روی پاک‌سازی فشار دهید ، از بازرس پست LinkedIn استفاده کنید ، و پیوند را یک بار در X برای بازنگری نهان‌سازی آن به اشتراک بگذارید. تأیید کنید که برچسب‌ها در واقع در سرآیند HTML ارائه شده هستند و بعداً توسط جاوااسکریپت تزریق نشده‌اند ، که بیشتر ناباورها اجرا نمی‌شوند.

نه کاملاً. وقتی یک برچسب توییتر وجود ندارد، X به برچسب Open Graph متناظر با آن برمی‌گردد - og:title، og:description و og:image بیشتر کارت را پوشش می‌دهند. بنابراین حداقل عملی مجموعه کاملی از برچسب‌های og: به علاوه twitter:card برای انتخاب طرح و twitter:site برای ارجاع است. اضافه کردن برچسب‌های og: همچنین به این معنی است که پیش‌نمایش مشابهی در فیسبوک، لینکدین، اسلاک و هر جای دیگر کار می‌کند، بنابراین با og: شروع کنید و فقط دسته کوچکی از برچسب‌های twitter: را که og: نمی‌تواند بیان کند، اضافه کنید.