OGタグチェッカー

WebサイトのOGP(Open Graph Protocol)タグを包括的に解析し、SNSでの表示状態を確認できます。

URLを入力

このツールの使い方

  1. チェックしたいWebサイトのURLを入力します。
  2. 「OGタグをチェック」ボタンを押すと、OGタグが解析されます。
  3. 検出されたOGタグの一覧と、SNSでの表示プレビューが確認できます。
  4. 不足しているタグや改善点を確認できます。

特徴

  • 包括的な解析:基本、Twitter Card、画像、動画、音声、記事、書籍、プロフィール、音楽の全48種類のタグをチェックします。
  • カテゴリー別表示:タグを9つのカテゴリーに分類して見やすく表示します。
  • SNSプレビュー:FacebookとTwitterでの表示イメージを確認できます。
  • 検出状態表示:各タグごとに✓/×で状態を表示します。
  • リアルタイム解析:URLを入力するだけで即座に結果が表示されます。
  • レスポンシブ対応:スマホ・タブレットでも快適に操作できます。
  • 完全無料:登録不要で今すぐ使えます。

OGタグ(OGP)とは

OGP(Open Graph Protocol)は、FacebookやTwitterなどのSNSでWebページがシェアされた際の表示を制御するためのメタタグです。適切に設定することで、シェア時の見栄えを向上させ、クリック率を高めることができます。

チェックするタグ一覧(全48種類)

基本OGタグ(8種類)

  • og:title:シェア時に表示されるタイトル(必須)
  • og:description:シェア時に表示される説明文(推奨)
  • og:image:シェア時に表示される画像のURL(推奨)
  • og:url:ページの正規URL(推奨)
  • og:type:ページの種類(website、article など)(推奨)
  • og:site_name:サイト名(推奨)
  • og:locale:ページの言語(ja_JP など)
  • og:locale:alternate:代替言語

Twitter Card(7種類)

  • twitter:card:Twitterカードのタイプ(summary、summary_large_image など)
  • twitter:site:サイトのTwitterアカウント(@username)
  • twitter:creator:コンテンツ作成者のTwitterアカウント
  • twitter:title:Twitter表示用のタイトル
  • twitter:description:Twitter表示用の説明文
  • twitter:image:Twitter表示用の画像URL
  • twitter:image:alt:Twitter画像の代替テキスト

画像関連タグ(6種類)

  • og:image:url:画像のURL(代替形式)
  • og:image:secure_url:HTTPS版の画像URL
  • og:image:type:画像のMIMEタイプ(image/jpeg など)
  • og:image:width:画像の幅(ピクセル)
  • og:image:height:画像の高さ(ピクセル)
  • og:image:alt:画像の代替テキスト

動画関連タグ(6種類)

  • og:video:動画のURL
  • og:video:url:動画のURL(代替形式)
  • og:video:secure_url:HTTPS版の動画URL
  • og:video:type:動画のMIMEタイプ
  • og:video:width:動画の幅(ピクセル)
  • og:video:height:動画の高さ(ピクセル)

音声関連タグ(4種類)

  • og:audio:音声のURL
  • og:audio:url:音声のURL(代替形式)
  • og:audio:secure_url:HTTPS版の音声URL
  • og:audio:type:音声のMIMEタイプ

記事関連タグ(6種類)

  • article:published_time:記事の公開日時
  • article:modified_time:記事の更新日時
  • article:expiration_time:記事の有効期限
  • article:author:記事の著者
  • article:section:記事のカテゴリー
  • article:tag:記事のタグ

書籍関連タグ(4種類)

  • book:author:書籍の著者
  • book:isbn:書籍のISBN
  • book:release_date:書籍の発売日
  • book:tag:書籍のタグ

プロフィール関連タグ(4種類)

  • profile:first_name:
  • profile:last_name:
  • profile:username:ユーザー名
  • profile:gender:性別

音楽関連タグ(3種類)

  • music:duration:音楽の長さ(秒)
  • music:album:アルバム情報
  • music:musician:音楽家情報

OGタグ最適化のポイント

  • タイトルは簡潔に:40文字以内を目安に、魅力的なタイトルを設定しましょう。
  • 説明文は具体的に:80〜120文字程度で、ページの内容を具体的に説明しましょう。
  • 画像サイズに注意:推奨サイズは1200×630ピクセルです。
  • 画像の品質:高品質で視認性の高い画像を使用しましょう。
  • 正確な情報:ページ内容と一致した情報を設定しましょう。
  • Twitter Cardも設定:Twitter用のタグも設定すると、Twitter上での表示を最適化できます。

注意点

  • このツールは外部サイトにアクセスしてOGタグを取得します。
  • CORS制限により、一部のサイトでは正確な情報を取得できない場合があります。
  • その場合は、ブラウザの開発者ツールで直接確認するか、Facebook Sharing DebuggerなどのSNS公式ツールをご利用ください。