Webページの画像SEOを
無料でチェック

画像SEOとは

画像SEOとは、Webページに掲載する画像を、ユーザーや検索エンジンが内容を理解しやすい状態に整えることです。画像そのものの内容だけでなく、alt属性、画像サイズ、ファイル形式、読み込み方法なども確認しておくことが大切です。

この画像SEOチェックツールでは、URLを入力するだけでページ内の画像を取得し、alt属性、width・height、lazyload、srcset、画像形式、外部画像、HTTP画像、リンク切れ、画像ファイル容量などをまとめて確認できます。

ページ内の画像をまとめてチェックできます

記事やWebページに多くの画像を掲載していると、1枚ずつHTMLや設定を確認するのは大変です。このツールでは、対象ページで使用されている画像を一覧で取得し、画像ごとの設定や問題点を確認できます。

記事公開後の確認だけでなく、WordPressテーマの変更、画像の差し替え、サイトリニューアルなどを行った後のチェックにも利用できます。

画像のalt属性を確認できます

alt属性は、画像の内容をテキストで伝えるために利用される属性です。画像を表示できない環境や、スクリーンリーダーなどを利用する場合にも重要な役割があります。

また、検索エンジンが画像の内容やページとの関係を理解するための情報としても利用されます。このツールでは、alt属性が設定されているかを画像ごとに確認できます。

alt属性が設定されていない画像を確認

画像タグにalt属性自体が存在しない場合は、設定漏れの可能性があります。記事内容を説明する写真や図、グラフなどでalt属性が設定されていない場合は、画像の役割に合わせた説明を追加できないか確認してください。

空のalt属性も分けて確認

alt属性が存在していても、alt=””のように内容が空になっている場合があります。ただし、空のalt属性が必ず間違いというわけではありません。

装飾だけを目的とした画像など、内容を読み上げる必要がない画像では空のalt属性が適切な場合があります。このツールでは「alt属性なし」と「空のalt属性」を分けて表示するため、画像の用途に合わせて判断できます。

リンク画像のalt属性を確認

画像そのものがリンクになっている場合、画像のalt属性がリンク先の内容を理解する手がかりになることがあります。

リンク画像でalt属性が空になっている場合は、周囲のテキストやアクセシビリティ上の情報でリンク先の目的が十分に伝わっているか確認してください。

widthとheightの設定を確認できます

画像のwidthとheightをHTML上で指定しておくと、ブラウザが画像を読み込む前から必要な表示領域を確保しやすくなります。

このツールでは、画像タグにwidthやheightが設定されているかを確認できます。未設定の画像が多い場合は、テーマや画像出力処理を含めて見直す材料になります。

lazyloadの設定を確認できます

ページを開いた直後には表示されない下部の画像まで一度に読み込むと、不要な通信や処理が発生する場合があります。画像の遅延読み込みにはloading=”lazy”などが利用されます。

このツールでは、各画像にlazyloadが設定されているかを確認できます。ただし、ページ上部の重要な画像まで機械的に遅延読み込みすればよいわけではありません。画像の表示位置や役割も考えて設定してください。

srcsetによるレスポンシブ画像を確認

srcsetを利用すると、画面サイズや表示条件に応じて適した画像ファイルをブラウザへ選択させることができます。

スマートフォンと大きなPC画面で同じ巨大画像だけを読み込ませるのではなく、複数サイズの画像を用意することで、不要なデータ転送を減らせる場合があります。

このツールでは、画像にsrcsetが設定されているかを確認できます。

picture要素の利用も確認できます

picture要素を利用すると、ブラウザの対応状況や画面条件などに応じて異なる画像を提供できます。WebPやAVIFなどの画像形式を使い分ける場合にも利用されることがあります。

すべての画像でpicture要素が必要というわけではありませんが、画像配信を最適化しているかを確認する情報のひとつとして利用できます。

JPEG・PNG・WebP・AVIFなどの画像形式を確認

ページで使用されている画像のファイル形式を確認できます。JPEGやPNGだけでなく、WebPやAVIFなどの比較的新しい画像形式が使われているかも一覧で確認できます。

画像形式だけでSEO評価が決まるわけではありません。JPEGやPNGを使用していること自体が問題というわけでもありません。画質やブラウザ対応、用途を考えながら、必要に応じてWebPやAVIFなどへの変換を検討してください。

画像ファイルの容量を確認できます

画像ファイルが大きすぎると、ページを表示するときの通信量が増え、ユーザーが画像を読み込むまでに時間がかかる原因になる場合があります。

このツールでは、確認可能な画像についてファイル容量を取得し、大きな画像を見つけやすくします。

容量の大きい画像が見つかった場合は、画像サイズ、圧縮率、ファイル形式などを確認し、画質を必要以上に落とさない範囲で軽量化できないか検討してください。

大容量画像を見つけて表示速度の改善に活用

記事本文は軽くても、数MBの画像が複数掲載されていることでページ全体が重くなる場合があります。特にスマートフォン回線では、大きな画像の読み込みがユーザー体験に影響することがあります。

画像SEOチェックで容量の大きい画像を確認し、必要以上に大きな画像が使われていないかを見直すことで、ページ軽量化の候補を見つけられます。

画像サイズと表示サイズの違いにも注意しましょう

ブラウザ上では小さく表示されていても、元画像には非常に大きなピクセルサイズのファイルが使われている場合があります。

たとえば数百ピクセル程度で表示する場所へ、数千ピクセルの画像をそのまま読み込ませると、必要以上のデータを転送することがあります。用途に合った画像サイズを用意することもページ軽量化では重要です。

外部ドメインの画像を確認できます

ページ内の画像が、自分のサイトとは異なるドメインから読み込まれている場合があります。このツールでは外部画像も判別して表示します。

CDNなどを意図的に利用している場合は問題ありません。一方、過去の記事から他サイトの画像URLを直接参照している場合などは、画像が削除されたり、相手側の設定変更によって表示できなくなったりする可能性があります。

HTTPSページ内のHTTP画像を確認

HTTPSで公開しているページからHTTPの画像を読み込んでいる場合、ブラウザのセキュリティ上の問題や混在コンテンツの原因になる可能性があります。

古い記事やサイト移転前の画像URLなどにHTTPが残っている場合は、現在のHTTPS URLへ変更できないか確認してください。

画像URLのHTTPステータスを確認できます

画像URLへ実際にアクセスし、取得できる画像についてHTTPステータスを確認します。

正常に取得できる画像だけでなく、404や410、500系エラーなどが返される画像を見つけることで、表示されなくなった画像や古い画像URLを発見しやすくなります。

404など表示できない画像を確認

HTMLには画像URLが残っていても、実際の画像ファイルが削除されていると404になる場合があります。

ユーザーには画像が欠けた状態で表示される可能性があるため、404や410を返している画像が見つかった場合は、画像URLの修正、画像の再登録、不要な画像タグの削除などを検討してください。

403や429は画像が存在しないとは限りません

画像URLの確認時に403や429などが返される場合がありますが、必ずしも画像ファイルが削除されているとは限りません。

外部からの自動アクセスを制限しているサーバーやCDNでは、通常のブラウザでは表示できる画像でも診断ツールからのアクセスが拒否される場合があります。そのため、このツールでは404などと同じリンク切れとして断定せず、要確認として扱います。

画像SEOではファイル名も分かりやすく管理しましょう

画像ファイル名は、サイト運営者自身が画像を管理するときにも役立ちます。意味の分からない連番や非常に長いファイル名だけにせず、画像内容を把握しやすい名前で整理すると管理しやすくなります。

ただし、SEOキーワードを大量に詰め込んだ不自然なファイル名にする必要はありません。ユーザーや運営者にとって分かりやすい管理を優先してください。

alt属性へSEOキーワードを詰め込みすぎないことが大切です

alt属性はSEOキーワードを大量に入れるための場所ではありません。画像が何を表しているのかを簡潔に伝えることが基本です。

ページの検索キーワードを不自然に繰り返すのではなく、画像を見ることができない場合でも内容を理解できるような自然な代替テキストを設定してください。

装飾画像には空のaltが適切な場合があります

背景的な装飾や、文章内容を理解するうえで意味を持たない画像については、alt=””とすることでスクリーンリーダーなどに不要な情報を読み上げさせない方法があります。

そのため、このツールで空のaltが検出されても、すべてを機械的に文章へ変更する必要はありません。その画像がユーザーへ情報を伝える画像なのか、単なる装飾なのかを判断してください。

画像SEOはアクセシビリティも考えて改善しましょう

画像の設定は検索エンジンだけを目的に行うものではありません。alt属性をはじめとした画像のHTML設定は、さまざまな方法でWebページを利用するユーザーへ情報を伝えるためにも重要です。

SEOだけを見るのではなく、画像が表示されない場合や画像を見ることが難しい場合でも、ページ内容を理解できる状態になっているかを意識してください。

WordPressでは画像設定を投稿時に確認しましょう

WordPressではメディアライブラリへ画像を登録し、記事や固定ページへ簡単に挿入できます。その一方で、画像を大量に追加しているとalt属性の入力漏れや、必要以上に大きな画像の使用に気づきにくくなることがあります。

記事を公開する前に画像設定を確認し、公開後も画像SEOチェックを利用して実際のHTML出力が意図した状態になっているか確認すると安心です。

記事改善やサイトリニューアル後にも画像を確認しましょう

テーマ変更や記事改善、画像置換、CDN導入、HTTPS移行などによって、画像URLやHTML属性が変化する場合があります。

大きなサイト変更を行った後は、主要ページを診断し、画像切れやHTTP画像、alt属性の欠落などが発生していないか確認することをおすすめします。

画像SEOは画質と軽さのバランスも重要です

ファイル容量を小さくすることだけを優先して画像を過度に圧縮すると、文字や写真が見づらくなり、ユーザー体験を損なう場合があります。

画像の用途に応じて必要な画質を保ちながら、解像度、圧縮率、画像形式などを調整し、画質とファイル容量のバランスを考えることが重要です。

画像SEOだけで検索順位が決まるわけではありません

alt属性や画像容量、画像形式などを整えることはWebページを改善するための一要素ですが、画像設定だけで検索順位が決まるわけではありません。

SEOでは、検索ユーザーが求めている情報を提供できているか、文章や画像が内容理解に役立っているか、ページ全体が使いやすいかといった点も重要です。

診断結果は画像改善の参考としてご利用ください

この画像SEOチェックツールは、公開されているWebページから画像情報を取得し、alt属性、画像サイズ、読み込み設定、画像形式、HTTPステータス、ファイル容量などを確認するための簡易診断ツールです。

外部サーバーやCDNのアクセス制限などによって、一部の画像情報を取得できない場合があります。また、診断で警告が表示された項目が必ず修正を必要とするとは限りません。

それぞれの画像がページ内でどのような役割を持っているかを確認しながら、SEO、表示速度、アクセシビリティ、ユーザーの見やすさを改善するための参考としてご活用ください。