OGP生成ツール（Open Graph）
リンクが共有されると、Facebook、LinkedIn、WhatsApp、Slack、Xは、ページのOpen Graphタグからプレビューカードを作ります。タイトル、ディスクリプション、画像を入力し、表示されるカードを確認してタグをコピーしましょう。画像がない場合や小さすぎる場合は警告が出ます。
既存のHTMLから読み込む
Googleでは約600pxで省略されます
Googleでは約920pxで省略されます
理想：1200 × 630 px
その他のオプション：作成者、テーマカラー、robots
Facebook · LinkedIn · WhatsApp
X (Twitter)
<head>用のHTML
使い方
- ページのタイトル、ディスクリプション、完全なURLを入力します。
- 共有用画像のURLを貼り付け（1200 × 630ピクセルが理想です）、FacebookとXのプレビューを確認します。
- タグをページの<head>にコピーします。公開後は、各SNSの共有デバッガーを使ってキャッシュを更新してください。
よくある質問
og:imageのサイズはどのくらいにすればよいですか？
1200 × 630ピクセル（比率1.91:1）にしてください。FacebookとLinkedInが大きいカードに推奨するサイズです。Xでは大きいカードが2:1にトリミングされます。重要な文字は端から離し、https://から始まる完全なURLを使いましょう。
Twitter（X）用のタグは別に必要ですか？
必要なのはtwitter:cardだけです。Xは専用タグがない場合、og:title、og:description、og:imageを読み取ります。そのためこのツールは、カードの種類と、必要に応じて@ユーザー名だけを追加します。
タグを変更したのに、古いプレビューのままです。なぜですか？
SNSはカードを数日間キャッシュします。FacebookのシェアデバッガーまたはLinkedInのPost Inspectorを開き、URLを貼り付けてページの再取得を実行してください。
🏷️ メタタグ生成ツール
🔗 UTMリンク作成ツール
🌈 CSSグラデーション生成ツール
🔲 CSSボックスシャドウ生成ツール