OGメタタグ生成
URL·タイトル·説明·画像を入力すると、Open Graph·Twitter Cardメタタグが生成され、LINE·Facebook·Xのプレビューカードで即時確認できます。
0 / 60
0 / 160
推奨: 1200×630、5MB以下
プレビュー
メタタグ (HTML)
使い方
1
基本情報を入力
URL、タイトル、説明、画像URL、サイト名を入力してください。日本語入力にも対応。
2
プレビュー確認
LINE·Facebook·X(Twitter)のカードプレビューで実際の共有時の表示をビジュアル確認。文字数制限も色で案内。
3
メタタグをコピー
<head>に貼り付けるOG·Twitter Cardメタタグが生成されます。ワンクリックでコピー可能。
よくある質問
LINE·カカオトークのプレビューはFacebookと同じ？
LINEもKakaoTalkもOpen Graph標準に従いog:title·og:description·og:imageをそのまま利用します。ただしキャッシュ更新が遅いため、変更後は各社のキャッシュリセットが必要です。
タイトル·説明の文字数制限は？
タイトルは60文字、説明は160文字が一般的な推奨値です。それ以上はプレビューで切れたりSEOに不利になる場合があります。本ツールは色で限度を表示します。
og:imageの推奨サイズは？
横1200×縦630 (1.91:1)がFacebook·LINE·Xすべてに安全。最小600×314、5MB以下のPNG/JPGが推奨。
twitter:cardは何を選ぶ？
大きな画像ならsummary_large_image、小さな正方形画像ならsummary。本ツールは初期値でsummary_large_imageを推奨します。
サーバーに送信されますか？
いいえ。すべてのメタタグ生成はブラウザ内で行われ、入力値が外部に送信されることはありません。
