Open Graphジェネレーター
ソーシャルメディア共有用のOpen GraphおよびTwitter Cardメタタグを生成します。FacebookフォローTwitter、LinkedInでリンクがどのように表示されるかのライブプレビュー。
Open Graph
0/95
0/200
Image
Recommended: 1200×630 px (1.91:1 ratio)
Twitter Card
Live Preview
Fill in the fields to see how your link will look when shared
Paste these tags inside the <head> of your HTML document.
All processing happens in your browser. No data is sent to any server. Your URLs, titles, and image links are never stored or transmitted.
Open Graphジェネレーターの使い方
- 1ページのタイトル、説明、URLを入力します。
- 2ソーシャルプレビュー用の画像URLを追加します。
- 3Twitter Cardの設定を構成します。
- 4生成されたメタタグをHTMLのheadにコピーします。
Zenovayアナリティクス
関連ツール
メタタグアナライザー
任意のウェブページのメタタグを分析します。タイトル、説明、Open Graph、Twitterカードをチェックし、SEO推奨事項を取得します。Open Graphチェッカー
FacebookやTwitter、LinkedInで共有されたときにページがどのように見えるかプレビューします。すべてのOGおよびTwitter Cardタグをチェックします。HTTPヘッダーチェッカー
任意のURLのHTTP応答ヘッダーを検査します。セキュリティヘッダー、キャッシング、コンテンツタイプなどを確認できます。Robots.txt バリデーター
あなたのrobots.txtファイルを検証して分析します。ルール、サイトマップ、および一般的なクロール問題を確認してください。よくある質問
Open Graphプロトコルとは何ですか？▾
Open Graph（OG）は、Facebookによって作成されたプロトコルで、ウェブページがソーシャルメディアで共有されたときの見た目を制御できます。HTMLのheadにOGメタタグを追加することにより、Facebook、LinkedIn、Twitterなどのプラットフォームがリンクプレビューに表示するタイトル、説明、画像、URLを指定します。
必須かオプションのOpen Graphプロパティーは何ですか？▾
必須：og:title、og:type、og:image、og:url。推奨：og:description、og:site_name、og:locale。オプション：og:image:width、og:image:height、og:image:alt。記事の場合：article:author、article:published_time、article:section。特定のコンテンツタイプにはより多くのプロパティが存在します。
og:imageのベストプラクティスは何ですか？▾
推奨サイズ：すべてのプラットフォームで最適に表示するには1200x630ピクセル。1.91：1のアスペクト比を使用した高品質の画像を使用します。ファイルサイズを8MBの下に保ちます。相対パスではなく絶対URLを使用します。高速レンダリングのためにog:image:widthとog:image:heightを含めます。Facebookの共有デバッガでテストします。
Open Graphタグをテストするにはどうしたらよいか？▾
Facebook Sharing Debugger（developers.facebook.com/tools/debug/）を使用してキャッシュされたOGデータをテストおよび更新します。Twitter固有のテスト用のTwitter Card Validator（cards-dev.twitter.com/validator）。LinkedInの場合はLinkedIn Post Inspector（linkedin.com/post-inspector/）。これらのツールは、リンクプレビューがどのように表示されるかを正確に示します。
Twitter CardsとOpen Graphの違いは何ですか？▾
Twitter Cardsはtwitterプレフィックス付きメタタグを使用します。Open Graphはogプレフィックス付きタグを使用します。Twitter固有のタグがない場合、TwitterはOGタグにフォールバックします。Twitter専用のキータグ：twitter:card（summaryまたはsummary_large_image）、twitter:site、twitter:creator。ベストプラクティス：最大の互換性のためにOGおよびTwitterタグの両方を含めます。