入力したデータはサーバーに送信されますか？

いいえ。すべての処理はブラウザ内のJavaScriptで完結しており、入力されたメタタグ情報がサーバーに送信されることはありません。安心してご利用いただけます。

OGPを設定したのにSNSでプレビューが表示されません

OGPを設定・変更した後、SNS側でキャッシュが残っている場合があります。Facebookは「シェアデバッガー」、Twitterは「Card Validator」ツールでキャッシュをクリアできます。また、OG画像のURLが正しくアクセス可能であることを確認してください。

titleタグとog:titleは同じ内容にすべきですか？

基本的には同じ内容で問題ありません。ただし、titleタグは検索結果向け、og:titleはSNSシェア向けなので、用途に応じて微妙に変えることも有効です。例えば、titleタグにはブランド名を含め、og:titleはよりキャッチーな表現にするといった使い分けが考えられます。

twitter:cardの「summary」と「summary_large_image」の違いは何ですか？

「summary」は小さな正方形の画像が左側に表示されるコンパクトなカードです。「summary_large_image」は大きな画像がカード上部に表示される形式で、視覚的なインパクトが大きくなります。ブログ記事やニュース記事には「summary_large_image」、プロフィールページなどには「summary」が適しています。

og:localeはどのような場合に設定すべきですか？

日本語サイトの場合は「ja_JP」を設定します。これにより、FacebookなどのSNSがコンテンツの言語を正しく認識し、適切な表示を行います。多言語サイトの場合は、各言語ページに対応するlocaleを設定することが推奨されます。

ビジネス・仕事効率化

メタタグプレビュー

OGPメタタグをリアルタイムプレビュー。Google検索結果・Twitter/Xカード・Facebookシェアの表示を事前確認。文字数チェック＆HTMLコード生成付き。

入力フォーム

タイトル14 / 60

説明文52 / 160

URL

サイト名

OG画像URL

Twitterカード

プレビュー

ページタイトル | サイト名

example.com/page

ここにページの説明文を入力します。検索結果に表示される重要なテキストです。160文字以内が推奨されます。

バリデーション結果

✓タイトルの長さは適切です
✓説明文の長さは適切です
✓URLは有効です
✓OG画像URLが設定されています
✓サイト名が設定されています

HTMLコード出力

<title>ページタイトル | サイト名</title>
<meta name="description" content="ここにページの説明文を入力します。検索結果に表示される重要なテキストです。160文字以内が推奨されます。" />
<meta property="og:title" content="ページタイトル | サイト名" />
<meta property="og:description" content="ここにページの説明文を入力します。検索結果に表示される重要なテキストです。160文字以内が推奨されます。" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:site_name" content="サイト名" />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="ja_JP" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="ページタイトル | サイト名" />
<meta name="twitter:description" content="ここにページの説明文を入力します。検索結果に表示される重要なテキストです。160文字以内が推奨されます。" />
<meta name="twitter:image" content="https://example.com/og-image.jpg" />

このツールについて問い合わせる →