Open Graph生成：OGタグとTwitterカードを作成 | 無料ツール
304 回使用example.com
Page Title
Description...
Open Graphのヒント
OG+Twitterカード同時生成
Open Graph（Facebook、LinkedIn）とTwitterカードのメタタグを同時に生成。
ライブプレビュー
SNSでリンク共有時の表示をリアルタイムでプレビュー。
画像プレビュー
OG画像URLを入力してプレビュー確認。推奨サイズ：1200x630px。
コピー可能なHTML
生成されたメタタグはheadセクションに直接貼り付け可能。
よくある質問
無料ですか？
はい、完全無料です。
ウェブサイトコンテンツのOpen GraphタグとTwitter Cardタグをどれくらいの速さで生成できますか？
このような無料のOpen Graphジェネレーターを使用すると、必要なOGメタタグとTwitter Cardタグをすべてわずか数分で作成できます。URLまたはコンテンツの詳細を入力し、ライブプレビューを調整し、生成されたコードをコピーするだけです。この効率的なプロセスにより、手動でタグをコーディングするよりも大幅な時間を節約でき、新しいブログ投稿やウェブページがソーシャルメディア共有のためにほぼ瞬時に最適化されます。
生成されたOpen GraphメタタグはウェブサイトのHTMLコードのどこに追加すればよいですか？
Open GraphタグとTwitter Cardタグを生成した後、それらをウェブサイトのHTMLコードの`<head>`セクションに貼り付ける必要があります。WordPressのようなほとんどのコンテンツ管理システムでは、カスタムメタタグを追加するための専用セクションを提供するプラグイン（例：Yoast SEO、Rank Math）を使用するか、OGタグの生成を直接プラグインに任せることができます。手動で編集する場合、ソーシャルメディアクローラーに正しく認識され、共有時のコンテンツ表示が最適化されるように、必ず`<head>`タグ内に配置してください。
ライブプレビューが非常に重要なのはなぜですか？
ライブプレビューでは、公開する前にFacebookやTwitterで共有されたリンクがどのように表示されるかを正確に確認できます。タイトル、説明、画像をリアルタイムで調整できます。たとえば、タイトルが長すぎると切り取られる可能性があり、プレビューで即座に確認できます。これにより、恥ずかしい間違いを防ぎ、コンテンツがプロフェッショナルで魅力的に見えることを保証し、クリック率に直接影響します。
OGタグを生成するとサイトが遅くなりますか？
全く影響ありません。タグはページのheadセクションに追加される単なるHTMLコードで、ファイルサイズは約1KB以下です。ほとんどのファビコンより小さいです。タグがあってもなくても、ページの読み込み速度は変わりません。
FacebookとTwitterで別々のタグが必要ですか？
必ずしも必要ありません。このジェネレーターは1つのフォームからOpen GraphタグとTwitter Cardタグを同時に作成します。Facebookは`og:`プロパティを読み取り、Twitterは上書きしない限り同じタグを流用します。プラットフォームごとに説明文を変えたい場合は「カスタムTwitter Card」トグルをONに。たいていの人は1セットで十分です。公開前にプレビューで確認してください。
まだ公開していないページでもOGタグを生成できますか？
もちろんです。タイトル、説明文、画像を直接入力すればOK。公開済みのURLは不要です。下書き段階のブログ記事のプレビューをチェックしたり、見出しのA/Bテストをするのに最適です。ひとつの項目を変えるたびにFacebookのプレビューが即座に更新されるので、文字切れを事前に発見できます。
OGタグを更新しても、Facebookに古いキャッシュが残ることはありますか？
はい、Facebookは約24時間OGデータをキャッシュします。更新後に古い画像やタイトルが表示されるのはそのためです。FacebookのSharing Debugger（developers.facebook.com/tools/debug）にURLを貼り付け、「スクレイピングをやり直す」をクリックすると即座にキャッシュがクリアされます。Twitterカードは平均して数時間で更新されます。このツールでタグを生成後、両方のプラットフォームでスクレイピングするのを忘れずに。
非英語コンテンツでもOGタグは使えますか？
もちろん使えます。使うべきです。Open Graphタグはどの言語でも動作します。タイトルと説明文を対象言語で書くだけです。FacebookとTwitterはUnicode文字、絵文字、アクセント記号を問題なく表示します。日本語やアラビア語のテキストもプレビューで完璧に表示されます。ただし、CJK文字ではプラットフォームごとに文字数制限が異なる場合があるので、ライブプレビューで必ず確認してください。実際に公開する前に1記事だけテストするのがコツです。
OGタグをまったく設定しないとどうなりますか？
ソーシャルプラットフォームがページを自動で解析し、適当に情報を拾います。既存のtitleタグを使い、最初に見つかった画像を選び、本文からランダムに抜粋するだけです。結果として、写真が間違っていたり、タイトルが途中で切れたりするシェアが頻発します。Facebookで共有されるリンクの約30%はOGタグが未設定で、それらの投稿は明らかにエンゲージメントが低いというデータもあります。このジェネレーターなら2分もかかりません。ブランドの第一印象を運任せにしないでください。多くのCMSではテンプレートに一度貼るだけで済みます。
Open Graphタグの生成方法
- OGタイプを選択
- タイトル、説明、URLを入力
- 画像URLを追加
- プレビューを確認
- HTMLコードをコピー