無料OGPチェッカー|TwitterカードもLINE・Facebook表示も日本語で一括プレビュー
URLを入力するだけで、X・Facebook・LINE・SlackでのSNSシェア表示を一発確認。OGP設定のミスを自動検出し、修正方法を日本語で解説します。
URLを入力してチェックボタンを押すだけ。SNSでどう表示されるか即座に確認できます。
OGP(Open Graph Protocol)とは?
OGP(Open Graph Protocol)とは、URLをSNSでシェアしたときにどのように表示されるかを制御するためのメタタグ仕様です。Facebookが2010年に策定し、現在はX(Twitter)・LINE・Slack・Discord・Chatworkなど主要SNS・メッセージアプリのほぼすべてが採用しています。
OGPはHTMLの<head>内に<meta property="og:*">形式で記述します。最低限必要なのはog:title(タイトル)・og:description(説明)・og:image(サムネイル画像)・og:url(正規URL)の4つです。これらが設定されていないと、URLをシェアしても画像なしのテキストリンクとして表示されてしまいます。
<!-- OGP基本設定の例 -->
<meta property="og:title" content="ページのタイトル(30〜60文字)">
<meta property="og:description" content="ページの説明(50〜160文字)">
<meta property="og:image" content="https://example.com/ogp.png">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
<meta property="og:site_name" content="サイト名">
<meta name="twitter:card" content="summary_large_image">
Twitterカード(twitter:card)はX専用の設定で、summary_large_imageを指定することで大きな横長カードとして表示されます。この設定がないとXでは小さなサムネイルかテキストリンクになってしまいます。
OGP設定がもたらす3つの効果
OGPを正しく設定することで、SNSシェア時のクリック率・ブランド認知・拡散力が大きく変わります。
クリック率(CTR)の向上
テキストリンクのみのシェアと比較して、画像付きOGPカードは2〜3倍のクリック率が期待できます。X・Facebookともに画像付きの投稿はタイムラインで視覚的に目立ち、スクロール中のユーザーの目を引きます。LINEでも画像付きリンクはテキストのみのリンクより圧倒的にクリックされやすいことがわかっています。
ブランドの一貫した表示
OGPを設定することで、誰かがURLをシェアしても「意図した画像・タイトル・説明文」が表示されます。設定がない場合、SNSがページの内容を自動判定するため、無関係な画像や不完全なタイトルが表示されることがあります。自社ブランドのロゴやサービスイメージを確実に表示することで、ブランドの一貫性を保てます。
拡散力・シェア率の向上
見栄えの良いOGPカードは、ユーザーが「シェアしたい」と思う動機付けになります。特にLINEやXのように1人のシェアが多数のフォロワー・友人に届くプラットフォームでは、OGPの品質が拡散範囲に直接影響します。SNSマーケティングROIを最大化する最もコストパフォーマンスの高い施策の一つです。
OGP設定でよくある失敗5選
本ツールが検出するエラー・警告の中で、特によく見られる失敗パターンです。心当たりがないか確認してみてください。
og:image が設定されていない、または404を返す
最も致命的なミスです。og:imageが未設定の場合、すべてのSNSで画像なしのテキストリンクとして表示されます。また、og:imageのURLが正しく設定されていても、画像ファイルが削除・移動されて404エラーになっているケースも頻繁にあります。本ツールは画像URLへのアクセス可否を自動確認します。
画像サイズが推奨値と異なる(1200×630pxが標準)
og:imageに600×315pxの小さな画像を設定しているサイトが多く見られます。推奨は1200×630px以上です。小さいサイズだとX・Facebookで低解像度・ぼやけた状態で表示されます。また、縦長(スクエア)の画像だとLINEやFacebookでトリミングが発生し、意図しない見え方になります。
og:title・og:descriptionが長すぎ/短すぎでカット表示
og:titleが70〜80文字以上になると、XやFacebookのカード表示で末尾が「...」でカットされます。逆に短すぎると訴求力が低下します。og:titleは30〜60文字、og:descriptionは50〜160文字が最適です。本ツールは文字数を自動カウントして範囲外の場合に警告を表示します。
twitter:card が未設定で大きいカードにならない
twitter:cardを設定しないと、Xでは小さなサムネイルのsummaryカードになります。summary_large_imageを設定することで横長の大きな画像カードになり、クリック率が大幅に向上します。og:image は設定しているのにtwitter:cardを忘れているサイトが非常に多いです。
SNSのキャッシュ更新を忘れて修正が反映されない
og:imageやog:titleを変更しても、SNS側にキャッシュが残っていると古い情報が表示され続けます。FacebookはSharing Debuggerで「Scrape Again」を実行することで即時更新できます。XはCard Validatorが廃止されたため、URL末尾に?v=2等のパラメータを追加してシェアするか、数日待つ必要があります。
主要SNSのOGP仕様
各プラットフォームでOGP画像の推奨サイズ・最大ファイルサイズ・特記事項が異なります。一度設定したら全プラットフォームで最適に表示されるよう、以下の仕様を参考にしてください。
| プラットフォーム | 推奨画像サイズ | アスペクト比 | 最大サイズ | 特記事項 |
|---|---|---|---|---|
| X (Twitter) | 1200×675px | 16:9 | 5MB | twitter:card="summary_large_image" 必須。twitter:image を別途設定推奨。 |
| 1200×630px | 1.91:1 | 8MB | og:locale="ja_JP" 推奨。og:site_name もカード下部に表示される。 | |
| LINE | 1200×630px | 1.91:1 | 1MB推奨 | 公式デバッガーなし。縦長画像は中央クロップ。軽量画像推奨。 |
| Slack | 1200×630px | 1.91:1 | — | og:imageをそのまま表示。og:site_name がヘッダーに表示される。 |
※ 各プラットフォームの仕様は変更される場合があります。最新情報は各社公式ドキュメントを参照してください。
OGP設定の基本と修正方法
OGP設定はHTMLの知識があれば誰でも実装できます。WordPressサイトの場合はプラグインで自動設定が可能です。以下の手順に沿って進めてください。
<head>内にOGPメタタグを追加する
HTMLファイルの<head>タグ内にog:title・og:description・og:image・og:url・og:type・og:site_nameを追加します。WordPressならYoast SEO・RankMath・SEO FRAMEなどのプラグインが自動でOGPタグを生成します。Next.js・NuxtなどのモダンフレームワークはMetadataオブジェクトで設定できます。
画像は1200×630px・5MB以下・PNG/JPGで作成
OGP専用画像をCanva・Adobe Photoshop・FigmaなどでW1200×H630pxサイズで作成してください。背景画像+サービス名・キャッチコピーを入れたシンプルなデザインが効果的です。WebPフォーマットはX・Facebook・LineともにサポートしていますがJPEGが最も互換性が高いです。
Twitterカードはsummary_large_imageを指定
Xで大きな画像カードを表示するには<meta name="twitter:card" content="summary_large_image">が必須です。og:imageと同じ画像でも問題ありませんが、Xの縦横比(16:9)に合わせた専用画像をtwitter:imageに指定するとより綺麗に表示されます。
修正後はFacebook Sharing Debuggerでキャッシュクリア
Facebook Sharing Debugger(developers.facebook.com/tools/debug)でURLを入力し「Scrape Again」ボタンを押すことで、Facebookのキャッシュを即座に更新できます。X(Twitter)はCard Validatorが廃止されたため、URL末尾に?v=1など一意のパラメータを追加した上で投稿してキャッシュを回避します。
本ツールで全プラットフォームのプレビューを最終確認
LINEは公式デバッガーが存在しないため、本ツールのLINEプレビューで意図した通りに表示されるか必ず確認してください。X・Facebook・Slackのプレビューも一度に確認でき、設定漏れや文字数オーバーも自動検出します。問題がなければデプロイ完了です。
SNSキャッシュのクリア方法
OGPタグを修正しても、SNS側にキャッシュが残っていると修正前の情報が表示され続けます。各SNSのキャッシュクリア方法を把握しておきましょう。
Facebook Sharing Debugger(developers.facebook.com/tools/debug)にURLを入力し「Scrape Again」をクリック。即座にキャッシュが更新されます。
Card Validatorは2023年に廃止。URLの末尾に?v=2などのクエリパラメータを追加する方法が現実的。または数日間待つことでキャッシュが自動更新されます。
公式のキャッシュクリアツールなし。og:urlやog:imageのURLにバージョンパラメータを追加(?v=2など)するか、og:titleを少し変更することで新規URLとして認識させる方法が有効。
約30日間キャッシュされ、ユーザーが強制更新する手段はほぼありません。最初の投稿前にOGP設定を完成させることが重要です。
他のOGPチェックツールとの違い
ラッコツールズのOGP確認・OGraph Previewer・Facebook Sharing Debuggerとの比較です。日本市場では特にLINEプレビューの有無が重要な差別化要因となります。
| 機能 | AIテスト番人 | ラッコ ツールズ | Facebook Debugger | OGraph Previewer |
|---|---|---|---|---|
| LINEプレビュー対応 | ✓ | ✗ | ✗ | ✗ |
| 完全日本語対応 | ✓ | ✗(英語のみ) | ✓(一部) | ✗(英語のみ) |
| インストール不要 | ✓ | ✓ | ✗(拡張機能必要) | ✓ |
| 4プラットフォーム同時確認 | ✓ | ✗(Facebookのみ) | ✗(Xのみ) | ✗ |
| OGP画像サイズ自動検証 | ✓ | ✓(一部) | ✗ | ✗ |
| エラー検出+修正提案 | ✓ | ✓ | △(表示のみ) | △(表示のみ) |
| 会員登録不要 | ✓ | ✓ | ✓ | ✓ |
| 無料利用 | ✓ | ✓ | ✓ | ✓ |
関連ツール
よくある質問
OGPを設定するとSEO順位は上がりますか?▼
OGP自体はGoogleの直接的なランキング要因ではありませんが、間接的にSEOへ貢献します。SNSでシェアされた際に画像付きカードで表示されることでクリック率(CTR)が向上し、流入増加→エンゲージメント向上→権威性アップという流れでSEOに好影響を与えます。特にYahoo!知恵袋やnote、LINEオープンチャット等から多くのトラフィックが来るサイトでは、OGP画像のクオリティが流入数に直結します。
画像サイズはどれくらいが最適ですか?▼
全プラットフォームに最も対応した推奨サイズは1200×630px(アスペクト比1.91:1)です。X(Twitter)は1200×675px(16:9)が理想ですが、1200×630でも問題なく表示されます。LINEは1200×630に最適化されており、縦長画像は中央クロップされます。ファイルサイズはFacebook・X共に5MB以下が必須で、LINE向けには1MB以下を推奨します。PNG・JPEG・WebPのいずれかのフォーマットを使用してください。
SNSでのキャッシュはどれくらいで更新されますか?▼
プラットフォームによって異なります。Facebookは通常24〜72時間でキャッシュが更新されますが、Sharing Debuggerで「Scrape Again」を実行すれば即座に強制更新できます。X(Twitter)は過去にCard Validatorというツールがありましたが現在は廃止されており、URL末尾にパラメータを追加する方法(?v=2など)でキャッシュを回避するのが現実的な対処法です。LINEのキャッシュは公式ツールが存在せず、本ツールでプレビュー確認してからog:urlにバージョンパラメータを付与する方法が有効です。Slackは約30日間キャッシュされ、強制更新はできません。
LINE用のOGP設定で気をつけることは?▼
LINEはog:imageを優先的に表示しますが、縦長(ポートレート)画像は中央部分が切り取られるため、被写体を中央に配置した横長画像(1200×630px)を推奨します。また、LINEのオープンチャット・グループトークでのシェア時は画像が小さく表示される場合があるため、テキストが含まれる場合はフォントサイズを大きめに設定することを推奨します。og:descriptionも設定しておくとLINEトーク画面でタイトル下に説明文が表示されクリック率が向上します。LINEには公式のOGPデバッガーが存在しないため、本ツールでのプレビュー確認が特に有効です。
X(旧Twitter)のCard Validatorが使えなくなったと聞きましたが?▼
はい、X(旧Twitter)は2023年にCard Validatorを廃止しました。現在は公式のOGP確認ツールが存在しません。代替手段として、URLの末尾に?v=1等のパラメータを追加してXに投稿する方法か、本ツールのようなサードパーティプレビューツールを利用する方法があります。twitter:cardにsummary_large_imageを設定し、twitter:imageに1200×675pxの画像を設定しておくことで大きなカード表示になります。
1ページに複数のog:imageを設定できますか?▼
HTMLの仕様上は複数のog:imageタグを記述することが可能ですが、実際のSNS動作としては最初に検出された1枚目の画像のみが使用されるケースがほとんどです。複数の画像を設定しても2枚目以降は無視されることが多いため、最も見栄えの良い1枚を厳選してog:imageに設定することを推奨します。アイキャッチとして使用する画像は専用のOGP用画像を1200×630pxで作成するのがベストプラクティスです。
HTTPSとHTTPで挙動が変わりますか?▼
はい、重要な違いがあります。多くのSNSプラットフォームはHTTPSのURLからのみ画像を取得・表示します。FacebookはHTTPの画像URLを使用した場合、画像を表示しないかセキュリティ警告を表示することがあります。XもHTTPS推奨です。また、og:imageのURLがHTTPの場合、HTTPS対応のSNSサーバーからのリクエストがブロックされるmixed contentの問題が発生することがあります。OGPに使用する全てのURL(ページURLと画像URL)はHTTPSで統一することを強く推奨します。
入力したURLは保存されますか?▼
いいえ、入力したURLおよびチェック結果はサーバーには永続保存されません。チェック結果は5分間のみサーバーメモリに一時キャッシュされ(同一URLの連続チェック高速化のため)、その後自動的に削除されます。会員登録・ログインは不要で、チェックしたURLが第三者に公開されることもありません。
SEO・サイト改善のヒント
今すぐOGP設定をチェック
URLを入力するだけ。SNSでの見え方を無料で確認できます。
ページ上部のツールへ戻る