各SNSのデバッガーを活用しよう

SNSでURLをシェアした際に、WEBサイトの情報がカード型でタイムラインに表示される。表示する内容はOGPタグを適切に設定することで制御可能だが、どのように表示されるのかを確認するには、各SNSの開発者ツールを利用することで確認することができる。

Facebookデバッガー

https://developers.facebook.com/tools/debug/

表示内容を確認したいURLを入力し、デバッグボタンをクリックすることでサイトをスクレピングし、OGPの内容を収集、表示してくれる。

また、すでにキャッシュされているURLのシェア情報をリフレッシュして最新の情報を取得することも可能。OGP画像の変更などがうまく反映されない場合に試してみると良いかも。

※Facebookにログインする必要あり。

Twitter Card validator

https://cards-dev.twitter.com/validator

こちらはTwitter用のシェアデバッガー。Facebookと同じく、表示内容を確認したいURLを入力し、Preview Cardボタンをクリックすることでサイトをスクレピングし、OGPの内容を収集、表示してくれる。Facebookデバッガー同様、すでにキャッシュされている情報のリフレッシュにも利用出来る。

※Twitterにログインする必要あり。