シェアしたリンクが壊れて見えないようにする
X、LinkedIn、Slack、Facebookでのプレビューカードを制御する3つのOpen Graphタグが、ページに設定されているかを確認します。
重要な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)で最終確認するのがもっとも確実です。
いいえ。これはタグの有無を確認するだけのチェックです。タグが存在することは確認しますが、画像が各プラットフォームの推奨サイズ(一般的に1200x630前後)を満たしているか、あるいはアクセス可能でファイルサイズの上限内に収まっているかまでは確認しません。
別々の、しかし関連する規格です。Xはまず独自のtwitter:cardタグを読み込み、それがなければOpen Graphタグにフォールバックします。専用のTwitter Cardタグがなくても、og:title/og:description/og:imageがしっかり設定されていれば、ほとんどのプラットフォームをカバーできます。
多くの場合、カスタムメタデータが一度も設定されなかったテンプレートやCMSのページが原因で、サイト全体のデフォルト値(あるいはデフォルトすら存在しない状態)に静かにフォールバックしています。とりわけ、個別にレビューされることのないプログラム生成ページでよく見られます。
関連監査
ウェブサイト監査
パフォーマンス、SEO、アクセシビリティ、ベストプラクティスの無料インスタント監査を実行します。
SEO監査
クロール可能性、メタデータ、構造化データ、AIエージェントによる発見可能性を確認します。
パフォーマンス監査
デスクトップとモバイルの両方で行う完全なラボ性能監査と、フレームワークを考慮した修正案。
アクセシビリティ監査
サイトがどのWCAG 2.1/2.2成功基準を満たしていないか、その理由とともに正確に把握できます。
セキュリティ監査
ヘッダー・脆弱性スキャンをSOC 2やGDPRの統制証跡に変換します。
ウェブサイト速度監査
サイトの読み込み速度を専門用語なしの分かりやすい1つの数値で確認できます。
Core Web Vitals監査
LCP、CLS、INPをGoogleの基準値と照らし合わせ、ラボデータとフィールドデータの両方で確認します。
リンク切れチェッカー
ページ内のリンクをクロールし、ユーザーより先にリンク切れを見つけます。
セキュリティヘッダーチェッカー
CSP、HSTSなどすべてのHTTPセキュリティヘッダーを、一覧表示だけでなく分析します。
スキーママークアップチェッカー
検索エンジンやAIエージェントが読み取れるJSON-LD構造化データを配信しているか確認します。
サイトマップチェッカー
sitemap.xmlにアクセスでき、有効で、よくある間違いがないか確認します。
リダイレクトチェッカー
URLのリダイレクトチェーンを追跡し、ループ、過剰なホップ、HTTPSからHTTPへのダウングレードを検出します。
SSL チェッカー
有効期限、ホスト名、信頼チェーン、TLS バージョン、鍵の強度、HSTS を数秒で確認できます。
コントラストチェッカー
2色の WCAG コントラスト比を計算し、AA と AAA の判定と、基準を満たす色の提案を表示します。
技術チェッカー
サイトがどの CMS、フレームワーク、EC プラットフォーム、ライブラリで構築されているかを調べます。
robots.txt チェッカー
構文、Sitemap 行、サイズ上限を検証し、Googlebot などのクローラーが URL を取得できるかをテストします。
canonical チェッカー
canonical タグの欠落、重複、相対 URL、矛盾を見つけ、正規 URL が正常に読み込まれるかを確認します。
hreflang チェッカー
言語コード、x-default、自己参照を検証し、各代替ページから相互リンクが返っているかを確認します。
メタタグチェッカー
任意のページの title タグ、メタディスクリプション、H1 見出し、robots、viewport、Open Graph タグを確認します。
HTTP ステータスチェッカー
最大 20 件の URL について、200、301、404、500 やリダイレクトチェーンをまとめて確認します。
CSP 評価ツール
URL またはポリシーの貼り付けで、unsafe-inline、unsafe-eval、ワイルドカード、object-src や base-uri の欠落を確認します。
混在コンテンツチェッカー
HTTPS ページ上で、ブラウザがブロックまたは警告する http:// のスクリプト、スタイルシート、iframe、画像を見つけます。
代替テキストチェッカー
alt の欠落、空、ファイル名のまま、長すぎる画像を見つけ、アクセシビリティと画像 SEO を改善します。
API キー漏えいチェッカー
サイトの公開 HTML と JavaScript をスキャンし、露出した API キー、トークン、シークレットを見つけます。
MCPセキュリティスキャナー
リポジトリ内のバージョン未固定のMCPサーバー、漏えいトークン、危険なエージェント設定を検出。
バイブコーディングのセキュリティ
AIが書いたコードのシークレット、インジェクション、危険な依存関係をチェック。
ADA準拠チェッカー
ADA関連の事案で参照されるWCAG基準でサイトをテスト。
EAA準拠チェッカー
欧州アクセシビリティ法の基盤となるWCAG基準でサイトをチェック。
代理店向け
1つのチームプランで、クライアントサイトのSEO・速度・アクセシビリティ・セキュリティを監査。