Scanverra
OGPチェッカー

シェアしたリンクが壊れて見えないようにする

X、LinkedIn、Slack、Facebookでのプレビューカードを制御する3つのOpen Graphタグが、ページに設定されているかを確認します。

OGPタグをチェックする

重要な3つのタグ

og:title

共有プレビューカードに表示される見出しです。設定がない場合、多くのプラットフォームではページの通常の<title>にフォールバックしますが、これは共有を意識した文言になっていないことがほとんどです。

og:description

見出しの下に表示される要約テキストです。設定がないと、多くのプラットフォームは表示中のページテキストの一部をそのまま切り出して表示するため、文脈を欠いた不自然な文になることがあります。

og:image

プレビュー画像です。これが欠けていることが、シェアしたリンクが壊れて見えたり無視されたりする最大の原因です。画像のないリンクは、ほぼすべてのフィードでパフォーマンスが低下します。

これらのタグが使われる場所

X(Twitter)
LinkedIn
Facebook
Slack & iMessage

仕組み

実際のブラウザでレンダリングするため、JavaScriptで追加されたタグも検出します。

URLを貼り付ける

実際のブラウザがレンダリング後のページを読み込みます。クライアントサイドのJavaScriptで追加されたタグも、静的HTMLのタグと同様に検出されます。

各タグの有無を確認

og:title、og:description、og:imageのそれぞれについて、存在するかどうかを確認し、欠けていれば指摘します。

修正案を取得

タグが欠けている場合は、お使いのフレームワークのメタデータの扱い方に合わせて、追加すべき正確なメタタグが提示されます。

FAQ

よくある質問

実際にリンクがどう表示されるかのプレビューは見られますか?

いいえ。このツールは3つのタグが存在するかどうかを確認するものであり、各プラットフォームがそれをどう描画するかまでは確認しません。プラットフォームによって画像のトリミング、文字数制限、キャッシュの挙動は異なるため、ここでタグの存在を確認したあとは、各プラットフォーム自身のデバッガー(例: XのCard Validator、LinkedInのPost Inspector)で最終確認するのがもっとも確実です。

og:imageの画像サイズやファイルサイズも検証しますか?

いいえ。これはタグの有無を確認するだけのチェックです。タグが存在することは確認しますが、画像が各プラットフォームの推奨サイズ(一般的に1200x630前後)を満たしているか、あるいはアクセス可能でファイルサイズの上限内に収まっているかまでは確認しません。

Open GraphとTwitter/X Cardsは同じものですか?

別々の、しかし関連する規格です。Xはまず独自のtwitter:cardタグを読み込み、それがなければOpen Graphタグにフォールバックします。専用のTwitter Cardタグがなくても、og:title/og:description/og:imageがしっかり設定されていれば、ほとんどのプラットフォームをカバーできます。

そもそも、なぜこれらのタグが設定されていないページがあるのですか?

多くの場合、カスタムメタデータが一度も設定されなかったテンプレートやCMSのページが原因で、サイト全体のデフォルト値(あるいはデフォルトすら存在しない状態)に静かにフォールバックしています。とりわけ、個別にレビューされることのないプログラム生成ページでよく見られます。

Free - no sign-up required

OGPタグを無料でチェック

og:title、og:description、og:imageの有無を1回のスキャンで確認します。

Run free audit