ねこせん・にん

日々の暮らし、人生、節約術、株投資

はてなブログ記事でアイキャッチ画像を変更してTwitter投稿した時に反映されない時の対処方法

 

Preview card

 

ブログ記事を更新してTwitterに投稿しました。アイキャッチ画像を選択するのを忘れて記事中のAmazonリンクの画像が反映されてしまいました。Twitterアナリティクスをみるとやはり反応が悪い。

最初から決めていた画像をアイキャッチ画像に選択してTwitter投稿をやり直しました。しかし画像が反映されません。なんで? 調べてみました。

アイキャッチ画像がソーシャルメディア上で反映されない場合は はてなブログの設定でアイキャッチ画像を変更した後も、FacebookやTwitterなどのサービスで、古い画像が表示され続けることがあります。 各サービスで表示される画像を更新するには、サービスごとの開発者向けツールを利用してください。最新の記事内容が反映されます。 シェアデバッガー - Facebook for Developers 記事URLを入力し、「もう一度スクレイピング」をクリックしてください。 Card Validator | Twitter Developers 記事URLを入力し、「Preview card」をクリックしてください。

アイキャッチ画像(記事のサムネイル) - はてなブログ ヘルプ

との事です。

Card Validator | Twitter Developers

↑こちらのリンク先でブログURL入力して「Preview card」をクリックするとどのように表示されるか見れます。

再度Twitter投稿したところ無事に希望の画像が表示されました。

/* シェア数をカウントするJS */ // コールバック関数 function getJson(json) { var hatebuCount = json; var allSelector = document.getElementsByClassName('si-hatebu-count'); for(var i=0;i