img标签要加alt、title属性吗
<img>要加alt,不用加title。
HTML图像标签<img>,在HTML中,图像由<img>标签定义。语法示例:
<img src="example.jpg" alt="图片无法显示时,这里的文本将显示">
这是一个很典型的图像标签,src表示图片的源文件,alt表示为可替换文本,在浏览器无法载入图像时,替换文本属性alt告诉读者他们失去的信息。此时,浏览器将显示这个alt替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。当搜索引擎抓取网页时,它无法识别图像内容,它就识别了alt,至于搜索引擎是不是只用alt代替图像内容,接下来也会分析到。
title是一个通用的属性,它不只使用在图像标签<img>上,例如我们前面说过《a标签title要不要加》。
如果图像标签<img>上加了title,将鼠标移到图片上,将显示title定义的内容。
搜索引擎目前无法读取图像标签<img>中src源文件内容,无法识别图像内容,所以在图像标符签<img>上加alt和title可以很好的标识图像内容,搜索引擎会根据alt与title定义的内容将图像归类,打上标签和内容。
那是不是要将图片同时加上alt和title?这里建议不要那么臃肿,加上alt标签即可。
是不是图片一定要加上alt或title,搜索引擎才能识别内容并展示在搜索结果里?不尽然……
这是在百度图片搜索里面搜索“知性美”关键词搜索到的一张图片,它即没有alt,也没有title。它为什么被搜索到,该文章的标题是“紧身包臀裙穿出女人知性美,显出苗条身材“,很显示,搜索引擎用文章标题给这张图片打上了标签,于是搜索与标题相关的关键词,就会显示这张图像。
尽管如此,仍然强烈建议在图像标签<img>上,使用alt标签,如本章示例所示,即然有方法向搜索引擎表明这张图片的内容是什么,为什么不用呢。
顺便说一下图像标签<img>的width,height属性,对SEO没有什么影响,不使用这两个属性的时候,可以在CSS文件中定义图像的宽度与高度。