OGP・Twitter カード メタタグジェネレーター

動作のしくみ

• 短いキーで十分です。title、description、url、image、image:alt、site_name、type、locale のほか、og:、article:、twitter: のプロパティは仕様どおりの綴りでそのまま追加できます。
• og:type の既定値は website、canonical リンクの既定値は url の行で、ja-jp や en-US のように入力したロケールは Open Graph が求める ja_JP や en_US に書き換えられます。
• X 向けには既定で twitter:card だけを追加します。X は og:title、og:description、og:image にフォールバックするためです。画像がある場合、カードは summary_large_image になります。
• タイトルと説明の幅では、CJK の文字を 2 として数えます。Google はピクセル幅で切り詰め、日本語や中国語の文字はラテン文字の約 2 倍の幅があるからです。

よくある質問

タイトルと説明はどのくらいの長さにすべきですか？

Google はタイトルをおよそ 600 ピクセル、ラテン文字で約 60 文字、全角文字で約 30 文字で切り、説明は 155〜160 文字前後で切ります。これは目安であって上限ではありません。長くてもインデックスはされ、末尾が省略記号になるだけです。SNS はそれぞれ独自の、たいていはもっと余裕のある切り詰め方をします。

og:image の画像サイズはどのくらいがよいですか？

1200×630 ピクセル（1.91:1）が Facebook と LinkedIn の推奨サイズで、X の大きなカードにも合います。絶対 https URL を使い、ファイルは数 MB 未満に抑え、og:image:width と og:image:height を指定すれば、最初の共有でも画像のダウンロードを待たずにカードが表示されます。

タグを変えたのに古いプレビューが表示されます。なぜですか？

どのプラットフォームも取得したプレビューをキャッシュしています。Facebook のシェアデバッガーと LinkedIn の Post Inspector では再取得を強制できます。ほかのプラットフォームでは、共有する URL に ?v=2 のようなクエリ文字列を付けると新しいリンクとして扱われます。

twitter: タグはまだ必要ですか？

必須なのは twitter:card だけです。対応する twitter: タグがなければ、X はタイトル、説明、画像を og: の値から読み取ります。カードにクレジットを表示したい場合は twitter:site（サイトの @ハンドル）と twitter:creator（著者のもの）を追加してください。@ なしで入力したハンドルには自動で @ が付きます。

別の呼び方

• OGP 設定
• OGP タグ 生成
• Open Graph ジェネレーター
• Twitter カード 設定
• メタタグ 生成
• og:image サイズ