ToolzPod

OGPプレビュー

SNSシェア時のOpen Graphメタタグをプレビュー

Facebook / LinkedIn プレビュー

OG画像プレビュー
example.com
ページタイトル
ページの説明がここに表示されます...

Twitter / X プレビュー

OG画像プレビュー
ページタイトル
ページの説明がここに表示されます...
example.com

Open Graphメタタグとは?

Open Graph(OG)メタタグは、Facebook、LinkedIn、TwitterなどのSNSでウェブページがシェアされた時の表示を制御します。カードプレビューに表示されるタイトル、説明、画像、URLを定義します。適切なOGタグがないと、プラットフォームがページから不正確または不完全な情報を取得し、魅力のないリンクプレビューになりエンゲージメントやクリック率が低下します。

使い方

  1. 上のフィールドにページのタイトル、説明、画像URL、ページURLを入力します。
  2. 必要に応じてコンテンツタイプを選択し、サイト名を追加します。
  3. 「プレビュー&タグ生成」をクリックして、FacebookとTwitterでの表示を確認します。
  4. 生成されたメタタグをコピーしてHTML <head>セクションに貼り付けます。

よくある質問

推奨されるog:imageのサイズは?

Facebookは最適な表示のために1200 x 630ピクセルを推奨しています。Twitterは大きな画像のサマリーカードに1200 x 628ピクセルを推奨しています。最良の結果のために高解像度画像を使用してください。

OGタグとTwitterカードタグの両方が必要ですか?

TwitterカードタグがなくてもOGタグにフォールバックします。ただし、両方を使用すると各プラットフォームでの表示をより細かく制御できます。

関連ツール