图片 Alt 属性优化指南
问题说明
Alt 属性为图片提供文字描述,帮助搜索引擎理解图片内容,同时也是无障碍访问的重要组成部分。缺少 alt 属性的图片无法被搜索引擎索引,也无法被屏幕阅读器识别。
最佳实践
1. 为所有有意义的图片添加描述性 alt 文本
2. Alt 文本应准确描述图片内容
3. 适当包含关键词,但避免堆砌
4. 装饰性图片使用空 alt(alt="")
5. 长度建议在 125 个字符以内
<!-- 好的示例 -->
<img src="seo-chart.png" alt="2024年SEO流量增长趋势图表">
<!-- 装饰性图片 -->
<img src="divider.png" alt="">
<!-- 不好的示例 -->
<img src="photo.jpg" alt="图片">
<img src="banner.jpg">SEO 价值
- 图片可以出现在 Google 图片搜索结果中
- 提升页面的关键词相关性
- 改善用户体验和无障碍性
- 图片加载失败时显示替代文本