最近使用したツールはありません
お気に入りはまだありません

Open Graph生成:OGタグとTwitterカードを作成 | 無料ツール

411 回使用
example.com
Page Title
Description...

Open Graphのヒント

OG+Twitterカード同時生成
Open Graph(Facebook、LinkedIn)とTwitterカードのメタタグを同時に生成。
ライブプレビュー
SNSでリンク共有時の表示をリアルタイムでプレビュー。
画像プレビュー
OG画像URLを入力してプレビュー確認。推奨サイズ:1200x630px。
コピー可能なHTML
生成されたメタタグはheadセクションに直接貼り付け可能。

よくある質問

Q OGタグを生成するとサイトが遅くなりますか?
A 全く影響ありません。タグはページのheadセクションに追加される単なるHTMLコードで、ファイルサイズは約1KB以下です。ほとんどのファビコンより小さいです。タグがあってもなくても、ページの読み込み速度は変わりません。
Q FacebookとTwitterで別々のタグが必要ですか?
A 必ずしも必要ありません。このジェネレーターは1つのフォームからOpen GraphタグとTwitter Cardタグを同時に作成します。Facebookは`og:`プロパティを読み取り、Twitterは上書きしない限り同じタグを流用します。プラットフォームごとに説明文を変えたい場合は「カスタムTwitter Card」トグルをONに。たいていの人は1セットで十分です。公開前にプレビューで確認してください。
Q まだ公開していないページでもOGタグを生成できますか?
A もちろんです。タイトル、説明文、画像を直接入力すればOK。公開済みのURLは不要です。下書き段階のブログ記事のプレビューをチェックしたり、見出しのA/Bテストをするのに最適です。ひとつの項目を変えるたびにFacebookのプレビューが即座に更新されるので、文字切れを事前に発見できます。
Q OGタグを更新しても、Facebookに古いキャッシュが残ることはありますか?
A はい、Facebookは約24時間OGデータをキャッシュします。更新後に古い画像やタイトルが表示されるのはそのためです。FacebookのSharing Debugger(developers.facebook.com/tools/debug)にURLを貼り付け、「スクレイピングをやり直す」をクリックすると即座にキャッシュがクリアされます。Twitterカードは平均して数時間で更新されます。このツールでタグを生成後、両方のプラットフォームでスクレイピングするのを忘れずに。
Q 非英語コンテンツでもOGタグは使えますか?
A もちろん使えます。使うべきです。Open Graphタグはどの言語でも動作します。タイトルと説明文を対象言語で書くだけです。FacebookとTwitterはUnicode文字、絵文字、アクセント記号を問題なく表示します。日本語やアラビア語のテキストもプレビューで完璧に表示されます。ただし、CJK文字ではプラットフォームごとに文字数制限が異なる場合があるので、ライブプレビューで必ず確認してください。実際に公開する前に1記事だけテストするのがコツです。
Q OGタグをまったく設定しないとどうなりますか?
A ソーシャルプラットフォームがページを自動で解析し、適当に情報を拾います。既存のtitleタグを使い、最初に見つかった画像を選び、本文からランダムに抜粋するだけです。結果として、写真が間違っていたり、タイトルが途中で切れたりするシェアが頻発します。Facebookで共有されるリンクの約30%はOGタグが未設定で、それらの投稿は明らかにエンゲージメントが低いというデータもあります。このジェネレーターなら2分もかかりません。ブランドの第一印象を運任せにしないでください。多くのCMSではテンプレートに一度貼るだけで済みます。
Q OGタグ用の画像サイズはどうすればいい?
A 1200x630ピクセルを目指しましょう。Facebookのリンクプレビューに最適で、Twitterでも綺麗に表示されます。一部の表示では画像がトリミングされるので、テキストは端に置かないでください。ここのライブプレビューで画像を入れ替えて確認できます。ぼやけた画像や伸びた画像はクリックを損なうので注意。
Q og:imageとTwitterの画像タグには違いがありますか?
A ありますが、TwitterとFacebookでの見え方を気にする場合だけです。当ジェネレーターは`og:image`と`twitter:image`の両方を出力します。Twitter専用タグを入れないと、自動的にOpen Graphの値が使われます。ただし、Twitterの大画像カードは2:1の比率で表示され、Facebookは1.91:1を好みます。1200x630の画像1枚なら、両方で問題なく機能します。見た目を調整したい場合は、カスタムTwitterトグルをオンにして、代わりに600x335のクロップをアップロードしてください。実用的なコツ:大規模なキャンペーンを予約する前に、生成したURLを必ずTwitterのCard Validatorでテストしましょう。
Q 短縮URLを使うとOpen Graphタグは消えてしまいますか?
A 一般的な短縮URLサービスを経由すると、カスタムメタタグが失われることがよくあります。SNSのクローラーは、リダイレクト先の最終的なURLを直接読み取るためです。有料のツールであれば、カスタムドメインでヘッダー情報を保持できるものもあります。メルマガで配信する前に、必ず当ツールのプレビュー画面でリンクの動作を確認してください。
Q プラグインなしでWordPressにこれらのタグを設置できますか?
A はい、重いSEOプラグインを導入する必要はありません。ツールで生成したタグをコピーし、テーマのheader.phpファイルの閉じタグの直前に貼り付けます。ただし、テーマを更新するとコードが消える点に注意してください。安全を考慮するなら、専用のスニペット追加プラグインを使うのがベストです。

Open Graphタグの生成方法

関連ツール