ゆめぴょんの知恵ゆめぴょんの知恵
サイト制作、WordPressカスタマイズ、無料アプリ紹介など。海外旅行135ヶ国。知識を知恵にするブログ!

【WordPress】Flickr/Picasa利用者へ!サムネイルやアイキャッチ重複回避方法

キングペンギンの重複

ブログに利用するアイキャッチ画像をFlickrやPicasaなどの外部サービスから貼り付けている場合、サムネイルやアイキャッチを重複生成していませんか。今回は気づいていない重複画像を1本化する方法についてです。高速化も期待できます。

ゆめぴょん(@yume_pyon)です。こんちはっ!

ブログやサイトの表示速度を計測するサービス「GTmetrix」でついに念願の1秒台を達成したことについては、先週のブログでも書きました。

W3 Total Cacheで1秒台達成!WordPress高速化の設定方法を詳しく解説W3 Total Cacheで1秒台達成!WordPress高速化の設定方法を詳しく解説45 shares

「W3 Total Cache」はブログの表示速度を高速化するキャッシュ系のプラ…

WordPressサイト高速化でSEO対策!17の表示速度アップ術WordPressサイト高速化でSEO対策!17の表示速度アップ術17 shares

ブログ表示速度の高速化についてはいろいろ書いてきました。今後は表示速度が遅いとG…

しかし「GTmetrix」にはまだまだ注意されてばかりです。1つ1つ解決していますが、手をつけられてない箇所も多いです。それが全て完了すると100%と採点されるんでしょうね。

ブログ記事一覧の重複サムネイルを削除する方法

GTmetrixやGoogle Page Speedで「Serve resources from a consistent URL」という注意が出たら、サムネイルに使われている同じ画像が違うURLで呼び出されて重複している可能性が高いです。

GTmetrix注意

調べてみると、確かに同じサムネイル画像なのに違うURLで呼び出していました。しかし私には全く覚えがありません。そこでサムネイルではなく、元のアイキャッチ画像をチェックしてみると原因がわかりました。

それらの元の画像は全て、FlickrやPicasaの外部サービスから貼っていました。当然、同じ画像を何度も使う場合は、同じ外部URLを貼っています。しかし同じ外部URLでもサムネイルは別々に作られてしまうため重複が発生するのです。

サムネイルの重複をなくす方法は簡単です。外部サービスから同じ画像を使う場合は、既に生成されているアイキャッチ(WordPressが内部サーバーに保存している画像)を利用すればいいのです。するとサムネイルも同じのを使うので重複しません。

内部のアイキャッチを選択する方法は、WordPressの投稿画面で「メディアライブラリ」から選択するのが一番簡単だと思います。

ただし注意があります。もしサーバー移転する場合は「メディアライブラリ」の中身も移動する必要があります。ドメイン変更を行う場合は、画像へのリンクを貼り直す必要もあります。FlickrやPicasaから画像を利用している場合は不要だった作業です。

「Auto Post Thumbnail」導入後の重複アイキャッチの削除方法

上のサムネイルの重複とは違った現象ですが、ブログ記事の最初の画像(アイキャッチ)が重複した場合、だいたいは「Auto Post Thumbnail」プラグインを直前に導入したことが原因です。

だからと言って「Auto Post Thumbnail」をはずす必要はありません。アイキャッチ画像にFlickrやPicasaを利用している人にこそ、このプラグインは威力を発揮するのですから。

「Auto Post Thumbnail」プラグインを解除せずに画像の重複を削除するには、テーマファイルを編集する必要があります。FTPや直接編集できる人は下のとおり書き換えてください。

それ以外の初心者などは、WordPress管理画面「外観」→「テーマ編集」をクリック。右側のファイル一覧から「single.php」か「content.php」などを選択。テーマにより様々ですが投稿記事のメインカラムの部分です。

なおテーマファイルはWordPressで最も重要なファイルの1つなので、修正を加える前には必ずバックアップをとってくださいね。そして問題が起こったらすぐに元に戻してください。修正は自己責任でお願いします。

ファイルを選択したらブラウザで「the_post_thumbnail」を検索。次のようにコメント化してください。要するにサムネイルを表示する関数を削除すればいいのですが、将来使う時のためにここではコメント化しました。ファイル保存を忘れずに!

修正前

修正後

まとめ:今日のゆめぴょんの知恵

設定は以上です。自分のブログ記事を見て重複アイキャッチ画像がなくなってるか確認してください。後半の内容については下記事でも書いたことがあります。おすすめプラグイン「Auto Post Thumbnail」について知りたい人は下の記事を参考にしてください。

【WordPress】Auto Post Thumbnailでアイキャッチやサムネイル画像を自動設定!過去記事も【WordPress】Auto Post Thumbnailでアイキャッチやサムネイル画像を自動設定!過去記事も

「Auto Post Thumbnail」は新規投稿だけでなく過去記事のFlic…

次回の記事は「ウェブ制作に役立つチップ」の予定です(^^)。更新を見逃さないためにも、 feedlyの登録をおすすめします(^^)/

ゆめぴょん(@yume_pyon)でした。ばいちゃお! こてっZzz

«前記事:【WordPress】カテゴリ・タグページのタイトルと説明文をカスタマイズWordPressサイト高速化でSEO対策!17の表示速度アップ術:次記事»
ページ
↑先頭
ホーム