Open Graph 生成ツール
SNS のプレビューを見ながら Open Graph と X カードのタグを作成します。
Open Graph 生成ツールについて
Open Graph タグは、Facebook、LinkedIn、WhatsApp、Slack、Discord、iMessage など多くのアプリでリンクが共有されたときの見た目を決めます。X（Twitter）はさらに独自のカードタグを使います。明確なタイトル、短い説明文、印象的な 1200 × 630 の画像があれば、リンクはずっとクリックされやすくなります。
項目を入力するとタグ一式が生成され、入力しながらプレビューを確認できます。コードをページの <head> に貼り付けたら、当サイトの Open Graph チェッカーで公開ページでの動作を確認してください。
よくある質問
og:image の最適なサイズは？
1200 × 630 ピクセル（1.91:1）ならどの SNS でも使えます。5 MB 以下にし、小さすぎる文字は避けましょう。
Open Graph と Twitter のタグは両方必要ですか？
X はタイトル、説明文、画像に Open Graph を代用するため、最低限 twitter:card を追加して大きな画像のレイアウトを選びましょう。
プレビューが更新されないのはなぜですか？
SNS はプレビューをキャッシュしています。Facebook のシェアデバッガーや LinkedIn の Post Inspector で更新してください。