サイト・デザイン OGPの見え方チェック

OGPの見え方チェックの使い方|X・Facebook・LINE・Slack でのシェアの見え方を確かめる

カツプロ編集部 2026年10月7日

IN SHORTこの記事のまとめ

  • ページの URL を入れると、X・Facebook・LINE・Slack でシェアしたときのカードのおおよその見え方を並べて出します。
  • 足りないタグや、画像の大きさが各社の決まりに合っているかも確かめ、読み取ったタグを一覧で見せます。
  • 会員登録なし・無料(続けて使えるのは1分に10回まで)。確かめた URL も中身も保存しません。

この記事のサービス

OGPの見え方チェック

SNS でシェアしたときのカードの見え方を並べて確認。

  • 誰でも:登録しなくても使える

OGPの見え方チェックを開く

これで何ができるか

ページの URL を入れるだけで、X(旧Twitter)・Facebook・LINE・Slack でそのページをシェアしたときに出るカード(題名・説明・画像)のおおよその見え方を並べて出します。足りないタグや、画像の大きさが各社の決まりに合っているかも確かめます。

使える人:だれでも(会員登録なし・無料)。続けて使えるのは1分に10回までです。ページを読むためにカツプロのサーバーから一度だけ取りに行きますが、URL も中身も保存しません。社内向けの住所やログインが要るページは確かめられません。

はじめ方

まず動画で流れを見てください(音は出ません)。

音は出ません。繰り返し流れます。
  1. ツールを開く:「確かめるページの URL」の欄と「見え方を確かめる」のボタンがあります。 OGPの見え方チェックの最初の画面。確かめるページの URL の欄と、見え方を確かめるボタンがある
  2. URL を入れて「見え方を確かめる」を押す:URL は https:// から入れます。少し待つと、下に結果が出ます。「気をつける所」に、足りないタグや画像の大きさの注意が並びます(何も無ければ「大きな問題は見つかりませんでした。」)。 確かめた URL に https://alcuesto.jp/ が出て、気をつける所に「大きな問題は見つかりませんでした。」と出ている画面
  3. SNS ごとの見え方を比べる:「シェアしたときの見え方(おおよそ)」に、X・Facebook・LINE・Slack のカードが並びます。各社の画面に似せた見本なので、実際の見た目はアプリの版や画面の幅で少し変わります。 X の大きい画像のカードと Facebook のカードが並び、それぞれに画像・題名・説明が出ている画面
  4. 読み取ったタグを見る:title・description・og:title・og:image などの中身と文字数が一覧で出ます。無いと困るタグが無いときは、赤い字で「なし」と出ます。 読み取ったタグの表。title・description・og:title・og:image などと、その中身と文字数が並んでいる
  5. 直したのに古いまま出るとき:下の「キャッシュを新しくする」に、SNS ごとの読み直させ方が出ます。X と LINE 向けには、後ろに ?v=2 を付けた URL が用意され、「この URL をコピー」で写せます。 Facebook のシェアデバッガーを開くボタンと、X・LINE 向けに https://alcuesto.jp/?v=2 とこの URL をコピーのボタンが出ている画面

OGPの見え方チェックを開く →

よくある使い方

  • 記事を公開したら、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あわせて使うと便利なサービス

画像ツール

シェア用の画像を 1200 幅に縮めて、軽くしてから載せる

画像ツールを開く 使い方を見る

SEO診断

シェアの見え方とあわせて、検索に載る作りかも確かめる

SEO診断を開く 使い方を見る

SOURCES出典・確かめた画面

RELATEDあわせて読みたい

診断・見張り SEO診断の使い方|ページの作りが Google の公式の説明に沿っているかを A〜E で判定 サイト・デザイン 画像ツールの使い方|リサイズ・形式の変換・圧縮をブラウザだけで サイト・デザイン 文字の読みやすさチェックの使い方|文字色と背景色のコントラスト比を測る