簡単に言うと、ページの画像をSEOの観点からチェックするには、そのURLをPromoPilotの無料SEO画像チェッカーに貼り付けるだけです。このツールは最大100個の<img>タグを分析し、altタグの有無、 loading="lazy"の設定の有無、幅と高さの設定の有無、WebP、AVIF、SVGの使用の有無、srcsetの有無などを確認します。結果として、0～100のスコアと各画像に関するコメントが表示されます。以下に、スコアの計算方法、最初に修正すべき点、ツールで検出できない点について説明します。
私は12年間ウェブサイトやストアを構築してきましたが、ほぼすべてのサイトで画像が主なボトルネックになっています。典型的な商品カードは、カメラから直接取り出した5枚の3MBの写真、空白のaltテキスト、そしてファイル名がIMG_4512.jpgです。
画像SEOチェックでは何をチェックするのですか？
このツールは、ページ上の各画像を5つの基準に基づいて評価し、それらを合計して総合スコアを算出します。
| 何をチェックするのですか？ | 彼は何を見ているのか？ | なぜこれがSEOとビジネスにとって重要なのでしょうか？ |
|---|---|---|
| 代替 | 各<img> | Google画像検索のalt属性によるランキング；視覚障害者向けアクセシビリティ |
| 遅延読み込み | loading="lazy"属性は、最初の画面より下の画像に適用されます。 | 訪問者がまだスクロールしていないページの内容は読み込まれません。 |
| 幅と高さ | タグ属性に寸法が指定されていますか？ | ブロックは読み込み時に「ジャンプ」しません - これはCLSメトリックです |
| 形式 | ファイル拡張子によるWebP、AVIF、またはSVG | 現代のフォーマットは、JPGやPNGよりも明らかにサイズが小さい。 |
| ソースセット | 画面サイズ別に画像オプションはありますか？ | 電話機は、モニター版ではなく、小さなファイルを受信する。 |
各画像にはコメント一覧が表示され、ページには最終スコアが付けられます。これは便利です。何が問題なのかだけでなく、どの画像に問題があるのかも一目でわかります。
ウェブサイト上の画像をオンラインで確認する方法は？
- 画像SEOチェッカーを開く。
- ページのアドレスを入力してください。できれば写真がたくさんあるページ（商品ページ、カテゴリページ、ブログ記事、ポートフォリオなど）が望ましいです。
- 「確認」をクリックし、すべての画像のスキャンが完了するまでお待ちください。
- 各画像に対する評価とコメント一覧をご覧ください。
- 問題を修正して、再度ページをご確認ください。
ツールページの画面は以下のようになっています。住所入力欄、チェック項目一覧、よくある質問（FAQ）が表示されます。
評価はどのように計算されるのですか？また、最初に修正すべき点は何ですか？
評価は100点から始まり、ページ上の画像のうち基準を満たさない画像の割合に応じて減点されます。ルールを知っていれば、最も評価を上げる方法を簡単に把握できます。
| 検査 | 大丈夫 | コメント |
|---|---|---|
| 代替 | alt属性を持つ画像が50%未満の場合 - -30、80%未満の場合 - -15、100%未満の場合 - -5 | 最も重要な点 |
| 遅延読み込み | 50%未満 - -15、80%未満 - -8 | 最初の3枚の写真は考慮されません |
| 幅と高さ | 50%未満 - -15、80%未満 - -8 | CSSのみで定義された寸法は考慮されません。 |
| WebP、AVIF、またはSVG | 30%未満 - -10 | 形式は拡張子によって決まります |
| ラスタ画像のソースセット | 30%未満 - -10 | SVGにはsrcsetは必要ありません |
これが私の作業指示書です。
- 代替テキスト。最も高価なアイテムであり、最も簡単に修理できるアイテムです。表示されている内容を記述してください:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку"、alt="рюкзак купить дёшево рюкзак"ではありません。装飾要素には、空のalt=""を使用してください。 - 幅と高さ。属性に実際の寸法を指定し、CSSに
img { max-width: 100%; height: auto; }を追加すると、画像はレスポンシブなままになり、レイアウトがずれることもなくなります。 - 遅延読み込みは、スクロールせずに表示される部分より下のコンテンツすべてに適用されます。しかし、ヒーロー画像には不利に働きます。ヒーロー画像は即座に、かつ優先的に読み込まれる必要があります。
- WebPまたはAVIF。WordPress WordPressバージョン5.8以降でWebPのアップロードを、バージョン6.5以降でAVIFのアップロードをサポートしています。
- 大きな写真の場合は、スマートフォンがモニター用のバージョンをダウンロードしないように、 srcset を設定します。
本文中の適切なメイン画像と適応型写真の例：
<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">画像に適したaltタグの書き方とは？
altタグは評価において最も重要な要素であり、最も間違いが起こりやすい部分でもあります。例えば、altタグを空欄にするか、キーワードを詰め込みすぎるかのどちらかです。簡単なルールは、画像を見ることができない人に、その画像を1文で説明することです。
| 写真 | 悪い代替手段 | 良い代替案 |
|---|---|---|
| 商品写真 | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| チーム写真 | photo1 | Мастера мастерской Nord за работой над сумкой |
| 図表 | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| 装飾アイコン | иконка | 空のalt="" — 読む必要はありません |
カタログの場合、商品名＋色またはバリエーション＋角度といったテンプレートを使ってaltタグを作成すると便利です。こうすることで、1枚のカードに5枚の写真が掲載されていても、それぞれ異なる、役立つ説明文を5つ付けることができ、同じ説明文を5つ付ける必要がなくなります。
ファイル名も重要です。例えば、 kozhanyj-ryukzak-nord-korichnevyj.webpはIMG_4512.jpgよりも優れています。古いファイルをわざわざ名前変更する必要はありませんが、新しいファイルは分かりやすい名前でアップロードしてください。
比較：画像SEOチェッカーとその代替ツール
| 道具 | 無料なのは何ですか？ | 制限 | どのような人に適していますか？ |
|---|---|---|---|
| PromoPilot — 画像SEOチェッカー | Alt属性、遅延読み込み、幅/高さ、フォーマット、srcset、各画像に対する評価（0～100）、およびコメント | 最大100枚の画像、ファイルサイズは推定されません | あらゆるページから画像を素早く解析する |
| Google PageSpeed Insights | スピードテストの一環としての画像監査：フォーマット、サイズ、遅延読み込み | 他の数十のチェックと混ざって、alt はほとんど理解できない | 画像が速度に与える影響を評価する |
| スクウッシュ | ブラウザで単一の画像を圧縮および変換する | ページをチェックせず、ファイルで動作します | 個々の画像を準備する |
| スクリーミングフロッグSEOスパイダー | サイト全体で代替テキストのない画像の一覧 | インストールが必要です。無料版にはアドレス数に制限があります。 | 数百ページに及ぶ代替監査 |
結論：オンラインチェッカーは特定のページの画像の問題点を示し、PageSpeedは速度にどれだけのコストがかかるかを示し、Squooshやコンバーターはファイル自体を修復するのに役立ちます。
PromoPilotには、画像圧縮ツールやWebP変換ツールなど、ブラウザ上で直接動作し、サーバーにファイルをアップロードする必要のない87種類の無料SEOツールが用意されています。ページ全体のサイズを理解するには、ページ速度分析シリーズの記事をご覧ください。
画像認証では何が見えないのか？
このツールの限界について正直に話しましょう。評価を正確に解釈するためには、その限界を知っておくことが重要です。
- ファイルサイズは考慮されません。画像はダウンロードされず、形式は拡張子によって決定されます。
-
<picture>タグは解析されません。<img>内の JPG は、その隣の<source>に AVIF または WebP があってもタグ付けされます。 - CSSで生成された背景画像やJavaScriptで追加された画像は、レポートには含まれません。
- CSSのみで指定された寸法は考慮されません。
-
<img>タグが1つもないページは50点です。これは「間違いの半分」ではなく、「評価する価値がない」ということです。
無料ツールでは不十分なのはどんな時か？
1ページ分の代替テキストを修正するのにかかる時間は10分程度です。しかし、ストアに5000点もの商品がある場合、手作業で修正するのは不可能です。次のような場合は専門家の助けが必要です。
- カタログ全体について、alt属性は名前、色、角度から自動的に生成されるべきである。
- 画像は圧縮されずにカメラから読み込まれるため、圧縮、WebP、複数サイズといった自動的な処理パイプラインが必要となる。
- ウェブサイトのテーマでは、幅、高さ、srcsetが指定されていない写真が表示されてしまうため、テンプレートを修正する必要があります。
- 商品検索でGoogle画像検索からのアクセスを増やしたいですか？
あなたのウェブサイトのために、私にできることはありますか？
私はヴァレリー・ダニュクです。開発者兼SEOスペシャリストとして12年の経験を持ち、数千枚の写真を掲載する多数のオンラインストアを含む200社以上のクライアントを抱えています。
SEOと監査
- ターンキー型ウェブサイトSEO監査：サイト全体の画像をチェックし、テンプレートに自動変換とaltテキストを設定します。
- AIを活用したSEOブログで、オーガニックな顧客を獲得します。各記事にalt属性とWebP画像を自動的に表示します。
店舗とカタログ
- MCPとClaudeを使えば、わずか数分で300点の商品カタログを作成できます。各商品には説明と写真が付いています。
- 適切な画像処理が施された、 WooCommerceを利用したオンラインストア。
- Instagramからウェブサイトへの店舗移行作業――商品写真と説明文の掲載作業は順調に進んでいます。
- 商品、写真、テキストは、以前のウェブサイトやソーシャルメディアからのリンクを介して1001siteに転送できます。
会計と自動化
商品カードへのリンクをTelegramで送ってください。写真に基づいて、どれくらいの賞金が獲得できるかをお伝えします。
結果
- オンラインSEO画像チェッカーは、ページ上の最大100枚の画像を分析し、それぞれに0から100までのスコアとコメントを割り当てます。
- 最も多くのポイントが与えられるのはalt属性と幅/高さの寸法で、次いで遅延読み込み、WebP/AVIF、srcsetの順です。
- メイン画像には遅延読み込みは必要ありません。fetchpriority
fetchpriority="high"が必要です。 - 大規模なカタログの場合、写真処理は自動化されるか、あるいは既に処理が行われているプラットフォーム（例えば1001siteが選択されます。
無料の画像 SEO チェッカーを使用して、サイトで最も負荷の高いページをチェックします。まずは alt から始めます。
情報源
- PromoPilotの画像SEOチェッカーページ - チェック項目、評価ルール、制限事項、よくある質問。
- Google検索セントラル - 検索のための画像推奨機能。
- Google PageSpeed InsightsとSquoosh - 機能の説明。
