例:
URL を入力して「チェック」を押してください
URL を入力して「チェック」を押すと、シェアカードのプレビューが表示されます

OGP チェッカーの使い方

  1. シェアしたい URL を入力して「チェック」を押します。
  2. 「シェアプレビュー」で SNS に表示されるカードを確認します。
  3. OGP と X Card の表で各タグの値を確認し、黄色・赤の項目を追加します。
  4. サイトを修正したら、Facebook のシェアデバッガーで「再スクレイピング」してキャッシュを更新しましょう。

使用例

最低限の OGP 設定

入力
https://example.com/post/123
出力
<meta property="og:title" content="記事のタイトル">
<meta property="og:description" content="1 行の要約">
<meta property="og:image" content="https://example.com/og/123.png">
<meta property="og:url" content="https://example.com/post/123">
<meta property="og:type" content="article">
<meta name="twitter:card" content="summary_large_image">

仕様とポイント

チェックするタグog:title、og:description、og:image、og:url、og:type、og:site_name、og:locale、twitter:card / title / description / image
画像チェックog:image を実際に読み込み、ピクセルサイズを表示
推奨サイズ1200 × 630 px(1.91:1)、最低 600 × 315
読み込み範囲リダイレクトを追跡し、最終ページの先頭 512 KB を解析
制限JavaScript は実行しません。公開 URL のみ
料金無料・登録不要

よくある質問

og:image を変えたのに古い画像が表示されます

SNS はシェア情報をキャッシュしています。Facebook のシェアデバッガーで URL を入力して「もう一度スクレイピング」を押してください。LINE などは URL に ?v=2 のようなパラメータを付けると更新されます。

og:image は絶対 URL でないといけませんか?

はい。https:// から始まる完全な URL を指定してください。相対パスは多くのプラットフォームで表示されません。

シェア画像の推奨サイズは?

1200 × 630 px(1.91:1)なら X、Facebook、LINE、Discord で共通して使えます。ファイルは 5 MB 未満の JPG か PNG にしましょう。

画像が「読み込めない」と表示されるのは?

画像 URL の誤り、外部からの直接参照を禁止する設定(直リンク禁止)、ログインが必要な画像などが考えられます。SNS でも同じ問題が起こります。