📣 Open Graph ジェネレーター

SNS シェア用 Open Graph タグを生成。Facebook や LinkedIn でのリンク表示をプレビューし、og: メタタグを HTML ヘッドにコピーします。

og:title

og:description

og:url

og:image URL

og:type

og:site_name

og:locale

og:image:width

og:image:height

画像プレビュー

example.com

タイトル

説明

Open Graph ジェネレーターについて

Open Graph（OG）タグは Facebook・LinkedIn・Slack・Discord などでリンクをシェアした際の表示を制御します。このツールは og: メタタグ一式を構築し、ソーシャルカードのライブプレビューを提供します。タイトル・説明・URL・画像・タイプを入力し、生成された HTML をページの <head> にコピーしてください。

推奨画像サイズ

og:image には 1200×630 ピクセル（1.91:1 比）を推奨します。Facebook・LinkedIn・Twitter で最も互換性が高いサイズです。ファイルサイズは 8 MB 以下、JPG または PNG が最適です。

使い方

og:title を入力（簡潔に、約60文字以内）。
og:description を記述（約150〜160文字）。
og:url にカノニカル URL を設定。
og:image URL を追加（絶対 URL、公開アクセス可能）。
og:type を選択し、任意で site_name・locale・画像サイズを設定。
プレビュー更新をクリックし、HTML コピーで <head> に貼り付け。

よくある質問

画像が表示されないのはなぜ？ og:image URL は絶対 URL（https:// 含む）で公開アクセス可能である必要があります。一部プラットフォームは画像を数日キャッシュします。プラットフォームのシェアデバッガーで強制更新できます。

og:image:width と og:image:height は必要ですか？ 任意ですが推奨されます—プラットフォームが画像読み込み前にカードをレンダリングでき、レイアウトシフトを防げます。

og:title と <title> タグの違いは？ <title> はブラウザタブや検索結果に表示され、og:title はソーシャルシェアカードに特化して表示されます。コンテキストごとに最適化を変えられます。