使い方
4分で読める

OGP画像プレビューツール【Twitter/Facebook表示確認】

URLを入力するだけでOGP(Open Graph Protocol)の設定を確認。Twitter、Facebook、LINEでのシェア時の表示をプレビュー。og:title、og:image、og:descriptionをチェック。

SNSシェア時の表示、確認してますか?

せっかく記事を書いても、SNSでシェアした時に...

  • 画像が表示されない
  • タイトルが切れている
  • 説明文が意図したものと違う

これではクリック率が下がってしまいます。公開前にOGPを確認しましょう。

確認できるOGP項目

項目metaタグ
タイトルog:title
説明文og:description
画像og:image
URLog:url
サイト名og:site_name
Twitterカードtwitter:card

使い方(4ステップ)

  1. 確認したいページのURLを入力
  2. 「確認」ボタンをクリック
  3. Twitter/Facebook/LINEのプレビューを確認
  4. 設定漏れがあれば修正

OGP設定を今すぐ確認

OGPをプレビュー

処理速度比較

各SNSで個別確認5.0s
JobDoneBot推奨500ms
10.0x 高速

処理速度比較

各SNSで個別確認3
Facebook Debugger30
JobDoneBot推奨0.5

手順

  1. URLを入力

    OGPを確認したいページのURLを入力。

  2. OGP情報を取得

    「確認」ボタンでOGP情報を取得。

  3. プレビューを確認

    Twitter、Facebook、LINEでの表示をプレビュー。

  4. 設定漏れをチェック

    必須項目の設定漏れや推奨サイズを確認。

よくある質問

Open Graph Protocolの略で、SNSでURLをシェアした際に表示されるタイトル、説明文、画像を指定するためのHTML metaタグ規格です。
Facebook/LINE: 1200×630px、Twitter: 1200×628px(Summary Card Large)または 144×144px(Summary Card)が推奨です。
各プラットフォームにはキャッシュ削除ツールがあります。Twitter: Card Validator、Facebook: Sharing Debugger、LINE: Page Pokerで再取得できます。
HTMLの文字エンコーディング(charset=UTF-8)を確認してください。metaタグの記述順序が原因の場合もあります。
#OGP#SNS#Twitter#Facebook#シェア#プレビュー

この記事で紹介したツール

この記事をシェア