シェアしたリンクが壊れて見えないようにする
X、LinkedIn、Slack、Facebookでのプレビューカードを制御する3つのOpen Graphタグが、ページに設定されているかを確認します。
OGPタグをチェックする重要な3つのタグ
og:title
共有プレビューカードに表示される見出しです。設定がない場合、多くのプラットフォームではページの通常の<title>にフォールバックしますが、これは共有を意識した文言になっていないことがほとんどです。
og:description
見出しの下に表示される要約テキストです。設定がないと、多くのプラットフォームは表示中のページテキストの一部をそのまま切り出して表示するため、文脈を欠いた不自然な文になることがあります。
og:image
プレビュー画像です。これが欠けていることが、シェアしたリンクが壊れて見えたり無視されたりする最大の原因です。画像のないリンクは、ほぼすべてのフィードでパフォーマンスが低下します。
これらのタグが使われる場所
仕組み
実際のブラウザでレンダリングするため、JavaScriptで追加されたタグも検出します。
URLを貼り付ける
実際のブラウザがレンダリング後のページを読み込みます。クライアントサイドのJavaScriptで追加されたタグも、静的HTMLのタグと同様に検出されます。
各タグの有無を確認
og:title、og:description、og:imageのそれぞれについて、存在するかどうかを確認し、欠けていれば指摘します。
修正案を取得
タグが欠けている場合は、お使いのフレームワークのメタデータの扱い方に合わせて、追加すべき正確なメタタグが提示されます。
よくある質問
実際にリンクがどう表示されるかのプレビューは見られますか?
いいえ。このツールは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のページが原因で、サイト全体のデフォルト値(あるいはデフォルトすら存在しない状態)に静かにフォールバックしています。とりわけ、個別にレビューされることのないプログラム生成ページでよく見られます。
関連監査
Website Audit
Run a free instant audit for performance, SEO, accessibility, and best practices.
SEO Audit
Check crawlability, metadata, structured data, and AI-agent discoverability.
Performance Audit
A full Lighthouse lab run across desktop and mobile, with framework-aware fixes.
Accessibility Audit
See exactly which WCAG 2.1/2.2 success criteria your site fails, and why.
Security Audit
Turn a header/vulnerability scan into SOC 2 and GDPR control evidence.
Website Speed Test
How fast your site loads, in plain language - one number, no jargon.
Core Web Vitals Test
Check LCP, CLS, and INP against Google's thresholds, lab and field.
Broken Link Checker
Crawl a page's links and find the ones that are dead before your users do.
Security Headers Checker
CSP, HSTS, and every other HTTP security header - analyzed, not just listed.
Schema Markup Checker
Check whether your page ships JSON-LD structured data search engines and AI agents can read.
Sitemap Checker
Check whether your sitemap.xml is reachable, valid, and free of common mistakes.
Redirect Checker
Trace a URL's redirect chain and catch loops, excess hops, and HTTPS-to-HTTP downgrades.
OGPタグを無料でチェック
og:title、og:description、og:imageの有無を1回のスキャンで確認します。
Run free audit