Open Graphプレビュー

URLを入力すると、SNSで共有された際にどのように表示されるかプレビューできます

分析中...

ページのメタタグを分析しています...

プラットフォーム別プレビュー
検出されたメタタグ
タグ 状態
OGタグコード

Open Graphプロトコルとは?

Open Graph(OG)プロトコルはFacebookが作成したメタデータ標準で、ウェブページがソーシャルメディアで共有される際にタイトル、説明、画像などの表示方法を定義します。og:title、og:description、og:image、og:urlタグを設定すると、Facebook、Twitter、KakaoTalk、LinkedInなどでリンクがより魅力的に表示されます。このツールを使用すると、OGタグが正しく設定されているか確認し、各プラットフォームでどのように表示されるかプレビューできます。

推奨OGタグ

  • og:title: ページのタイトルです。65文字以内で記述することを推奨します。
  • og:description: ページの簡単な説明です。155文字以内を推奨します。
  • og:image: 共有時に表示される代表画像です。1200×630pxのサイズを推奨します。
  • og:url: ページの正規(canonical)URLです。
  • og:type: コンテンツタイプです。一般的にwebsiteまたはarticleを使用します。

よくある質問

OGタグ自体は検索エンジンのランキングに直接的な影響を与えません。しかし、ソーシャルメディアで共有される際に魅力的なプレビューが表示されるとクリック率(CTR)が高まり、間接的にトラフィックとSEOにプラスの影響を与える可能性があります。

Twitterは独自のTwitterカードタグ(twitter:title、twitter:descriptionなど)がない場合、OGタグを代わりに使用します。そのため、OGタグだけを設定すればほとんどの場合十分です。ただし、Twitterで異なる内容を表示したい場合は、別途Twitterカードタグを追加できます。

Facebookは1200×630px、Twitterは1200×628pxを推奨しています。最低600×315px以上で大きな画像として表示されます。ファイルサイズは5MB以下、JPGまたはPNG形式を使用してください。アスペクト比は1.91:1が最も理想的です。