你好，我是家禾。
前两天有个做电商的朋友给我发了张截图，他网站上有款产品明明卖得挺好，但在百度图片搜索里就是找不到。我一看他的网页源代码，好家伙，所有图片的alt属性都是空的，文件名还是IMG_20240315_001.jpg这种。
说实话，图片优化是很多站长最容易忽略的SEO环节。今天我就把图片SEO的完整流程给你捋一遍，从alt标签到文件命名，从压缩到懒加载，一步步来。
为什么图片优化对SEO这么重要？
你可能觉得文字才是SEO的核心，图片不过是点缀。但实际上，搜索引擎对图片的理解能力是有限的——它不像人眼一样能直接”看懂”图片内容。如果你不告诉搜索引擎这张图是什么，它就只能靠猜。
图片优化的好处很直接：一是图片搜索能带来额外流量，百度图片、谷歌图片的用户量其实相当大；二是优化过的图片加载更快，直接影响页面速度和用户体验；三是带alt标签的图片能帮助搜索引擎更好地理解页面内容，对整体排名有加分。
Alt标签怎么写才算规范？
alt标签（alt attribute）是图片的”文字替代”，当图片无法加载时会显示这段文字，同时也是搜索引擎理解图片内容的主要依据。
写alt标签有几个核心原则：
准确描述图片内容，不要堆砌关键词。比如你有一张”蓝色陶瓷马克杯”的产品图，alt标签写成”蓝色陶瓷马克杯 350ml 耐高温”就好，别搞成”蓝色杯子 马克杯 陶瓷杯 水杯 茶杯 杯子厂家”这种关键词罗列。
长度控制在20-30个字符，太短起不到描述作用，太长搜索引擎也不会全部读取。
不要写”图片”或”image”这种无意义的词。alt=”图片1″和没写一样。
装饰性图片用空alt，如果一张图片纯粹是为了好看（比如分割线、背景装饰），直接写alt=””就行，告诉搜索引擎忽略它。
图片文件命名也有讲究
很多人上传完图片就不管文件名了，这其实是个坏习惯。搜索引擎会从文件名中提取信息来辅助理解图片内容。
好的文件命名规则：
用英文小写加连字符，比如blue-ceramic-mug-350ml.jpg。不要用中文（URL编码后会变成一长串%），不要用下划线（搜索引擎把下划线当做一个词的一部分，把连字符当做分隔符），不要用空格和特殊字符。
在文件名里包含核心关键词，但要自然。产品图可以包含品牌名+产品类型+核心属性。
图片格式选择和压缩
图片格式直接影响加载速度，而加载速度又直接影响SEO排名。现在主流推荐用WebP格式，它比JPEG小25%-35%，比PNG小26%-34%，画质还不损失。目前主流浏览器都已经支持WebP了。
如果你需要兼容老旧浏览器，可以用JPEG做降级方案。具体做法是用picture标签同时提供WebP和JPEG版本。
关于压缩，推荐几个实用的方法：在线工具可以用TinyPNG或者Squoosh，批量处理可以装一些图片压缩插件。一般来说，网页图片压缩到100KB-200KB就够用了，产品图可以稍微大一点但别超过500KB。
图片懒加载别忘了
如果你的页面有很多图片（比如电商产品列表），一定要开启懒加载。懒加载的意思是：用户滚动到图片位置时才加载图片，这样可以显著提升首屏加载速度。
实现很简单，给img标签加上loading=”lazy”属性就行。这是HTML原生支持的，不需要任何额外代码。
不过要注意，首屏的图片（也就是用户打开页面直接能看到的那几张）不要加懒加载，否则反而会延迟首屏显示。
图片sitemap提交给搜索引擎
如果你的网站图片很多，建议创建一个图片sitemap，专门告诉搜索引擎你有哪些图片、图片的标题、说明等信息。在sitemap里为每张图片添加额外标签，能大大提高图片被收录的概率。
大多数建站工具都支持自动生成sitemap。比如我之前帮一个做家居用品的朋友搭建网站时，用的就是北遇建站的企业建站服务，后台可以自动生成sitemap并提交给搜索引擎，省去了手动维护的麻烦。
图片对页面速度的影响
最后说一下，图片优化归根到底是为了提升页面加载速度。你可以用Google PageSpeed Insights或者百度站点平台的 speed 工具来检测页面速度，看看图片是不是拖了后腿。
一个实用的检查清单：图片是否用了合适的格式？是否压缩过了？尺寸是否正确（不要在CSS里把1000px的图片缩到200px显示，直接生成200px的版本）？是否开启了CDN加速？
把这些做到位，你会发现不仅图片搜索排名上去了，整个网站的加载速度和用户体验都会明显提升。SEO从来不是一个单独的环节，图片优化做好了，对整体的帮助远比你想象的大。
如果你在图片优化或者网站整体SEO方面还有疑问，欢迎随时交流。做网站是个持续优化的过程，每一步都算数。
原创文章，作者：家禾，如若转载，请注明出处：https://www.duanjiahe.com/2276.html
