OGP チェッカーの使い方
- シェアしたい URL を入力して「チェック」を押します。
- 「シェアプレビュー」で SNS に表示されるカードを確認します。
- OGP と X Card の表で各タグの値を確認し、黄色・赤の項目を追加します。
- サイトを修正したら、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 でも同じ問題が起こります。