使用“alt”属性

为图片提供描述性文件名和 alt 属性说明。“alt”属性允许您为图片指定替代文字,在图片由于某种原因不能显示时起到救场的作用。

image.png

为什么使用此属性?如果用户使用辅助技术(如屏幕阅读器)查看您的网站,则 alt 属性的内容会提供关于图片的信息。

另一个原因是,如果您将图片用作链接,则该图片的替代文字会等同于文字链接的定位文字。但是,如果文字链接可以起到相同的作用,我们建议不要在网站的导航中为链接使用太多图片。最后,优化图片文件名和替代文字可使图片搜索项目(如 Google 图片搜索)更好地理解您的图片。

最佳做法
使用简短但具有描述性的文件名和替代文字

和网页上被视为优化对象的许多其他部分一样,简短但具有描述性的文件名和替代文字是最理想的。

应避免的做法:

  • 在可能的情况下使用“image1.jpg”、“pic.gif”、“1.jpg”等宽泛的文件名(如果您的网站有数千张图片,您可能希望将图片的命名工作自动化)。
  • 文件名非常长。
  • 替代文字中充斥着关键字,或复制粘贴整个句子来作为替代文字。


使用图片作为链接时提供替代文字**

如果您决定使用图片作为链接,同时提供替代文字可帮助 Google 更深入地了解您链接到的网页。这就像您为文字链接撰写定位文字一样。

应避免的做法:

  • 撰写会被认为是垃圾内容的超长替代文字。
  • 网站导航仅使用图片链接。

    帮助搜索引擎找到图片

    图片站点地图可为 Googlebot 提供更多与在您网站上找到的图片有关的信息。这样能够提高在图片搜索结果中看到您的图片的可能性。该文件的结构与您网页的 XML 站点地图文件类似。

使用标准图片格式

使用普遍支持的文件类型 - 大多数浏览器支持 JPEG、GIF、PNG、BMP 和 WebP 图片格式。另外,最好让文件扩展名与文件类型相匹配。