ヘルプとドキュメント
SEO 中程度の影響 簡単 画像あたり 1 ~ 2 分
画像と代替テキスト
画像には代替説明、最新の形式、および圧縮が必要です。
それは何ですか
alt 属性は画像のテキスト説明です。これは、検索エンジン (画像は表示されません) とスクリーン リーダーによって読み取られ、画像の読み込みに失敗したときに表示されます。
なぜそれに対処するのでしょうか?
代替テキストは、画像検索でのランク付けに役立ち、サイトにアクセスしやすくなります。最適化されていない画像 (圧縮されていない大きな JPEG/PNG) は、読み込みが遅くなり、速度スコアが悪化する最も一般的な原因です。
やり方
- 1すべてのコンテンツ画像に説明的な alt を追加します (装飾的な画像には alt="" を含めることができます)。
- 2画像に含まれるものを自然に説明し、必要に応じてキーワードを使用します (「image1.jpg」ではありません)。
- 3JPEG/PNG の代わりに最新の形式 WebP/AVIF を使用します (25 ~ 50% 小さい)。
- 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 つのレベルで画像を処理します。どちらも簡単で、二重のメリットをもたらします。最新の形式 + 圧縮 + 遅延読み込みは、多くの場合、それだけで速度スコアを大幅に向上させます。
関連トピック