很多做网站的人以为传了图就能被搜到,其实图片属性优化没处理好,搜索引擎爬虫经常连这张图讲什么都判断不了。我们做内容页的时候,图片不只是装饰,它本身就是可被检索的素材,属性写对了能带自然流量,写错了反而拖慢收录。
后台传图有个alt框,不少人直接留空或者写“图片1”“截图”,这种操作在爬虫眼里等于没给任何信号。搜索引擎没法靠视觉认图,只能依赖你给的文本属性。我见过一个建材站,产品图alt全是“tu”拼音,结果图片搜索里完全没曝光。
正确做法是alt用一句话说明画面主体和场景,比如“卫生间灰色防滑瓷砖铺贴效果”,别堆关键词,也别写和图无关的品牌词。下面是个简单的填写对比:
| 错误写法 | 正确写法 |
|---|---|
| image01 | 阳台白色折叠晾衣架实拍 |
| 好看的花 | 阳台盆栽月季开花近景 |
有人觉得title和alt都填相同内容省事,其实两者作用不同。alt是给爬虫和读屏软件用的替代文本,title是鼠标悬停提示。如果全站统一,用户悬停看到的和听屏读到的一模一样,体验没提升,对SEO也没额外帮助。
我的习惯是alt写清楚是什么,title写一点使用提示或来源,比如alt填“厨房不锈钢水槽单槽”,title填“点击查看尺寸参数”。这样既不重复,又覆盖不同场景。
老站几千张图没alt,手动改不现实,可以用脚本扫一遍HTML。下面这段Python用BeautifulSoup把没有alt的img补上文件名描述:
from bs4 import BeautifulSoup
import os
def fill_alt(html):
soup = BeautifulSoup(html, 'html.parser')
for img in soup.find_all('img'):
if not img.get('alt'):
src = img.get('src', '')
name = os.path.basename(src).split('.')[0]
img['alt'] = name
return str(soup)
跑完记得人工抽看,别把乱码文件名当alt发出去。
图片属性优化不只看标签,文件名也会被读取。很多人上传时系统自动生成“DSC_0023.jpg”,这种对检索没用。传之前改成“客厅北欧布艺沙发.jpg”,搜索引擎会把文件名当辅助信号。
另外图周围的标题和段落文字,会影响图片的上下文理解。把图插在相关小标题下方,比扔在文末版权区效果好得多。我们测过同张图,放在讲选购的段落里,图片搜索点击率高了三成。
现在站点多用srcset做自适应图,如果只给srcset里的图加alt,原src忘了加,部分老爬虫还是读不到。检查的时候要确认每个候选资源对应的img标签都有alt,而不是依赖浏览器自动继承。
<p>还有loading=
评论
加载中...