Open Graph生成器
建立Open Graph元標籤,改善社交媒體預覽效果。
配置
生成的標籤
推薦工具
精心挑選的實用工具
Creating Open Graph Tags for Social Sharing
Overview
Open Graph (OG) tags control how your link looks when shared on Facebook, LinkedIn, Slack, and other platforms — the headline, description, and preview image of the card. Well-set OG tags dramatically improve how shared links appear and how often they get clicked. This generator outputs the tags ready to paste.
How to Use (Step by Step)
- 1
Enter title, description, and URL
These become the card's headline, summary, and link.
- 2
Add an image URL
Use a 1200×630 image for the best-looking preview.
- 3
Paste the tags into your head
Add the generated og: tags inside your page's head section.
How It Works
When someone shares your URL, the platform's crawler reads the og: meta tags in your page head to build the preview card. The tool produces og:title, og:description, og:image, og:url, and og:type from your inputs, plus optional Twitter Card tags. The image is the most impactful — a 1200×630 image renders crisply across platforms.
When to Use This
Making a blog post or product page look polished when shared. Fixing a link that shows no image or wrong text on social media. Setting up consistent previews across a whole site.
Frequently Asked Questions
1200×630 pixels (a 1.91:1 ratio) is the standard that renders well on Facebook, LinkedIn, and most platforms.