文章・Web
OGPシミュレーター
タイトル・説明・画像を入力し、Xや一般的なSNSカードの見え方を確認します。
OGPカードをプレビュー
一般的なSNSの表示比率を目安として再現します。実際の表示はサービスごとに異なります。
1200 × 630 推奨
example.comページタイトルを入力してください
ページの内容が伝わる説明文を入力すると、SNSでシェアされたときの表示を確認できます。
example.comページタイトルを入力してくださいページの内容が伝わる説明文を入力すると、SNSでシェアされたときの表示を確認できます。
OGPシミュレーターを正しく使うために
ページタイトル・説明文・URL・画像URLを入力し、SNSやチャットでリンクが共有されたときのカード表示を確認します。横長カードとコンパクトカードを並べて、文字の収まりや画像の印象を調整できます。
OGPシミュレーターの使い方
- 01
公開予定ページのタイトル、説明文、URLを入力します。
- 02
OGP画像がある場合は外部から取得できる画像URLを入力します。
- 03
2種類のプレビューを見ながら、重要な文言が前半に収まるよう調整します。
確認できること
- 横長カード
- 1200×630px相当の画像比率を中心に、タイトルと説明文を表示します。
- コンパクトカード
- 画像を小さく置く共有画面を想定し、狭い幅での見え方を確認します。
- 文字数表示
- タイトルと説明文の現在の文字数を入力中に確認できます。
計算・処理の仕組み
入力した情報を一般的なリンクカードの比率へ当てはめて表示します。画像を指定しない場合は推奨サイズのプレースホルダーを表示し、URLからホスト名だけを抽出します。