ブログに写真を載せるとき、こんな手順を踏んでいませんか。
スマートフォンで写真を撮る。そのままWordPressの管理画面を開く。メディアライブラリに写真をアップロードする。記事に挿入する——。
実はこの「そのままアップロード」という行為が、あなたのサイトにじわじわとダメージを与え続けています。しかもそのダメージは、表示速度だけにとどまりません。
「そのままアップロード」が引き起こす問題
最近のスマートフォンのカメラは非常に高性能です。iPhoneで撮影した写真は、解像度が3000ピクセルを超え、ファイルサイズが2〜5MBになることも珍しくありません。
しかしブログに掲載される画像は、実際には横幅1000ピクセル程度あれば十分な場合がほとんどです。5MBの画像を1000ピクセルの枠に押し込んでいるようなもので、余分なデータをブラウザが一生懸命読み込んでいる状態です。
これが積み重なると何が起きるでしょうか。
まずページの表示速度が落ちます。画像が多い記事では、読み込みに数秒かかることも珍しくありません。前の記事でお伝えした通り、3秒を超えると約40%のユーザーが離脱します。どんなに良い記事を書いても、表示される前に去られてしまいます。
次にSEOの評価が下がります。Googleは表示速度を検索順位の評価要因としています。重い画像が原因でページが遅くなれば、検索順位にも影響します。
さらにサーバーの容量を無駄に使い続けます。最適化されていない画像が積み重なると、サーバーのストレージが圧迫され、バックアップのファイルサイズも膨らみます。
「そのままアップロード」は一見手軽に見えて、実はサイト全体にじわじわとダメージを与え続ける行為なのです。
画像最適化とは何か
「画像最適化」という言葉を聞くと、「画質が落ちてしまうのでは？」と心配する方がいます。しかし実際には、人間の目にはほとんど違いがわからないレベルの圧縮でも、ファイルサイズを大幅に削減できます。
画像最適化とは、主に以下の3つのことを指します。
- ファイルサイズの圧縮
画像の品質をほぼ保ったまま、ファイルサイズを小さくします。もとのファイルが5MBあったものを、見た目ほぼそのままで500KBにまで圧縮できるケースもあります。 - 適切なサイズへのリサイズ
3000ピクセルの画像を、実際に表示されるサイズに合わせてリサイズします。表示サイズに合った解像度にするだけで、ファイルサイズは劇的に小さくなります。 - WebP形式への変換
WebPはGoogleが開発した次世代の画像フォーマットです。JPEGやPNGと比べてファイルサイズが大幅に小さく、画質はほぼ同等です。現在では主要なブラウザのほとんどがWebPに対応しており、WordPressでも積極的に活用できます。
画像最適化は「画質を犠牲にすること」ではありません。「必要十分な品質を保ちながら、無駄を削ぎ落とすこと」です。まさにKuuの設計思想と同じ考え方です。
実は画像には「見えない情報」も含まれている
画像最適化で多くの方が見落としがちなのが、ファイルサイズ以外の部分です。
実は画像には、ファイルサイズや画質以外にも、SEOやアクセシビリティに影響する「見えない情報」が含まれています。
一つはファイル名です。「IMG_1234.jpg」というファイル名のままアップロードするのと、「wordpress-image-optimization.jpg」というファイル名でアップロードするのとでは、Googleの画像検索への影響が異なります。
もう一つは代替テキスト（alt属性）です。画像が表示されない環境や、視覚障害のあるユーザーがスクリーンリーダーを使って閲覧する際に読み上げられるテキストです。Googleも画像の内容を理解するためにalt属性を参照しており、SEOにも関係しています。
さらにはタイトルやキャプションなど、画像に付随する情報も正しく設定することで、検索エンジンへの情報伝達が豊かになります。
これらの詳しい設定方法については、今後の記事で一つひとつ丁寧に解説していきます。「画像を最適化する」というのは、ファイルを圧縮するだけではないのだということを、まずは頭の片隅に置いておいてください。
Kuuが画像最適化をサポートする仕組み
Kuuテーマには、画像最適化を助ける機能がいくつか標準装備されています。
その一つが遅延読み込み（Lazy Load）です。通常、ページを開くとすべての画像が一度に読み込まれますが、遅延読み込みを使うと画面に表示される直前のタイミングで画像を読み込みます。これによりページの初期表示が速くなり、ユーザーがスクロールしながら快適にコンテンツを読み進められます。Kuuテーマではこの遅延読み込みがデフォルトで有効化されています。
ただし画像の圧縮やWebP変換については、サーバー側での処理が必要なため、プラグインの力を借りる必要があります。KuuがこのためにおすすめしているのがEWWW Image Optimizerです。アップロードした画像を自動的に圧縮・WebP変換してくれる、信頼性の高いプラグインです。具体的な設定方法については別記事で詳しく解説しますので、楽しみにしていてください。
まずは「意識する」ことから始めよう
画像最適化は難しいことではありません。しかし多くのWordPressユーザーが、その重要性を知らないまま「そのままアップロード」を続けています。
まずは今日から、こんな意識を持つだけで十分です。
「スマートフォンで撮った写真をそのままアップロードしない」 「画像にはファイルサイズ以外にも気を配るべき情報がある」
この二つの意識を持つだけで、あなたのサイトは着実に変わり始めます。
具体的なやり方——EWWW Image Optimizerの設定方法、ファイル名の付け方、代替テキストの書き方——については、このサイトで順番に丁寧に解説していきます。
画像最適化を制する者は、WordPressを制する。それくらい、画像はサイト運営において重要な要素です。一緒に学んでいきましょう。
参考文献
気になる内容はぜひリンク先もご覧ください。
表示速度はモバイル検索の公式ランキング要因（Google Search Central）
Googleが公式に発表した、ページの読み込み速度がモバイル検索の順位決定に影響することを示したドキュメントです。速度改善はSEO対策として避けて通れない要素であることが明確に示されています。
Kuuが「軽量・高速」にこだわる理由は、ユーザー体験だけでなくSEOの観点からも正しい選択であることをGoogleが証明しています。
https://developers.google.com/search/blog/2018/01/using-page-speed-in-mobile-search?hl=ja
画像最適化がSEOとUXに与えるメリット（Technogram）
画像最適化がなぜSEOに重要なのか、ユーザー体験との関係、そしてAI検索時代に求められる対策まで網羅的に解説されています。画像を「ただ貼るだけ」にしてはいけない理由がわかります。
Kuuがデフォルトで遅延読み込みを実装し、EWWW Image Optimizerを推奨する理由がここに凝縮されています。
https://www.technogram.co.jp/aio-seo/seo-image-optimization/
Googleが画像を認識するための正しい方法（Google Search Central）
ファイル名・alt属性・構造化データなど、Googleが画像を正しく理解するために必要な要素を解説したGoogle公式ドキュメント。画像SEOの一次ソースとして最も信頼性の高い情報です。
Kuuが「画像には見えない情報がある」と伝える根拠がここにあります。
https://developers.google.com/search/docs/appearance/google-images?hl=ja
次世代画像フォーマットWebPの概要（Google for Developers）
GoogleがWebのために開発したWebP形式の仕組みと利点を解説した公式ドキュメントです。JPEGやPNGより大幅に軽量でありながら画質を保てる理由がここに示されています。
KuuがEWWW Image OptimizerでのWebP変換を推奨する技術的な根拠です。JPEGより軽く、画質はほぼ同等というのは伊達ではありません。
https://developers.google.com/speed/webp?hl=ja
alt属性の正しい使い方（WCAG 2.0 達成方法集）
アクセシビリティの国際標準規格WCAGによる、img要素のalt属性の適切な使用方法の定義です。SEOだけでなく、視覚障害のあるユーザーへの配慮としても欠かせないalt属性の重要性が示されています。
Kuuが「画像の最適化はファイルサイズだけではない」と伝える理由の一つがここにあります。SEOと優しさは、実は同じ方向を向いています。
https://waic.jp/translations/WCAG-TECHS/H37
ブラウザ標準の遅延読み込み（Lazy Load）とは（web.dev）
ブラウザに標準搭載された遅延読み込み機能の仕様と利点を解説した技術ドキュメントです。Kuuテーマに標準装備されているこの機能が、なぜページの初期表示を速くするのかが理解できます。
つまり、特別なことではなく「当然あるべき設計」なのです。
https://web.dev/articles/browser-level-image-lazy-loading?hl=ja
WordPressで使う画像サイズの目安（Cocoon）
WordPressの記事内で使う画像の推奨サイズと最適化の具体的な方法を解説。「何ピクセルで保存すればいいの？」という疑問は、Kuuユーザーにも必ず訪れます。
実践的な答えがここにあります。まずはここで基準を掴んでください。
https://wp-cocoon.com/wpnavi/wordpress-image/
EWWW Image Optimizerの設定と活用方法（WordPress工房）
Kuuテーマが推奨するEWWW Image Optimizerを使った自動圧縮とWebP変換の設定方法を詳しく解説しています。そして、KuuがEWWW Image Optimizerを推奨プラグインに選んだ理由が、実際の設定を通じて理解できます。インストールして終わりではなく「正しく設定する」ことの重要性がわかる解説です。プラグイン導入後に何をすればいいかが具体的にわかります。
https://wordpress-homepage.net/ewww-image-optimizer/
画像変換によるWebサイト最適化の技術解説（ImageFlux）
画像の変換・最適化がサーバー負荷の軽減や通信量の節約にどう貢献するかを、エンジニア視点で解説しています。
Kuuが「軽量であること」を設計の核に置いている理由を、技術的な角度から裏付けてくれる資料です。
画像最適化の技術的な背景を深く理解したい方におすすめです。
https://imageflux.sakura.ad.jp/column/image-optimization/
Webパフォーマンス指標の国際的定義（Wikipedia）
LCP・CLS・FIDなど、画像が直接影響するWebパフォーマンス指標の定義と概要をまとめた国際的な参考資料です。Kuuが速度にこだわる背景には、こうした世界共通の評価基準があります。なぜこれらの指標が重要視されるのかの背景が理解できます。
https://en.wikipedia.org/wiki/Web_performance
