Open Graphジェネレーター
ソーシャルメディア共有用のOpen Graphメタタグを生成
Open Graph設定
Open Graphプロパティ
記事プロパティ
Twitter Card
ソーシャルプレビュー
Facebookプレビュー
Twitterプレビュー
生成されたメタタグ
使用例
ウェブサイトホームページ
適切なブランディングとソーシャルメディアの外観でウェブサイトホームページ用のOGタグを生成します。
ブログ記事
著者、公開日、セクション、タグ情報付きの記事固有のOGタグを作成します。
ECサイト商品
商品画像と説明付きのECサイト向けに最適化された商品OGタグを構築します。
機能
ライブソーシャルプレビュー
リンクがFacebookとTwitterでどのように表示されるかリアルタイムで確認
すべてのOGプロパティ
記事固有のタグを含むすべてのOpen Graphプロパティをサポート
Twitter Card統合
Open Graphタグと一緒にマッチするTwitter Cardタグを生成
プライバシー優先
すべての処理はブラウザ内でローカルに行われます
使い方
OGプロパティを入力
ページのタイトル、説明、URL、画像を入力します。
プレビューとカスタマイズ
ライブプレビューでリンクがソーシャルメディアでどう表示されるか確認します。
コピーして実装
生成されたメタタグをコピーしてHTMLページのhead部分に貼り付けます。
よくある質問
Open Graphジェネレーターとは？
Open Graphジェネレーターは、Facebook、LinkedIn、Twitterなどのプラットフォームでリンクがどう表示されるかを制御するog:メタタグの作成を支援します。タイトル、説明、画像URL、コンテンツタイプを入力すると、ライブソーシャルプレビュー付きのコピー可能なHTMLメタタグが得られます。
主な機能
タイプ、ロケール、サイト名を含むすべてのOGプロパティに対応。著者、公開日時、セクション、タグなどの記事固有フィールド。カードタイプ選択付きのTwitter Card統合。共有リンクがどう見えるかを公開前に確認できるライブFacebook/Twitterプレビュー。
よくある使用例
ブログ記事には著者と公開日付付きのarticleタイプOGタグが必要です。ECサイトの商品は画像付きのproductタイプタグの恩恵を受けます。ホームページはブランディングを強調したwebsiteタイプタグを使います。ソーシャルメディアで共有されるすべてのページにOGタグが必要です。
ヒント
常に1200x630pxの高品質画像を使いましょう。OGタイトルは60文字以内、説明は200文字以内に。公開後はFacebookのシェアデバッガーでタグをテストしましょう。
プライバシー
すべてブラウザ内で動作します。URL、画像、タグデータはサーバーに送信されません。