OGP確認ツール
ページのURLを入れるだけで、SNSでシェアされたときの見え方と、OGPの設定の過不足を確認できます。OGP画像もそのまま保存できます。
無料・登録不要・X/Facebook/LINE/Slackの見え方・OGP画像の保存
ページのURLを貼ると、SNSでの見え方と設定の過不足がわかります
使い方
- 1
URLをコピー
確認したいページを開き、アドレスバーのURLをコピーします。
- 2
URLを貼り付けて確認
入力欄に貼り付けて「OGPを確認」を押します。
- 3
見え方と設定を確かめる
SNSでの見え方とチェック結果を見て、必要なら設定例をコピーして直します。
設定を直したら、もう一度確認しましょう
OGPとは
SNSでシェアされたときの見え方を決める設定です。
OGP(Open Graph Protocol)は、ページがSNSやチャットでシェアされたときに表示されるタイトル・説明・画像を指定するための設定です。HTMLの head に meta タグとして書きます。
OGPが無いと、SNSは本文から適当な文章や画像を拾うため、意図しない見え方になります。
OGP画像の推奨サイズ
迷ったら 1200×630 のPNGかJPEGにします。
| 項目 | 目安 |
|---|---|
| 大きさ | 1200×630 以上 |
| 縦横比 | 1.91:1 |
| 容量 | 5MB以下(Xの上限) |
| 形式 | PNG・JPEG(多くのサービスで確実に表示される形式です) |
文字やロゴは、上下左右が少し切れても読めるよう、画像の中央寄りに置くと安心です。
OGPの設定例
head の中に、この6〜7行を入れるのが基本です。
<meta property="og:title" content="ページのタイトル">
<meta property="og:description" content="ページの説明">
<meta property="og:image" content="https://example.com/ogp.png">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="article">
<meta property="og:site_name" content="サイト名">
<meta name="twitter:card" content="summary_large_image">ツールで確認すると、取得できた値を埋めた設定例をそのままコピーできます。
OGPを直したのに反映されないとき
SNS側が古い情報を覚えていることが多いです。
SNSは一度読み込んだOGPを、しばらくのあいだ覚えています。設定を直してもすぐには表示が変わらないことがあります。
Facebookは、Meta公式の「シェアデバッガー」で再取得を依頼できます。ほかのサービスは、時間をおいてからもう一度シェアして確認します。
まずはこのツールで、ページ側の設定が正しく直っているかを確かめてください。
よくある質問
OGP画像作りに使えるAIツール
OGP画像を新しく作ったり、作り直したりするときに役立つツールです。