無料 Open Graph タグジェネレーター - OG メタタグ | OneStepToRank

Open Graph タグジェネレーター

ページ用の完璧な OG メタタグと Twitter Card を生成。Facebook、LinkedIn、Twitter/X などで共有された際にリンクが正確にどのように表示されるかをプレビューできます。

OG タグを設定

0 / 60 characters
0 / 155 characters

Social Share PreviewLive

Your Open Graph Meta Tags

HTML <meta> tags

支配する ローカル検索

最適化されたメタタグは始まりに過ぎません。OneStepToRank は Google の順位を 24 時間体制で監視し、サービスエリア全体で自動的に戦略を調整して常にトップに保ちます。

始める

Open Graph タグとは?

Open Graph (OG) タグは、ウェブページの <head> セクションに配置される HTML メタ要素で、ソーシャルメディアで共有された際のコンテンツ表示を制御します。このプロトコルは 2010 年に Facebook によって導入され、以降ソーシャルリンクプレビューの汎用標準となっています。ユーザーが Facebook、LinkedIn、Twitter/X、Discord、Slack、iMessage などに URL を貼り付けると、プラットフォームは OG タグを読み取り、フィードに表示されるプレビューカードを生成します。

必須の OG プロパティは og:titleog:typeog:imageog:url の 4 つです。これに加えて、og:descriptionog:site_name は強く推奨されます。これらのタグがない場合、プラットフォームは推測でプレビューを生成し、ページ上のテキストや画像を無作為に使用するため、切り抜きが不自然だったり、サムネイルが間違っていたり、説明が欠落したりすることが多くなります。適切に設定された OG タグは、コンテンツが共有されるたびにプロフェッショナルでクリックしたくなる外観を保証します。

適切な OG タグ、特に魅力的な画像とタイトルを付けたソーシャルシェアは、タグがないものより常に高いパフォーマンスを示します。調査によると、最適化されたプレビューカードを使用した投稿は、プレビューが壊れているまたは一般的なものより 2〜3 倍のエンゲージメント を獲得します。ソーシャルトラフィックに依存するビジネスにとって、これは紹介訪問、ブランド認知、最終的なコンバージョンに直接影響します。これは、ウェブサイトで実施できる最もシンプルで ROI の高い最適化の一つです。

ソーシャルプラットフォームの OG タグ活用方法

各プラットフォームは OG タグを若干異なる方法で読み取りますが、基本的な動作は同じです。URL が共有されると、プラットフォームのクローラーがページを訪問し、<head> から OG メタタグを解析してプレビューカードを生成します。

  • Facebook と Instagram -- OG の元祖ユーザー。すべての標準 OG プロパティを読み取り、積極的にキャッシュします。タグを更新した後は Facebook Sharing Debugger を使用してキャッシュをクリアしてください。
  • LinkedIn -- 投稿やメッセージでリンクプレビューに OG タグを使用します。og:titleog:descriptionog:imageog:url をサポートしています。Post Inspector ツールでプレビューとキャッシュの更新が可能です。
  • Twitter/X -- 独自の Twitter Card タグ(twitter:cardtwitter:title など)を優先しますが、Twitter 固有のタグがない場合は OG タグにフォールバックします。完全なコントロールのために常に両方を含めてください。
  • Discord と Slack -- 両方とも OG タグを読み取り、チャット内でリッチなリンク埋め込みを生成します。Discord はさらに埋め込みのアクセントカラーとして theme-color メタタグも読み取ります。

最大の互換性を確保するため、OG タグと Twitter Card タグの両方を含めてください。このジェネレーターを Meta Tag Generator と併用して <head> 全体の最適化を行い、SERP Previewer で Google 検索結果でのページ表示を最適化しましょう。

よくある質問

Open Graph タグとは何ですか?

Open Graph タグは、ページの head セクションにある HTML メタ要素で、ソーシャルメディアで共有された際のページ表示を制御します。2010 年に Facebook が作成し、タイトル、説明、画像、URL、コンテンツタイプをリンクプレビューカードに表示させます。Facebook、LinkedIn、Twitter/X、Discord、Slack などほとんどのプラットフォームが OG タグを読み取り、リッチなリンクプレビューを構築します。

OG タグと Twitter Card の違いは何ですか?

Open Graph タグは Facebook が作成し、ほとんどのプラットフォームで使用される汎用標準です。Twitter Card は Twitter 独自のメタデータ形式で、twitter:card、twitter:title、twitter:description、twitter:image プロパティを使用します。Twitter は独自タグがない場合に OG タグにフォールバックしますが、両方を含めることで全プラットフォームでの表示を完全にコントロールできます。Twitter Card の主な特徴はカードタイプの選択(summary、summary_large_image、app、player)です。

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

og:image の推奨サイズは 1200×630 ピクセル(アスペクト比 1.91:1)です。Facebook、LinkedIn、Twitter などで最適に表示されます。Facebook が受け付ける最小サイズは 200×200 ピクセルですが、600×315 未満の画像は大きなプレビューカードではなく小さなサムネイルとして表示されます。高解像度の画像を使用し、重要なコンテンツを中央に配置してください。プラットフォームによっては端が切り取られることがあります。

Open Graph タグは SEO に影響しますか?

Open Graph タグは Google の検索順位に直接影響しません。Google は独自のシグナルを使用し、ランキング目的で OG タグを読み取らないためです。しかし、OG タグはソーシャルメディアでのクリック率を高め、紹介トラフィックやブランド認知度を向上させることで間接的に SEO に貢献します。ソーシャルシェアが増えると、バックリンクやブランド検索が増加し、いずれもポジティブなランキングシグナルとなります。適切に作成された OG タグは、包括的な SEO 戦略におけるベストプラクティスとみなされます。