Open Graphタグを構築
基本情報
画像設定
追加設定
ソーシャルメディア用の完璧なOpen Graphタグを生成
Facebook、LinkedIn、WhatsApp、Slackなどでシェアした際にウェブサイトページを素晴らしく見せましょう
Open Graph（OG）タグは、ソーシャルメディアプラットフォームでシェアされた際のウェブページの表示を制御するメタタグです。適切なOGタグがないと、ソーシャルネットワークはタイトル、説明、画像を推測します—しばしば不十分な結果になります。当ジェネレーターは数秒で完璧なOGタグの作成を支援します。
Open Graphタグとは？
Open GraphはFacebookが作成したプロトコルで、ウェブページをソーシャルグラフ内のリッチオブジェクトにすることができます。Facebook、LinkedIn、WhatsApp、SlackでURLをシェアすると、OGタグはどのタイトル、説明、画像、その他の情報を表示すべきかプラットフォームに正確に伝えます。
主要機能
ライブプレビュー
公開前にソーシャルメディアでシェアした際のページの見え方を正確に確認できます。
複数のコンテンツタイプ
ウェブサイト、記事、製品、ビデオ、音楽、プロフィールのコンテンツタイプをサポート。
画像最適化
鮮明でプロフェッショナルなソーシャルプレビューのための正確な画像サイズを設定。
ワンクリックコピー
生成されたタグを即座にコピーしてHTMLのheadセクションに貼り付け。
100%クライアントサイド
すべての処理はブラウザで行われます。データはサーバーに送信されません。
標準準拠
生成されたタグは公式Open Graphプロトコル仕様に従います。
ベストプラクティス
- すべてのプラットフォームで最適な表示のためにog:titleは60文字以内に。
- 最高のエンゲージメントのためにog:descriptionは100〜200文字で。
- FacebookとLinkedInで最高の品質のために1200×630ピクセルの画像を使用。
- シェア時にカノニカルURLが使用されるようog:urlを常に含める。
- 実装後にFacebook Sharing DebuggerでOGタグをテスト。
- ページコンテンツや画像を変更したらOGタグを更新。
よくある質問
Open Graphタグはどこに配置しますか？
OGタグはHTMLページの<head>セクション内に配置します。propertyとcontent属性を持つ<meta>タグである必要があります。
理想的なOG画像サイズは？
推奨サイズは1200×630ピクセルです。Facebookは最低200×200ピクセルが必要で、600×315ピクセル未満の画像は小さなサムネイルとして表示されます。
OGタグはSEOに影響しますか？
OGタグは検索ランキングに直接影響しませんが、ソーシャルメディアからのクリック率を大幅に向上させ、間接的にSEOを強化できます。
OGタグのテスト方法は？
Facebook Sharing Debugger（developers.facebook.com/tools/debug/）でテストできます。LinkedInにもPost Inspectorツールがあります。