URLプレビューツール

Open Graph プレビューチェッカー

公開URLを入力して、Open Graph画像、title metadata、description metadata、主要なソーシャルプレビュータグを確認できます。

含まれるチェック

カード表示を左右しやすいタグと画像ルールを素早く確認します。

og:titleog:descriptionog:imagetwitter:cardHTTPS imageabsolute URL

上にURLを貼り付けると、共有前に画像、タイトル、説明、欠落したmetadataタグを確認できます。

リンクがフィードやチャットに表示される前に、クローラーが読める内容を確認します。

これらの項目は、多くの共有先でカードの見出し、要約、画像、canonical URLを決めます。

og:titleog:descriptionog:imageog:url

Twitter Card項目を分けて表示し、X固有の上書き値かOpen Graphの再利用かを判断しやすくします。

twitter:cardtwitter:titletwitter:descriptiontwitter:image

相対画像パス、非HTTPSアセット、無効な画像URL、レスポンス問題を確認します。

absolute URLHTTPS imageimage response

カード不具合の多くはHTML metadataや画像配信の細部から起きます。

主な原因は og:image の欠落、相対パス、ホストにブロックされた画像レスポンス、大きすぎる画像、クローラーが到達できないURLです。完全なHTTPS画像URLを使い、1200 x 630に近い比率を保ってください。

このチェッカーは現在のHTMLを読みますが、Facebook、X、LinkedIn、Slack、Discordはクローラーが再訪するまで古いカードを表示する場合があります。現バージョンは公式キャッシュ更新ツールを呼びません。

ブラウザーは /og.png のようなパスを現在ページから解決できますが、ソーシャルクローラーには完全な画像URLが最適です。非HTTPSリソースは安全な共有面で拒否または低信頼扱いになることがあります。