این ابزار درست کار نمیکند؟
دربارهٔ ابزار «کارت پیشنمایش توییتر آنلاین»
این ابزار تگهای متای Twitter Card را برای صفحات وب شما میسازد، نحوه ظاهر شدن آنها هنگام اشتراکگذاری در Twitter/X را کنترل میکند. نوع کارت (summary، summary_large_image، app، player) را انتخاب کنید، عنوان، توضیحات، URL تصویر و سایر فیلدها را پر کنید، و ابزار تگهای متای HTML را برای چسباندن در head صفحه شما خروجی میدهد.
بدون نشانهگذاری Twitter Card، توییتهایی که حاوی URL شما هستند فقط لینک خام را نشان میدهند. با تگهای کارت مناسب، آنها یک پیشنمایش غنی با تصویر، عنوان و توضیحات نشان میدهند — نرخ کلیک را به طور چشمگیری افزایش میدهد.
کارتها را با تگهای OpenGraph (Facebook، LinkedIn) برای پوشش کامل رسانههای اجتماعی جفت کنید. اکثر فریمورکهای مدرن به شما اجازه میدهند این تگها را در هر صفحه تنظیم کنید؛ این ژنراتور به شما کمک میکند پیشنمایش کنید کارت قبل از استقرار چگونه به نظر میرسد.
چطور از این ابزار استفاده کنم؟
چطور meta tagهای Twitter Card برای یک صفحه را جمع کنم؟
نوع card را انتخاب کنید
«Card» بین `summary` (thumbnail کوچک) یا `summary_large_image` (hero image بزرگ) انتخاب میکند. برای اکثر blog postها و صفحات محصول، `summary_large_image` engagement بهتری میدهد؛ برای previewهای compact از `summary` استفاده کنید.
Title و description
«Title» باید زیر ۷۰ کاراکتر باشد (Twitter حدود ۷۰ truncate میکند)؛ «Description» زیر ۲۰۰. از فقط-emoji یا ALL-CAPS اجتناب کنید — هر دو میتوانند preview rendered را در clientهای مختلف ضربه بزنند.
Image URL
«Image URL» باید یک URL مطلق HTTPS باشد. برای `summary_large_image`، از ۱۲۰۰×۶۰۰ یا بزرگتر (و نسبت 2:1) استفاده کنید؛ تصاویر کوچکتر با blank space pad میشوند که بدتر از card پیشفرض no-image بهنظر میرسد.
«اجرا» را بزنید
خروجی یک فیلد `metaTags` با tagهای `<meta name="twitter:…">` آمادهٔ paste در `<head>` صفحهٔ شما. یک مجموعهٔ Open Graph (`og:`) هم برای Facebook و LinkedIn اضافه کنید — اکثر platformها وقتی Twitter Card غایب است به OG fall back میکنند.