OGP・メタタグ プレビュー

あなたのページが Google・X(Twitter)・Facebook・LINE でシェアされたとき、どう表示されるかをその場で確認。足りないタグを補う meta コードをコピーできます。無料・登録不要。

OGP(Open Graph)とは?

Open Graph Protocol(OGP)は、ページの <head> に入れる小さな <meta> タグの集まりです。SNS・チャットアプリ、そして近年は AI に対して、リンクがカード表示されるときの「タイトル・説明・画像」を伝えます。

あなたのリンクを X・Facebook・LINE・Slack・Discord に貼ると、各サービスは OGP タグを読んでプレビューカードを作ります。タグが無いと、拾える情報だけの味気ないリンク(多くは画像なし)になります。X(Twitter)は Twitter カードという近い仕組みを使い、多くのサイトは両方を設定します。

なぜ重要か — クリックにも、AI にも

明確なタイトル・1行の説明・1200×630 の画像が揃ったカードは、素のURLよりはるかにクリックされます。これが人にとっての直接的な理由です。

見落としがちな第二の理由があります。同じ title と description のメタタグは、大規模言語モデルや AI 検索が「このページは何か」を理解するために最初に読む情報の一部です。正確な OGP は、人にも AI にも正しく要約されやすくします。空のまま・誤ったままでは、機械が推測するしかありません。

このツールの使い方

  1. 確認したいページの完全なURLを貼り付けます。
  2. プレビューカードで、Google・X・Facebook・LINE での見え方を確認します。
  3. 不足タグの一覧で、何が欠けているかを正確に把握します。
  4. 「貼るだけの meta タグ」をコピーし、ページの <head> 内に追加します。画像は実在する 1200×630 の画像に置き換えます。
  5. 再度チェックし、狙いどおりのカードになったか確認します。

重要なタグ

このツールが確認し、生成する Open Graph / Twitter カードのタグです:

og:title
カードに出る見出し。目安は全角30文字(約60字)以内。
og:description
1〜2行の要約。60〜160文字が目安。
og:image
プレビュー画像。大きなカードには 1200×630 ピクセルを使います。
og:url
ページの正規URL。シェアが正しいアドレスを指すようにします。
og:type
通常はページなら "website"、記事なら "article"。
og:site_name
サイト名。カードに併記されます。
twitter:card
"summary_large_image" を指定すると X で大きな画像カードになります。

よくある質問

この OGP チェッカーは無料ですか?
はい。URLを貼るだけで、プレビュー・不足タグ一覧・貼るだけのコードが得られます。登録もクレジットカードも不要です。
og:image の画像サイズは?
X・Facebook・LINE が好む大きなカードには 1200×630 ピクセルを使います。小さい画像は切り取られたり、小さなサムネイル表示になることがあります。
タグは正しいのに古いカードが表示されます。なぜ?
各サービスは OGP 情報をキャッシュします。更新後は、そのサービスのデバッガ(例:Facebook のシェアデバッガー)で再取得を促してください。
OGP タグは AI 検索に効きますか?
効きます。設定した title と description は、AI や AI 検索がページを理解・要約するために使う手がかりの一部です。全体像は無料の10項目チェックで確認できます。