接続に失敗しました。もう一度試してください。

コンテンツにスキップ
SEO Tools
ヘルプとドキュメント
SEO 中程度の影響 簡単 画像あたり 1 ~ 2 分

画像と代替テキスト

画像には代替説明、最新の形式、および圧縮が必要です。

それは何ですか

alt 属性は画像のテキスト説明です。これは、検索エンジン (画像は表示されません) とスクリーン リーダーによって読み取られ、画像の読み込みに失敗したときに表示されます。

なぜそれに対処するのでしょうか?

代替テキストは、画像検索でのランク付けに役立ち、サイトにアクセスしやすくなります。最適化されていない画像 (圧縮されていない大きな JPEG/PNG) は、読み込みが遅くなり、速度スコアが悪化する最も一般的な原因です。

やり方

  1. 1すべてのコンテンツ画像に説明的な alt を追加します (装飾的な画像には alt="" を含めることができます)。
  2. 2画像に含まれるものを自然に説明し、必要に応じてキーワードを使用します (「image1.jpg」ではありません)。
  3. 3JPEG/PNG の代わりに最新の形式 WebP/AVIF を使用します (25 ~ 50% 小さい)。
  4. 4実際に必要な寸法に圧縮してサイズ変更します。表示領域外の画像の遅延読み込みを追加します。

Špatně
<img src="DSC_0042.jpg">
Správně
<img src="kids-winter-jacket-blue.webp" alt="Kids' winter jacket in blue with a hood" loading="lazy" width="600" height="800">

結論

代替テキスト (SEO + アクセシビリティ) と重みの最適化 (速度) の 2 つのレベルで画像を処理します。どちらも簡単で、二重のメリットをもたらします。最新の形式 + 圧縮 + 遅延読み込みは、多くの場合、それだけで速度スコアを大幅に向上させます。

関連トピック