【Cocoon】TwitterにブログURLを貼った時に画像(カード)表示されない

最終更新日

wordpressのCocoonのテンプレートを使用しています。Cocoon設定→OGPタブで設定しているのにも関わらず、TwitterにブログURLを貼った時に画像(カード)表示されない事象があった。これを解消する手順を記載しておく。

Twitterは、Twitter Cardの表示確認ができる「Card validator」という機能を提供しています。

ここに自分のサイトURLをセットして、「Preview card」ボタンを押すと、「ERROR: Fetching the page failed because other errors.」エラーが発生しました。

原因としては・・・

問題を調べていくと、どうもSSLの中間証明書が正常にインストールされていない or もしくは機能していないと「Twitter Card」ではエラーが発生するみたい。すなりんのサイトでは、JPRSのSSL証明書を使用しているが、中間CA証明書をインストールしなおしたらうまく表示された。

apacheの設定は以下のようになっているが、*.pemファイルに認証局が発行している最新の中間証明書を貼り付けないと今回のような不具合が発生する。

 SSLCACertificateFile /etc/pki/tls/certs/xxxxx.pem

BEGIN~ENDまで貼り付ける。また、古い中間証明書は削除する。

-----BEGIN CERTIFICATE-----
~
-----END CERTIFICATE-----

apacheをリスタートを実施し「Card validator」で検証した結果、無事Twitterに画像(カード)が表示された。

Card validator