個人的に「EWWW Image Optimizer」というプラグインは気に入っていて、私が運営しているブログでは全てにこのプラグインを導入しています。
この「EWWW Image Optimizer」というプラグインは『画像の容量を圧縮する機能』の他に『WebPに変換する機能』もついています。
二つの機能はブログを運営していく上でとても重要で、SEOにも関係してくることなので、是非「EWWW Image Optimizer」を導入していきましょう。
- 【有料WordPressテーマSWELLを使っている方へ】SWELLとの相性はあまり良くはないので、必要な時だけ有効化するようにしましょう。
- EWWW Image Optimizerの設定方法
- EWWW Image Optimizerの使い方
- 次世代フォーマット『WebP変換機能』の設定
![](https://blog-ouendan.com/wp-content/uploads/2022/08/無題1655_20220503221803-150x150.png)
初心者向けに分かりやすく画像を使って説明していきますので、安心してください!
↓↓↓インストール前にこちらの設定は済んでいますか?↓↓↓
![](https://blog-ouendan.com/wp-content/uploads/2022/06/2bec278ff8be42d8b3a82430db725f62-300x158.png)
![](https://blog-ouendan.com/wp-content/uploads/2022/07/5f6ce2f08c4ab94fdaba9be0cdbd945c-300x158.png)
![](https://blog-ouendan.com/wp-content/uploads/2022/07/c4023fd241c1a6bdbcfded8f025c1923-300x158.png)
![](https://blog-ouendan.com/wp-content/uploads/2022/07/f8fafe05d5d38bbd4ed89c52c5aa3a1b-300x158.png)
![](https://blog-ouendan.com/wp-content/uploads/2022/07/7227e19fbd9213b4cd4a362d16ddaa37-300x158.png)
![](https://blog-ouendan.com/wp-content/uploads/2022/08/無題1655_20220503221803-150x150.png)
少し宣伝!
EWWW Image Optimizerの設定方法
![EWWW Image Optimizerの設定方法](https://blog-ouendan.com/wp-content/uploads/2022/08/e588aee562919546adb9a2f0cf2868f5.png)
それでは早速EWWW Image Optimizerのインストールをしていきましょう。
WordPress管理画面⇨プラグイン⇨新規追加
EWWW Image Optimizer
上記をコピペして検索窓に貼り付けます。
![EWWW Image Optimizerインストール](https://blog-ouendan.com/wp-content/uploads/2022/07/2c38e334c6000f687850b98bb1df868d.png)
EWWW Image Optimizerをインストール後有効化で完了です。
WordPress管理画面⇨設定⇨EWWW Image Optimizer
![EWWW Image Optimizer設定画面](https://blog-ouendan.com/wp-content/uploads/2022/07/0bec7af5c6921def46ba1f196f2d9b15.png)
初めてEWWW Image Optimizerをインストールした時にはこのような画面が出てきます。
『サイトを高速化』『保存スペースを節約』『今は無料モードのままにする』にチェックを入れる。
次へをクリック。
![EWWW Image Optimizer設定2](https://blog-ouendan.com/wp-content/uploads/2022/07/5d8975ad57d9dd86f65ea7acdedc74ff.png)
WebPの変換については少し複雑なので別で進めていきます。
幅の上限は『1200』高さは空白にしておきましょう。
設定を保存を忘れずに。
![EWWW Image Optimizer設定完了](https://blog-ouendan.com/wp-content/uploads/2022/07/7803673376714c03e280e894421c9533.png)
完了ボタンを押してEWWW Image Optimizerの設定はおしまいです。
- メタデータというのは撮影場所の保存やカメラの情報のことです
- 遅延読み込みとうのは、記事を開いた時にすぐに画像ファイルを読み込まず、記事の表示を速くする機能です
- EWWW Image Optimizerは無料のままで十分すぎる機能が備わっています。無料のまま使用しましょう。
EWWW Image OptimizerのWebP変換機能の設定
![EWWW Image Optimizer
WebP変換](https://blog-ouendan.com/wp-content/uploads/2022/08/ab0c4024d94375efb7791135c8e7a72e.png)
WebPの重要性
EWWW Image Optimizerには画像の圧縮の他に『WebP変換』という機能が備わっています。
こちらが意外と重要なのですが、Googleが推奨している画像ファイルは『次世代フォーマット』と呼ばれる『WebP(ウェッピー)』です、
画像ファイルの違いについてはこちら
![](https://www.sedesign.co.jp/hubfs/169882812_l.jpg)
これまではJPEGやPNGなどが主流でしたが、これからは『WebP』が主流になってくると思われます。
PageSpeed Insightsというページ速度を計測するサイトがあるのですが、そちらで記事の計測すると次のように出てきます。
![PageSpeed Insightsの計測結果](https://blog-ouendan.com/wp-content/uploads/2022/07/e25e5f7bd024bc9c86e28c3c4d98113a.png)
『次世代フォーマットでの画像の配信』を推奨されます。
計測した記事は、WebP変換は行なっておらず、このような警告が出ました。
このようにページの表示速度に問題が出てしまうので
『SEO的に早くWebPに直した方がいい』と言うことです。
EWWW Image Optimizerの設定で画像を一括WebPに変換することができますので、早速設定していきましょう!
WebP変換機能の設定
![](https://blog-ouendan.com/wp-content/uploads/2022/08/無題1655_20220503221803-150x150.png)
それでは早速WebPの設定をしていきましょう。
WordPress管理画面⇨設定⇨EWWW Image Optimizer
![WebP変換設定](https://blog-ouendan.com/wp-content/uploads/2022/07/78b68c1a0f6df5e497db6e8e7e82d451.png)
EWWW Image Optimizerの設定画面の下のほうに『WebP変換』があります。
チェックを入れると画像のようなコードが出てきますのでコピーしましょう
![ドメイン選択画面](https://blog-ouendan.com/wp-content/uploads/2022/07/b45fcae4374588731472d88297314e2e.png)
WebPコードを追加するドメインを選択してください。
![.htaccessコードを貼り付ける](https://blog-ouendan.com/wp-content/uploads/2022/07/072bcf865d5c9206e45b0ea1299a6be0.png)
.htaccessコードを一番下に貼り付け、確認画面へ進むをクリック。その後『実行する』をクリック
WordPress管理画面⇨設定⇨EWWW Image Optimizer
![WebPに変換されているか確認](https://blog-ouendan.com/wp-content/uploads/2022/07/f50144912afd4da8ea36e418532c6c61.png)
先ほどPNGだった部分がWEBPに変わっていれば設定は完了です。
この設定をすることによって、WebPに対応しているブラウザーのみWebPにファイル変換されます。
対応していないブラウザーはPNGのままですが、特に気にする必要はありません。
EWWW Image Optimizerの使い方
![EWWW Image Optimizer使い方](https://blog-ouendan.com/wp-content/uploads/2022/08/23d7fe67c39936dd5da95e84a22743f2.png)
設定は全て完了したので、続いては『EWWW Image Optimizerの使い方』になります。
EWWW Image Optimizerの一括最適化を行うことによって、これまでの画像が全て圧縮、WebPに変換されます。
WordPress管理画面⇨メディア⇨一括最適化
![メディアから一括最適化選択](https://blog-ouendan.com/wp-content/uploads/2022/07/2b6f2493e68a8e3ec2a2ad7f84a18e87.png)
![画像を最適化](https://blog-ouendan.com/wp-content/uploads/2022/07/3aecba33caf876459c4b6f9824580b1a.png)
最適化されていない画像をスキャンするをクリックします。
![webp変換にチェック](https://blog-ouendan.com/wp-content/uploads/2022/09/webp.png)
画像圧縮ではなく、WebP変換のみ行いたいと言う場合は『WebPのみ』にチェックをいれて『画像をスキャン』しましょう。
![最適化をクリック](https://blog-ouendan.com/wp-content/uploads/2022/07/17377c97199ed2db7352791300ac8d3f.png)
最適化をクリックして画像が最適化されるのを待ちましょう。
WebP変換した記事を開く⇨画像を右クリック⇨検証をクリック
![WebPに変換されているかチェック](https://blog-ouendan.com/wp-content/uploads/2022/07/d21e03728d33e86d59d392ed44d99c9d.png)
『img src=”○○○.webp』となっていれば変換が成功しています。
『img』というのは画像のことです。
私は有料WordPressテーマのSWELLを使用しているのですが、SWELLと「EWWW Image Optimizer」の相性はあまり良くありません。
常時「EWWW Image Optimizer」を有効化していると不具合が起きることもあります。
使用しているテーマによって異なりますが、使う時だけ有効化するのがいいのかもしれません。
記事更新のたびに画像を最適化するのは面倒ですが、それを差し引いても便利なプラグインですので、是非使ってみてください。
まとめ〜【2023】EWWW Image Optimizerの設定方法と重要なWebP変換機能の説明〜
今回は個人的におすすめの「EWWW Image Optimizer」の設定とWebP変換機能についての説明でした。
「EWWW Image Optimizer」は画像を圧縮するプラグインなので、画像の容量を抑えるのに適しています。
![](https://blog-ouendan.com/wp-content/uploads/2022/08/00c3d3cf1d32995d7b5414ac551d13f3-150x150.png)
もうひとつの重要な機能としてWebP変換も忘れずに設定しましょう!
![](https://blog-ouendan.com/wp-content/uploads/2022/08/無題1655_20220503221803-150x150.png)
うまく使いこなしてSEO的に強いブログを作り上げていきましょう!
また、ブログについてもっと詳しく学びたい、質問があるという方はぜひご相談ください。
問い合わせ・コメント・ツイッターのDM等で気づき次第返信させていただきます。
ブログでオススメなのはこちらの『副業から本業に!ブログで稼ぐ本物のスキル教えます』になります。
この教材では
- SEO対策
- キーワード選定スキル
- WEBライティング
- 効率よくブログで収益を上げる方法
- アフィリエイト記事の書き方
さらに『記事添削サポート』や『アドセンス合格サポート』までついています。
現在ココナラでの限定特化として1/5の価格での販売となっております。
![](https://blog-ouendan.com/wp-content/uploads/2022/08/無題1655_20220503221803-150x150.png)
定員に達したら締め切りとなってしまいますので、ご利用の方はお早めにどうぞ!
以下のリンクから詳しい内容を確認することが出来ます。
コメント