🔥 0 人がこのツールを使用しました
Open Graphジェネレーター
OGメタタグを作成し、ソーシャルメディアプラットフォームで共有された際のページの見え方をプレビューします。
Open Graphタグ
0/60 文字
0/155 文字
Twitterカードタグ
ソーシャルメディアプレビュー
example.com
Page Title
Page description will appear here.
生成されたメタタグ
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">使い方とOpen Graphガイド
Open Graphとは？
Open Graphプロトコルは元々Facebookによって作成され、ソーシャルメディアプラットフォームで共有された際にウェブページの見え方を制御することを可能にします。OGタグはタイトル、説明、画像、その他のメタデータを定義します。
OGタグがない場合、ソーシャルプラットフォームはコンテンツを推測しようとしますが、しばしば不適切な結果になります。適切なOGタグを追加することで、共有リンクがプロフェッショナルで魅力的に見えるようになります。
OGタグのベストプラクティス
- ✓画像サイズ: すべてのプラットフォームで最適に表示されるよう、1200x630ピクセルの画像を使用してください。これはFacebookが推奨するサイズで、TwitterやLinkedInでも適しています。
- ✓タイトルと説明: OGタイトルは60文字以内、説明は155文字以内に収めることで、ほとんどのプラットフォームで切り捨てられるのを防げます。
- ✓Twitterカード: OGタグと一緒に必ずTwitterカードタグを含めてください。TwitterはOGタグを代用しますが、専用のTwitterタグを使用することで、より詳細な制御が可能になります。