サイト・デザイン OGPの見え方チェック
OGPの見え方チェックの使い方|X・Facebook・LINE・Slack でのシェアの見え方を確かめる
IN SHORTこの記事のまとめ
- ページの URL を入れると、X・Facebook・LINE・Slack でシェアしたときのカードのおおよその見え方を並べて出します。
- 足りないタグや、画像の大きさが各社の決まりに合っているかも確かめ、読み取ったタグを一覧で見せます。
- 会員登録なし・無料(続けて使えるのは1分に10回まで)。確かめた URL も中身も保存しません。
この記事のサービス
これで何ができるか
ページの URL を入れるだけで、X(旧Twitter)・Facebook・LINE・Slack でそのページをシェアしたときに出るカード(題名・説明・画像)のおおよその見え方を並べて出します。足りないタグや、画像の大きさが各社の決まりに合っているかも確かめます。
使える人:だれでも(会員登録なし・無料)。続けて使えるのは1分に10回までです。ページを読むためにカツプロのサーバーから一度だけ取りに行きますが、URL も中身も保存しません。社内向けの住所やログインが要るページは確かめられません。
はじめ方
まず動画で流れを見てください(音は出ません)。
- ツールを開く:「確かめるページの URL」の欄と「見え方を確かめる」のボタンがあります。

- URL を入れて「見え方を確かめる」を押す:URL は https:// から入れます。少し待つと、下に結果が出ます。「気をつける所」に、足りないタグや画像の大きさの注意が並びます(何も無ければ「大きな問題は見つかりませんでした。」)。

- SNS ごとの見え方を比べる:「シェアしたときの見え方(おおよそ)」に、X・Facebook・LINE・Slack のカードが並びます。各社の画面に似せた見本なので、実際の見た目はアプリの版や画面の幅で少し変わります。

- 読み取ったタグを見る:title・description・og:title・og:image などの中身と文字数が一覧で出ます。無いと困るタグが無いときは、赤い字で「なし」と出ます。

- 直したのに古いまま出るとき:下の「キャッシュを新しくする」に、SNS ごとの読み直させ方が出ます。X と LINE 向けには、後ろに ?v=2 を付けた URL が用意され、「この URL をコピー」で写せます。

よくある使い方
- 記事を公開したら、SNS に出す前に確かめる:題名が長すぎないか、画像が切れないかを見てから投稿します。
- シェアしても画像が出ないとき:「読み取ったタグ」で og:image が「なし」になっていないか、「気をつける所」に画像の注意が無いかを見ます。
- 画像を差し替えたのに古いまま:「キャッシュを新しくする」の方法で読み直させます。Facebook はシェアデバッガー、X と LINE は ?v=2 を付けた URL を使います。
Q&Aつまずきやすい所・よくある質問
OGP画像の大きさはどれくらいにすればいいですか?
Facebook は 1200×630 ピクセル以上(最低でも 600×315、使える最小は 200×200)・縦横比 1.91:1・8MB まで、X の大きい画像のカードは縦横比 2:1・300×157 以上 4096×4096 まで・5MB 未満が公式の決まりです。1200×630 で作っておけば、どちらにもおおむね合います。
OGP を直したのに、シェアすると古いままです。
各サービスが前に読んだ内容を覚えている(キャッシュ)ためです。Facebook はシェアデバッガーで読み直せます。X は公式の説明ではおよそ7日ごとに読み直すとされており、すぐ直したいときは URL の後ろに ?v=2 などを付けて別の URL として読ませます。LINE も同じ方法が使えます。
LINE ではどのタグが使われますか?
LINE の公式の説明では、og:title・og:description・og:image の3つだけです。無いときは title タグや description タグ、本文から自動で拾われます。
確認した URL は保存されますか?
保存しません。ページを読むためにカツプロのサーバーから一度だけ取りに行きますが、URL も中身も記録に残しません。社内向けの住所など、外から見えない場所は確認できません。
ほかの質問は ヘルプ にまとめています。
WITHあわせて使うと便利なサービス
SOURCES出典・確かめた画面
- OGPの見え方チェック(カツプロ)(2026年10月7日に画面を操作して確かめた)
- Images in Link Shares(Meta for Developers)(ツールの画面が挙げている Facebook の画像の決まり)
- How are URL previews generated in chats?(LINE Developers)(ツールの画面が挙げている LINE のタグの決まり)
RELATEDあわせて読みたい
診断・見張り
SEO診断の使い方|ページの作りが Google の公式の説明に沿っているかを A〜E で判定
サイト・デザイン
画像ツールの使い方|リサイズ・形式の変換・圧縮をブラウザだけで
サイト・デザイン
文字の読みやすさチェックの使い方|文字色と背景色のコントラスト比を測る
READ NEXT
- 文字の読みやすさチェックの使い方|文字色と背景色のコントラスト比を測る
- デザインギャラリーの使い方|Webデザインの見本をコードごと持ち帰る
- ファビコン生成の使い方|1枚の画像から favicon.ico と各サイズのアイコンを作る
分からないことは、ヘルプのよくある質問か、カツプロチャットAI(無料会員から)に聞けます。
カツプロ(ホーム)
カツプロ AI SEO
MoteRaku
デザインギャラリー
画像ツール
カツプロPR