画像SEO：WordPressで画像を最適化する方法（18のヒント）

WordPressで画像を最適化し、画像検索からより多くのオーガニック・トラフィックを得る方法を知りたいですか？  

毎日10億件以上の検索がGoogle画像で行われており、検索順位を上げ、知名度を上げる絶好の機会となっています。

そこで、WordPressで画像を最適化し、ランキングを向上させ、ウェブサイトへのトラフィックを増やすためのヒントをまとめました。

これは包括的なリストであるため、これらのクイックリンクをクリックして、さまざまなセクションに直接ジャンプすることができます：

画像SEOとは？

画像最適化とも呼ばれる画像SEOは、Googleが画像を見つけやすく、ランク付けしやすくするために、ウェブサイトの画像を最適化するプロセスです。 

言い換えれば、Googleや他の検索エンジンがあなたのコンテンツを理解し、画像検索結果に画像を表示するのに役立ちます。 

そのためには、画像をウェブ用に最適化する必要があります。その前に、そもそもなぜコンテンツに画像を使うべきなのかを見てみましょう。

なぜコンテンツに画像を使うべきなのか？

まず最初に：なぜコンテンツに画像を使う必要があるのか？

画像はコンテンツに付加価値を与え、人々の注目を集めるものだからだ。 

適切に使用すれば、画像は人々の興味をかき立て、あなたのサイトをクリックさせ、検索結果での順位を上げることができる。

実際、画像検索はグーグルやその他の人気サイトでの検索全体の約20.45％を占めている。

これによって、なぜコンテンツに画像を追加し、SEOのために最適化することが良いアイデアなのかがわかるはずだ。

まず考えなければならないのは、画像がページのトピックに関連しているかどうかです。さらに重要なのは、あなたのコンテンツに付加価値を与えているかどうかです。

また、最も重要な画像はページの一番上に配置し、ブログやウェブサイト独自のオリジナル写真を使うようにしましょう。

でも、それだけじゃないんだ...。

......Googleの画像検索で取り上げられ、ランキングを上げたいのであれば、もっとやるべきことがあります。

WordPressで画像を最適化する方法

WordPressで画像を最適化するには、検索エンジンが画像の内容を理解できるように、画像に関する追加情報を追加する必要があります。

検索エンジンは日々賢くなっている。彼らは画像を認識し、非常にうまく分類することができます。しかし、画像に文脈を与え、画像検索で上位にランクされるように画像を最適化する必要があります。

1.適切な画像SEOツールを使用する

画像SEOを確実に行うための第一歩は、適切な画像SEOツールを使用することです。

そして、All In One SEO（AIOSEO）より優れたものはない。

AIOSEOは、300万以上のウェブサイトに信頼されている強力なWordPress SEOプラグインです。経験豊富なマーケティング担当者は、トラフィックを促進し、SERPで上位にランクインするためにAIOSEOを使用しています。AIOSEOを使用すると、SEOの専門家でなくても、SEOの取り組みを次のレベルに引き上げるために必要なすべての高度なSEOツールにアクセスできます。

このプラグインで最も愛されている機能のひとつが、Image SEOモジュールです。これは、画像の最適化をより簡単にする強力なモジュールです。例えば、画像のメタデータを最適化することができます：

• フォーマットの設定（SEOのタイトル／ディスクリプションのフォーマットに似ている）
• 句読点の除去
• ケーシングの改造
• さらに

この機能を使用するには、AIOSEOダッシュボード " 検索外観 " 画像SEOに移動します。

次に、関連するタブ（タイトル、Altタグ、キャプション、説明、ファイル名）をクリックして、画像のメタデータを最適化できます。また、これらの最適化を実行するページを選択することもできます：

このように画像を最適化することで、検索エンジンは文脈を追加しやすくなり、画像の内容を理解しやすくなります。また、ユーザーエクスペリエンスも向上します。

AIOSEOのインストール方法については、こちらのインストールガイドをご覧ください。

2.説明的な画像ファイル名を使用する

画像には、できるだけ分かりやすいファイル名を付けるべきです。

画像ファイル名についてGoogleはこう言っている：

     "[...]ファイル名は、画像の主題に関する手がかりをGoogleに与えることができます。例えば、IMG00023.jpgよりもmy-new-black-kitten.jpgの方が良いでしょう。"

別の例を挙げると、ここに遊び好きな黒い子猫の写真があります。IMG00021.jpgと名付ける代わりに、playful-black-kitten.jpgと名付けました。

具体的に書いてください。例えば、big-eyed-playful-black-kitten.jpgの方が、black-kitten.jpgよりも良いでしょう。

また、ユーザーがあなたの画像を見つけるためにGoogleで入力するキーワードも考慮してください。 

3.SEOフレンドリーなAltテキストを書く

Altテキストまたは代替テキストは、画像のSEOにとって非常に重要です。Googleが画像の内容を理解するのに役立ちます。これは、ページ上に画像を表示するために使用される画像タグに追加されるHTML属性です。 

プレーンなHTMLコードでは次のようになる：

<img src="img_playful-black-kitten.jpg" alt="Playful black kitten" width="500" height="600">

前述の通り、altテキストは画像を説明するために使用されます。また、画像を表示できない場合でも、ユーザーはテキストを読むことで、その画像が何であるかを理解することができます。 

スクリーンリーダーを使用している人や、低帯域幅の接続を持っている人に適しています。Altテキストは、画像をリンクする場合のアンカーテキストとしても便利です。 

altテキストを書くのに1つか2つの単語を使うだけではいけません。代わりに、目の見えない人にあなたの画像をどのように説明するかを想像してください。

例えば、'チョコレート'ではなく、'ダークチョコレートバナナブレッドマフィン'としましょう。Googleは、altテキスト、コンピュータ・ビジョンのアルゴリズム、そしてあなたのページのコンテンツを組み合わせて、あなたの画像が何についてのものかを理解するため、これはGoogleがあなたの画像をランク付けするのにも役立ちます。

しかし、altテキストにさまざまなキーワードを詰め込めば、画像検索での順位が上がると思ってはいけない。Googleはあなたのサイトをスパムと見なすかもしれません。

WordPressブロックエディタにAltテキストを追加する

WordPressのブロックエディタを使えば、画像にaltテキストを追加するのはとても簡単です。

編集中の投稿やページを下にスクロールし、画像をクリックして青い枠で囲みます。次に、エディタの右カラムにある画像設定に移動し、 Altテキスト（代替テキスト） フィールドにaltテキストを入力します。 

Altテキストはサイト上では表示されませんが、キャプションは画像の下に表示されます。

4.必要に応じて画像キャプションを使用する

画像のキャプションは、コンテンツをスキャンしやすくします。人は、ページをすばやく見渡すときに、見出し、画像、キャプションをスキャンする傾向があります。

しかし、これらの画像はコンテンツを乱雑に見せる可能性があり、また、コンテンツ自体で画像を説明しているため、実際には必要ありません。

それでも、キャプションは良いものだ：

• 家族やイベントの写真
• 背景ストーリーを説明する追加説明が必要な写真
• 製品画像ギャラリー

WordPressのブロックエディタに画像のキャプションを追加する

WordPressのブロックエディターで画像のキャプションを追加するには、編集中の投稿やページを下にスクロールして画像をクリックし、青い枠で囲むだけです。次に、画像の下にあるキャプションフィールドに画像のキャプションを入力すると、画像が追加されます！

5.SEOタイトルと説明文を考える

Googleは、検索結果で画像の下に表示する説明文を決定する際、ページのSEOタイトルと説明文も使用します。 

グーグルはこう言っている：

"Googleイメージは、各結果とそれがユーザーのクエリにどのように関連しているかを説明するのに最適なタイトルとスニペットを自動的に生成します... 我々は、タイトルの記述情報やメタタグを含む、この情報のために多くの異なるソースを使用しています。"

これをわかりやすく説明するために、グーグルで「おいしいチョコレートマフィン」を検索した結果の例を挙げよう： 

ご覧のように、すべての画像にはその下に説明文があります。そして、GoogleはあなたのページのSEOタイトルとディスクリプションを使用して、これらを生成します。 

そのため、画像はタイトルと説明文に関連していなければなりません。SEOタイトルを簡単に編集する方法を知りたい方は、WordPressでSEOタイトルを変更する方法のガイドをご覧ください。

6.添付ページを無効にする

WordPressは、投稿やページにアップロードしたすべての画像のためのページを作成します。これは添付ページと呼ばれています。 

このページがすることは、あなたのメイジの拡大版を表示することだけで、実際にはSEOに悪影響を及ぼしかねない。検索エンジンは、テキストがほとんどないページを低品質または「薄いコンテンツ」と見なします。

幸いなことに、WordPressサイトの添付ページを無効にするのは簡単です。これを行う最も簡単な方法は、市場で最高のWordPress SEOプラグインであるAll in One SEO（AIOSEO）をインストールして有効化することだ。 

画像添付ページを無効にすることは、サイトの不要なURLパラメータを排除する素晴らしい方法でもあります。これらを排除することは、サイトのクロール効率を高める優れた方法です。

AIOSEOを有効にすると、自動的に添付ファイルURLがオフになります。また、All in One SEO " 検索外観にアクセスし、メディアタブをクリックすることで、手動でオフにすることもできます。

Redirect Attachment URLsオプションがAttachmentに設定されていることを確認してください！

7.画像の寸法を決める

ページのブログコンテンツに合わせて画像のサイズを変更する必要があります。たとえウェブサイトが画面の幅いっぱいに表示されたとしても、ブログ・セクションには最大幅が設定されています。また、大きな画像を使用するとページの読み込みが遅くなり、SEOにも悪影響を及ぼします。

例えば、ブログの最大幅が706pxの場合、画像が706pxより広く表示されることはありません。また、レスポンシブ・ウェブサイトであれば、ブラウザは706pxより幅の広い画像を画面に合うようにリサイズします。 

少なくとも、これであなたのサイトは良く見えるでしょう？

ひとつ問題がある。

...大きな画像を使用する場合、ブラウザは画像をフルサイズで読み込む必要があります。さらに悪いことに、大きな画像はファイルサイズが重く、ページの読み込み速度を低下させます。

そのため、ブログやページの最大幅に合わせて画像のサイズを変更してアップロードする必要があります。幸い、これを確認するのは簡単です。

まず、ブラウザのWeb Developerの設定からInspector ツールをクリックします。そして、チェックしたい列にカーソルを合わせると、寸法が書かれた黒いボックスが表示されます。

ご覧の通り、AIOSEOのブログの幅は706pxです。これは、ページの読み込みを遅くしないために画像をアップロードすべき最大幅です。

8.正しい画像フォーマットを選ぶ 

先ほど説明したように、画像はしばしばウェブサイトのファイルサイズを大きくし、重くしすぎます。あなたのサイトは、訪問者がそれを待つのに十分な速さでロードされません。 

その代わり、読み込みの速い他のサイトを選ぶことになり、トラフィックと潜在顧客を失うことになります。また、直帰率が上昇するため、検索エンジンでのランキングにも悪影響を及ぼします。 

使用する画像フォーマットによって、画像ファイルサイズは大きくなったり小さくなったりします。また、画像の品質にも影響します。

最も一般的な画像ファイルの種類は、JPG、PNG、GIFです。それぞれ、作成する画像やサイトにアップロードする画像によって、その目的を果たします：

• JPGは、色の濃淡が多いウェブサイトのグラフィックに最適です。
• 最高品質が必要で、サイズに問題がない場合はPNGが最適です。
• GIFはアニメーションや動画用

JPGは一般的にPNGやGIFよりもファイルサイズが小さくなります。しかし、スクリーンショットや図面、テキストを含む画像など、画質を保つ必要がある高品質な画像にはPNGの方が適しています。 

9.画像サイトマップの作成

画像サイトマップを作成することで、Googleが画像をより速くインデックスし、クロールできるようになります。

AIOSEOを使えば、XMLイメージサイトマップの作成は公園を散歩するように簡単です。実際、ウェブサイト上のすべての画像が自動的にXMLサイトマップに含まれます。そして、この機能こそがイメージサイトマップと呼ばれるものです。  

AIOSEOを有効化するだけで、自動的にサイトマップを作成してくれます。All in One SEO メニューのSitemapsに移動し、General Sitemapタブをクリックすることで、有効になっていることを確認できます。

一般的なサイトマップ」ウィンドウが開き、「サイトマップを有効にする 」が「オン」に設定されていることが確認できます。

簡単なことだ！

サイトマップをカスタマイズしたり、特定の画像やコンテンツを除外したりする方法については、WordPressでサイトマップを作成する方法をご覧ください。

また、robots.txtファイルで画像がブロックされていないことも確認してください。Googleに画像をクロールさせたくない場合は、robots.txtを使って画像を許可しないようにすることができます。詳しくは、WordPressでrobots.txtファイルを簡単に編集する方法をご覧ください。

10.リッチ・スニペットのランク付けに画像構造化データを使う

あなたのサイトにスキーママークアップや構造化データを追加すると、Googleイメージは、あなたのページが何についてのものであるかを示す目立つバッジとリッチな結果として画像を表示することができます。 

レシピ・スキーマ・マークアップがサイトに追加された場合の例です：

ご覧のように、レシピであることを示すフォークとナイフのバッジが目立つように表示されています。これは、ユーザーにあなたのページに関するより多くの情報を与え、CTR（クリックスルー率）を高め、より多くのオーガニックトラフィックをあなたのサイトに誘導します。 

グーグル・イメージズはスキーママークアップをサポートしている：

• 製品紹介
• ビデオ
• レシピ

AIOSEOを使えば、あなたのサイトに簡単にスキーママークアップを追加し、見栄えの良いリッチな検索結果を得ることができる。この方法については、WordPressにリッチスニペットを追加する方法のガイドをご覧ください。

11.FacebookのサムネイルとTwitterカードを追加する

サイトへのトラフィックを増やすもうひとつの方法は、ソーシャルメディアのプロフィールを活用することだ。そしてその第一歩は、ソーシャルメディアで共有される際に適切な画像が表示されるようにすることです。 

AIOSEOを使えば、画像を最適化し、コンテンツがTwitterやFacebookでシェアされたときの見え方をコントロールすることができます。TwitterカードとFacebookサムネイルをサイトに追加することで、簡単にこれを行うことができます。

例えば、Facebookでシェアされる際に使用されるサムネイルを選択した後の私たちの投稿は以下のようになります：

そして、OptinMonsterの投稿がTwitterでシェアされた場合のTwitterカードです：

簡単に設定する方法は、Facebookのサムネイルを修正する方法と WordPressでTwitterカードを追加する方法をご覧ください。

12.画像を圧縮してファイルサイズを小さくする

前述の通り、サイトスピードはSEOにとって極めて重要である。Googleは、デスクトップとモバイルの両方でランキング要因であることを確認している。そして、これは画像検索にも当てはまる。

2021年5月より、Googleはウェブサイトの読み込み速度をコアウェブバイタルの一部に加える予定です。これは、ユーザーがサイトを訪問した際に最高の体験を提供するためにGoogleが重要と考える要素です。例えば、サイトの速度、応答性、画像やフォントなどのさまざまな要素の読み込み速度が評価されます。

サイトスピードのために画像を最適化する最初のステップは、画像を圧縮することです。そして、以下のような無料サービスを利用することができます：

• PNGとJPGファイルのためのTinyPNG
• JPGファイル用CompressJPEG
• PNGとJPGファイルのためのオプティミジラ

これにより、画像ファイルサイズを70％以上削減することができ、サイト速度にプラスの影響を与えます。

13.画像の遅延ロード

もしあなたのサイトにたくさんの画像やコンテンツがあるなら、遅延ローディングを使うのは常に良いことだ。 

レイジーローディングは、ユーザーがコンテンツをスクロールダウンする際に表示される画像のみをページに表示します。これにより、サイトとサーバー間の通信がより効率的になり、ページの読み込みが速くなります。

レイジーローディングについてグーグルはこう言っている：

    「レイジーローディングは、必要に応じて画像を読み込むか、主要コンテンツの読み込みとレンダリングが完了した時点で画像を読み込むことで、フォールド下に多くの画像を含む長いページの読み込みを大幅に高速化することができます。

何だと思う？

... WordPress 5.4およびそれ以降のバージョンを使用している場合、デフォルトで画像を遅延ロードします。そのため、遅延読み込みプラグインをインストールする心配はありません。

しかし、iframe、動画、背景画像などの他のHTML要素に遅延ロードを追加したい場合は、WP Rocketのような遅延ロードプラグインを使用すると、ページの読み込みをさらに高速化することができます。

14.レスポンシブ画像を使用する

レスポンシブ画像を使用することで、デスクトップではより大きく、より高解像度の画像を表示することができます。また、モバイルサイトでは画像を拡大して表示でき、画像サイズが小さくなるため、ページの読み込み速度が向上します。

WordPressを使っているなら、この心配は無用だ。WordPressは画像をアップロードすると自動的にレスポンシブ化し、サイト上で異なるサイズで表示します。

とはいえ、画像がサイト速度に与える影響を知りたい場合は、GoogleのPageSpeed Insightsツールを使ってテストすることができます。

15.キャッシュプラグインをインストールする

ブラウザ・キャッシングは、画像を含むサイト上の大きなファイルの一部をユーザーのウェブブラウザにローカルに保存することで、ウェブサイトの高速化に役立ちます。

キャッシュ・プラグインは、最初のページのロード後にページのコピーを作成し、そのキャッシュされたバージョンを他のユーザーに提供します。

例えば、WP Rocketは、ページキャッシングやプリロードなど、ウェブサイトを高速化するための包括的なツールセットを提供しています。 

より多くの選択肢をお知りになりたい場合は、WordPressキャッシュプラグインのおすすめをご覧ください。

16.画像CDNで画像を配信する

サイトのスピードをさらに上げたいなら、画像CDN（コンテンツ・デリバリー・ネットワーク）を使うべきだ。 

これは、あなたの地理的な場所に最も近いサーバーから画像のキャッシュバージョンを選択します。これにより、元のサーバー（ウェブホスティングプロバイダー）から画像を表示するために必要なインターネットホップの数が制限されるため、ウェブサイトがスピードアップします。

CDNの詳細とサイトへの接続方法については、WordPress CDNのインストールと設定方法に関するWPBeginnerのガイドをご覧ください。

17.ウェブサイトをモバイルフレンドリーに

なぜこれが画像SEOにとって重要なのか、と思うかもしれない。

なぜなら、モバイルデバイスの台頭により、モバイルSEOを怠ることは死刑宣告に等しいからだ。Googleは、あなたのサイトがモバイル向けに最適化されていなければ、画像検索であなたのコンテンツを表示しない。実際、Googleは現在モバイルファーストインデックスを導入しており、モバイルフレンドリーなサイトを上位にランキングしている。 

あなたのサイトをモバイルフレンドリーにする最も簡単な方法は、異なる画面サイズやデバイスに適応するレスポンシブWordPressテーマを使用することです。レスポンシブテーマを探すには、WPBeginnerの「レスポンシブWordPressテーマ44選」の記事をご覧ください。

18.Googleレンズのビジュアル検索に備える

例えば、eコマースストアやレストランを経営しているなら、Google Lensによるビジュアル検索に備える必要がある。

グーグルレンズはグーグルの新しい画像認識ツールだ。AndroidのGoogleアプリやChromeブラウザで画像をタップ＆ホールドすることで、商品の購入先や食事の注文先を探すことができる。 

この機能はまもなくiOSのGoogleアプリにも追加される。そのため、Googleレンズ用に画像を最適化するのは良いアイデアかもしれない。 

さて、これで気が重くなっただろうか？

意外と簡単なんだ...。

...WordPressで画像を最適化するためにこれらのヒントをすべて使用すれば、あなたは長い道のりを歩むことになるでしょう。

この記事で、画像SEOがなぜ重要なのか、そして画像SEOを活用してGoogle画像でのランキングを向上させ、サイトへのトラフィックを増やすにはどうすればよいのかをご理解いただけたと思います。

また、究極のWordPress SEOガイドやブログ記事のSEOチェックリストで、ランキングをさらに上げる方法を学ぶこともできます。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。