wordpressで自サイトのブログカードが表示されない...原因はプラグイン「Head Cleaner」でした。

      2016/11/04

 

最近のwordpressでは「はてなブログ」でお馴染みのブログカードが標準で実装されるようになりました。

作成方法は執筆画面の「ビジュアル」タブに目的のURLをそのまま張り付けるだけです。

https://pilotsgate.com/to-be-a-pilot-948/

これがブログカードです。とても便利な機能ですね。しかし、私は長い間この機能が使えずにいました。その原因は高速化プラグインの「Head Cleaner」でした。

スポンサーリンク

サイトの表示速度を上げるプラグイン「Head Cleaner」

Head Cleanerはページソースの記述内容を自動的に最適化してサイトの表示速度を上げてくれるという便利なプラグインです。SEO対策としてサイトの表紙速度は重要ですから機能だけを見ると実装したくなりますよね。

しかしページのソースを書き換えてしまうため注意がひつようなプラグインでもあります。このブログでもブログカードがただのリンクになったままでした。

スクリーンショット 2016-07-19 10.17.23

テンプレートによっては不具合が起きる

GoogleでHead Cleanerを検索すると不具合が多発しているような予測検索結果が多数表示されます。

スクリーンショット 2016-07-19 10.31.28

あやしそうなプラグインですね。

Head CleanerはCSSとJavaScriptを書き換えるプラグインです。CSSはサイトのレイアウトに関係してきますし、JavaScriptは画像の表示に関わります。ブログカードの表示にも影響が出ることが考えられますね。そこでこのプラグインを停止してみます。

スクリーンショット 2016-07-19 10.17.43

プラグインを停止して再度ページを確認してみます。すると、無事にブログカードが表示されていました。

スクリーンショット 2016-07-19 10.18.06

サイトの表示速度は大切ですが、わたしはサイトの見た目にもこだわりたいのでプラグイン「Head Cleaner」は諦めることにしました。

まとめ

wordpressでブログカードが正しく表示されずにただのリンク表示になってしまうのは、サイトの表示速度を上げるプラグイン「Head Cleaner」が原因かもしれません。



読んでいただきありがとうございます。
この記事はお役に立ちましたか?シェアしていただけるとうれしいです。

社会人4年目のゆとり。陸単自家用ライセンス取得のためカナダに分割渡航で操縦練習中。訓練機にあえてC152を選ぶ変態。グライダーの自家用と教育証明を取得済み。


フォローしていただけるとうれしいです。また、記事に関するコメントはTwitterにてお願いします。

follow us in feedly


Facebookページも始めました。フォロー(いいね!)していただければ、役立つ情報をタイムラインへお届けします。