OG Tag Generator
Generate Open Graph and Twitter tags
推奨: 60文字以内
推奨: 1200×630px
生成されたタグ
<!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:locale" content="en_US"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image">
このツールについて
Open Graphタグは、Facebook、LinkedIn、WhatsAppなどのソーシャルメディアでページが共有された際の表示方法を制御します。これらのタグがないと、プラットフォームが間違った画像やタイトルを選ぶことがあります。
Twitter Cardタグは、Twitter/Xで同じ役割を果たします。summary_large_imageカードタイプは記事やブログ投稿に最適な大きな画像を表示します。最高の結果を得るために、画像は少なくとも1200×630ピクセルが必要です。
使い方
- タイトル、説明、URLフィールドを入力します。
- ソーシャルプレビュー用の画像URLと代替テキストを追加します。
- OGタイプ、ロケール、Twitterカード設定を選択します。
- 生成されたタグをコピーし、HTMLの<head>セクションに貼り付けます。
活用事例
Web開発者は新しいページがソーシャルメディアで正しく表示されることを確認します。マーケターはコンテンツが共有される際の魅力的なプレビューを保証します。ブロガーは投稿の正しい画像と説明を設定します。SEOスペシャリストはエンゲージメント向上のためソーシャルメタデータを最適化します。
よくある質問
- OGタグとTwitter Cardタグの違いは？ — OGタグはFacebook、LinkedIn、WhatsAppなどほとんどのソーシャルプラットフォームで使用されます。Twitter CardタグはTwitter/X専用ですが、Twitter Cardタグがない場合はOGタグにフォールバックします。
- 推奨される画像サイズは？ — 1200×630pxが推奨されます。小さすぎる画像はプラットフォームによってスキップされる場合があります。ファイルサイズは8MB未満にしてください。
- og:typeにはどの値を使うべきですか？ — 一般的なページには"website"、ニュースやブログ投稿には"article"を使用してください。他の値にはvideo、music、book、profileがあります。