画像SEO：9つの重要な要素

1. 画像SEOの一般的な考慮事項

私たちは、SERPでSEO価値のあるURLをランクインさせることにすべての努力を注ぐことが多いです。しかし、前述したように、Google画像検索結果でより上位にランクインし、それらを通じてオーガニックトラフィックを引き付ける可能性を高めるために、画像を最適化することは重要です。

Googleのボットは画像を「読む」ことができません。それらは特定のアニメーションや写真ではなく、ウェブサイト上のコードを読むことを意味しています。このため、シンプルな一連のSEOガイドラインに従って、この情報を提供する必要があります。これにより、ボットが私たちが表示しようとしている情報を解釈し、画像を評価し、Google画像検索セクションでより上位にランクインできるかどうかが決まります。

2. 画像のサイズと重さ

画像を最適化する際に考慮すべき主な要因の2つは、その重さとサイズです。

重さ：

ウェブサイトで重い画像を使用すると、それらが実装されているURLの読み込み時間が増加し、したがってサイト全体の読み込み時間も増加します。読み込み時間は、デスクトップとモバイルのオーガニックランキングに影響を与える要因の一つで、画像最適化を不可欠にしています。

画像の重さを減らすツール：

画像の重さを減らすために使用できる多くのツールがあります。PhotoshopやIllustratorのようなプロフェッショナル画像編集ソフトウェアを持っていなくても、次のようなオンラインプラットフォームを使用できます。

• ›

  ImageOptimまたはTinyJPG、品質に影響を与えずに画像の重さを減らします。

• ›

  Website Speed Test Image Analysis Toolは、新しい画像フォーマットを簡単にダウンロードできるようにします。

サイズ：

さらに、それが表示されるデバイスに応じて最も適切なものを表示するために、各サイトに複数の画像サイズを実装することも重要です。画像サイズを調整するプラグインがあるとしても、このオプションは実際には最良ではないかもしれません。理由は、例えば、1000pxの画像を400pxに再スケーリングし、視覚的なサイズを縮小できますが、画像は依然として1000px画像と同じくらい重く、ウェブのパフォーマンスと速度に影響を与えるからです。

ツール：

画像を選択する際に最も重要な要因は、私たちが作業するプラットフォームを知ることです。例えば、WordPressで作業している場合、SmushItを使用できます。これは、画像を再スケーリング、圧縮、サーバーにアップロードする前に、画像の最大幅と高さを定義できるプラグインです。

逆に、独自のコードのプラットフォームで作業している場合は、画像をサーバーにアップロードする前に最適化することを可能にする、手動または自動プロセスを作成する必要があります。

3. SEOフレンドリーな画像フォーマット

現在、ウェブ画像を保存する最も最適な方法は、次の4つのフォーマットのいずれかを使用することです。

• ›

  WebP：画像の元の重さを25〜35%減らすことができます。現在最も推奨されているフォーマットの一つです。一部のブラウザのバージョンでは依然としてそれらを読むことができませんが、画像品質に影響を与えずにより多くの圧縮を可能にするフォーマットの一つです。

• ›

  PNG： 色が少なく透明な背景を持つ写真に最適な選択肢です。ロゴで広く使用されています。

• ›

  JPG： 写真と一般的な画像に使用されるべきフォーマットです。圧縮するときに少し品質が失われますが、色とトーンは同じに保たれます。

• ›

  GIF： アニメーションや動画に使用されます。

推奨事項：

• ›

  重さと互換性に関して常に最も適切な画像フォーマットを使用します。

• ›

  手動または自動処理ツールを介して、常に画像を圧縮します。

• ›

  ウェブにいくつかのアイコンが含まれている場合は、サーバーへのリクエスト数を減らし、ウェブのパフォーマンスを改善するために、CSS Spritesを介してそれらを単一の画像にグループ化します。

4. 画像SEOフィールド

すべての画像には、検索エンジンロボット（そしてもちろんユーザー）に改善されたアクセシビリティを提供するための関連フィールドのセットが付属しています。

画像名

画像名は、ファイルの名前を指します。これは画像のタイトルで、単語の間にハイフンとアンダースコアを使用します。画像をより上位にランクインさせたいキーワードを含めること、珍しい文字（「ñ」、「?」やアクセント付き文字「á」など）を避けることが推奨されます。

URLを短縮し、可能な限りSEOフレンドリーにするため、画像名で前置詞や他の不要な文字を省略することもお勧めします。

タイトル

これは、カーソルを画像の上に置くと表示されるテキストです。画像にセマンティックタイトルを追加するためにそれを記入することを推奨します。これには、より上位にランクインしたいキーワードを含みます。

これはaltテキストと同じになる可能性があり、ただしわずかな修正でこの属性を書き直すことに時間はかかりません。

「Alt」属性

これはGoogleが読む最も重要な要素です。これには、URLをより上位にランクインさせたい主要なキーワードが含まれている必要があり、短い説明を含むことになっています。

その構文は次のとおりです。

<img src=”IMAGE LINK” alt=”IMAGE ALT DESCRIPTION” />

最適化された画像の例：

ターゲットキーワード「ciberseguridad pymes」（月平均検索数90、スペイン）に基づいて、この画像の各フィールドをどのように最適化できるかを見てみましょう。

ファイル名：

• ›

  悪い：04745892595295.jpg

• ›

  良い：ciberseguridad-pymes.jpg

タイトル： Consejos de ciberseguridad para empresarios y pymes.（企業や中小企業向けのサイバーセキュリティのアドバイス。）

Altテキスト： Ciberseguridad para pymes y empresarios: consejos.（中小企業や企業向けのサイバーセキュリティ：ヒント。）

このようにして、すべてのフィールドを最適化し、トップポジションを争う準備ができた画像を取得します。もちろん、画像を最適化することは、それらが最初に表示されることを保証するものではありませんが、それを達成するための最初のステップです:)

5. セマンティックコンテキスト

Googleは、最も関連性のある画像は、それらを取り巻くコンテンツに沿ったものだと考えています。したがって、関連するテキストを含めることが推奨されます。このようにして、URLの全体的なセマンティックコンテキストを拡張します。

6. 画像専用のサイトマップ

Googleのボットが画像をより効率的に追跡するのを助けるためには、この種類のファイル専用のsitemap.xmlを作成する必要があります。WordPressでは、YoastやRankMathなどのツール（プラグイン）で自動的に作成できます。 WordPressで作業していない場合は、代替ツールや手動プログラミングツール（URL追跡）を使用できます。

次に、記事内に2つの画像があるサイトマップの例を示します。

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html&lt;/loc> <image:image> <image:loc>http://example.com/image.jpg&lt;/image:loc> </image:image> <image:image> <image:loc>http://example.com/photo.jpg&lt;/image:loc> </image:image> </url> </urlset>

画像サイトマップを作成する際に最もよく使用されるタグのいくつかは、

→ 画像タイトル

→ ファイルが保存されているURLまたはパス

→ 脚注

→ ライセンスタイプ

→ 位置情報

• ›ドキュメント：画像サイトマップに関する大量の情報は、例、実装チュートリアルなどとともにGoogleのブログで見つけることができます。

実装が完了した後、Search Consoleでインデックス登録のカバレッジステータスを確認できます。

7. 画像の遅延読み込み（オンデマンドロード）

画像はウェブサイトで最も使用されるリソースの一つです。なぜなら、「百聞は一見にしかず」と言われるからです。だからこそ、すべてのウェブサイトの視覚的側面は、これらのマルチメディア要素を使って慎重に開発されます。しかし、それらを最適化しないことは、ユーザー体験とウェブの読み込み時間に悪影響を与える可能性があります。このため、遅延読み込みが推奨されます。

遅延読み込みのおかげで、画像は画面に表示されるときにのみ読み込まれます。例えば、デバイスの画面でまだ表示されていないページの下部にある場合、ユーザーがスクロールダウンするまで読み込まれません。これは、HTTPSリクエストの数を大幅に減らし、読み込み時間を短縮し、ページをGoogleにより好まれるようにします。

WordPressで遅延読み込みを実装するためのプラグイン

このソフトウェアプラットフォームでウェブサイトを管理している場合、遅延読み込みを実装することで画像を最適化したい場合に注意を引く一連のプラグインがあります。インストールされているテーマがこの機能を含んでいるかどうかを確認することを忘れないでください。そうでない場合は、ここにいくつかの興味深いものがあります。

• ›

  BJ Lazy Load： インストールとセットアップが簡単で、最も人気のあるツールの一つで、9万を超えるインストールがあります。この補完のおかげで、画像を異なる画面サイズに合わせて拡大縮小できます。

• ›

  Lazy Load by WP Rocket： シンプルでセットアップが簡単（基本的に異なるオプションを提供しないため）、このプラグインの利点は、jQueryのようなJavaScriptライブラリを使用しないことです。

8. 画像のためのCDNの使用

**CDN（Content Delivery Network）**は、リクエスターが位置している場所に応じてキャッシュされたウェブサイトのコンテンツを促進する、世界中に分散されたサーバーのセットです。このホスティングネットワークのおかげで、リクエスターに最も近いそのサーバーが、リクエストされたウェブサイトのコピーを提供します。

したがって、CDNを使用することは、URLの読み込みを高速化し、サイトの読み込み時間を短縮し、そのオーガニックランキングを促進するのに役立ちます。

CDN（例えばCloudflare）を使用して画像を表示すれば、これらはより速くダウンロードされ表示されます。この簡単なフローは、SEOを直接改善します。

9. その他の考慮事項

SEO価値のある画像、つまり、より上位にランクインさせたい画像は、URLのソースコードに含まれている必要があります。CSSの背景プロパティとして実装されたものは、Googleがこの種類のスタイルシートを理解できないため、Googleには表示されません。

さらに、画像を最適化する際に覚えておくべき他の見逃せない詳細があります。

• ›

  Exif： すべての画像で、写真が撮られた日付やこの分野の専門家にとって関連する他のデータなど、属性のセットが保存されます。しかし、この情報はSEO価値がなく、スペースを取るだけです。この情報を削除することは、画像を最適化し、それらをより軽くするのに役立ちます。

• ›

  「longdesc」： この属性はしばしば忘れられますが、画像に実装することは興味深いかもしれません。これは画像の長い説明です。

• ›

  リンク： リンクビルディングは、ページのオーガニック成長において基本的な役割を果たしますが、画像にも当てはまります。これらもリンクできるため、検索エンジンでより高い認識を達成できます。

重要なヒントを見逃していますか？ ご意見をお聞きしたいと思います。下にコメントを残し、お気軽に知識を共有してください！