Open Graphジェネレーター
SNSのプレビューを改善するためのOpen Graphメタタグを生成します。
設定
生成されたタグ
おすすめのツール
役に立つかもしれない厳選されたツール
Creating Open Graph Tags for Social Sharing
概要
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.
使い方（ステップ）
- 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.
仕組み
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.
こんなときに使う
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.
よくある質問
1200×630 pixels (a 1.91:1 ratio) is the standard that renders well on Facebook, LinkedIn, and most platforms.