Open Graph 图片预览 — 社交分享卡片测试
预览页面在 Facebook、Twitter/X、LinkedIn 和 Discord 上的分享效果，生成 og 标签。
Social Previews
Generated Meta Tags
<meta property="og:title" content="My Awesome Website" /> <meta property="og:description" content="Discover the best tools and resources for developers. Build faster, ship smarter." /> <meta property="og:image" content="https://via.placeholder.com/1200x630/1a1a2e/e2e8f0?text=OG+Image+Preview" /> <meta property="og:url" content="https://example.com" /> <meta property="og:site_name" content="Example Site" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="My Awesome Website" /> <meta name="twitter:description" content="Discover the best tools and resources for developers. Build faster, ship smarter." /> <meta name="twitter:image" content="https://via.placeholder.com/1200x630/1a1a2e/e2e8f0?text=OG+Image+Preview" />
How to Use
- Enter your page title, description, and image URL
- Set your site name and page URL
- Preview cards for each platform
- Copy the generated meta tags
Use Cases
- Testing social share appearance
- Optimizing click-through rates
- Generating Open Graph meta tags
- Previewing Discord embeds