このツールを使う場面
- 新しいURLをSNSやチャットで共有する前
- タイトル・説明・画像を更新した後
- プラットフォームごとに表示が違うとき
OG Preview
WebページURLを入力すると、Open Graph、Twitterカード、基本SEOメタデータを取得し、共有カードの見え方をすばやく確認できます。
使い方
- 下の入力欄に完全なWebページURLを貼り付けます。
- メタデータをプレビューを押して、このアプリ経由でページを取得し、SNSタグを読み取ります。
- ビジュアルプレビューカードと生のメタデータ値を並べて確認します。
ソーシャルプレビューカード
このプレビューでは、Open Graph、Twitter、通常のページメタデータの順に優先して表示します。
上にWebページURLを入力すると、メタデータのプレビューを表示できます。
抽出されたメタデータ
相対URLを可能な範囲で解決した上で、ページソースから見つかった生の値を表示します。
上にWebページURLを入力すると、メタデータのプレビューを表示できます。
大事なリンクを共有する前に確認
タグ確認から原因切り分け、関連ガイドへの移動までを短時間で行える導線です。
使い方
- 下の入力欄に完全なWebページURLを貼り付けます。
- メタデータをプレビューを押して、このアプリ経由でページを取得し、SNSタグを読み取ります。
- ビジュアルプレビューカードと生のメタデータ値を並べて確認します。
よくあるミス
- 公開後に1回だけ確認して更新完了と判断すること
- og:imageに相対URLや非公開URLを使うこと
- タグ更新後にキャッシュ再取得を行わないこと