コード日進月歩

しんくうの技術的な小話、メモ、つれづれ、など

og:imageやog:titleで設定した画像を差し替えたときにTwitterとFacebookで再度取得しなおしてもらう方法

ogp画像を公開後に差し替えた場合に、画像を能動的にリフレッシュをして貰う方法。

今回考えるシチュエーション

og:image を差し替えたときに、FacebookTwitterで差し替わった画像に切り替わらない」というシチュエーション。

SNSサイトはページ表示時に逐次og:imageの画像を取得しているわけではなく、キャッシュをしているようなのでそのキャッシュが活きてしまい、TwitterFacebook側が変わったことを検知できないからだと思われる。

能動的に再取得してもらう方法

いずれのサイトも公式では案内していないので、切り口としては「再取得を能動的にしてもらう方法」と考えると良い

Twitter

Twitterでは指定したURLがどのような表記になるかを確かめられる機能があるが、そこで再取得がされる(模様)

Card Validator | Twitter Developers

こちらを使うにはTwitterにログインしている必要がある。

Facebook

Facebookの場合は下記のシェアデバッカーを使うことで再取得をさせることができる

シェアデバッカー

上記ページにURLを入力できる欄があるので、リフレッシュをさせたいURLを入れるとデバッグという形で再取得ができる(と思われる)

ただしこのシェアデバッカーもFacebookにログインしていないと使えないのでアカウントを持っていない人は注意。

関連ページ