如何通过图片优化提升网页SEO效果？

  嗨，老兄，你最近在搞网站吗？如果你想让网页在搜索里跑得快，那就别忘了图片。咱们今天聊聊怎么通过图片优化来提升SEO效果。

先说个背景

你可能会想，图片跟SEO有什么关系？其实不止是视觉效果， YYDS！ 搜索引擎也会爬取、解析这些图像。

百度的Baiduspider可不是吃饼干的，它会抓取网页上的所有资源，包括图片。那如果你把图片处理得好，就能让爬虫更友好，也能给用户更好的体验，我不敢苟同...。

给力。 我记得以前站长们常说“文字是王”，但现在多了一块宝藏——图像内容。

第一步：选对文件名

  先别急着上传大尺寸的PNG或者GIF。给文件起名字时用简短又能描述内容的词语。

  比如说你卖的是跑鞋，那么叫“red-running-shoe.jpg”比“IMG_1234.jpg”更靠谱。

我裂开了。 &em_sp；还记得那天我在博客里写了个小贴士， 后来啊被搜索抓到，主要原因是文件名里有关键词。

第二步：给alt属性添点料

 &em_sp；alt属性就是让爬虫知道这张图到底是什么。别写成“图1”，那样没啥用。

 &em_sp；用一句话描述图像内容，并加上核心关键词，但别堆砌，保持自然。

&em_sp；举个例子，“红色跑鞋正面展示”，太虐了。。

第三步：压缩大小， 不要拖沓

 &em_sp；页面加载慢，用户忍不住离开。压缩工具能帮你把文件压到合适大小，而不失真。

火候不够。 &im_sp；常见的格式有WebP、娱乐IF，它们比JPEG还省空间。

&im_sp；但注意不要压得太厉害，否则画质差会影响用户体验，换个角度看.…。

第四步：利用结构化数据为图片加分

给力。 &im_sp；Schema.org 的 ImageObject 可以告诉搜索这张图属于哪类商品、尺寸等信息。

 &im_sp；实现起来很简单，只要在中写几行 JSON 就行啦。

示例代码

{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://example.com/images/red-running-shoe.jpg",
  "description": "红色跑鞋正面展示",
  "author": {
    "@type": "Person",
    "name": "张三"
  }
}

第五步：确保移动端友好

&im_sp；现在大多数人都用手机浏览网页，所以图片必须自适应屏幕宽度，换个角度。。

一言难尽。 &im_sp；使用CSS里的max-width:100%和height:auto， 让图像随容器缩放，不会被拉伸或裁切错误。

第六步：加上相关链接， 让爬虫走路更顺畅

&im_sp；如果你的产品页面里有多张产品照片，可 你我共勉。 以在每张图下方加一个指向该商品详情页的锚文本链接。

这是可以说的吗？ &im_sp；这样不仅提高内部链接深度，还能让搜索引擎更清楚每张图对应哪个页面内容。

第七步：监测表现， 别停留在按道理讲

&im_sp；用百度站长平台或者谷歌分析查看哪些图片被点击最多，然后根据数据做细节调整，摆烂...。

&EmSp

小技巧分享