lt标签属于图片中的属性标签,完整的图片属性应该包含src,alt,title三种属性。
虽然alt标签不是直接的排名因素,但是在图片中加入alt标签利于搜索引擎解读图片的内容,并在一定程度上提升关键词排名的效果。
譬如可以在每一个网页的文章中添加4到5张的图片,并完善图片的alt标签属性,添加图片可以加强信息阅读效果以及提高吸引力。
在这篇文章中,我将解释为什么要优化图片中的alt标签和title标签:
alt标签的写法
alt标签在html语言中的写法是这样的:<img src=”图片路径” alt=”图片描述”/>
这里我们要说的一点是,图片描述最好是用简短的语句,描述这张图片的内容,如果是链接,则描述链接的作用,并带上关键词。
不好的习惯是每张图片都没有alt标签。而不可取的是,对于每个标签都采用关键词堆砌,这样就有可能会导致被视为Spam垃圾网站。
注意:“alt标签”是一个通用术语,而不是写法,实际上alt是IMG标签中的一个替代文本属性,简单点来说alt标签就是用来描述图像内容的意思。
HTML代码
完整的图片编码应该包含alt标签和title标签:
<img src =“图片路径” alt =“图片说明” title =“图片提示”/>
图像的alt和title属性通常被称为alt标签或alt文本和标题标签,即使它们不是技术上的标签。
alt文本描述图像上的内容和图像在页面上的功能,例如您网站有数张图片,关于介绍屋苑的室内设计,可以相关图片标签指定的#文本/#标题。用作告诉给搜索引擎这些图片是什么,及介绍什么,并且与您原先的网站设计内文是有关连及呼应,这便是属于其中的网站制作的SEO技巧之一。
每张图片都应该有一个alt文本(个人认为,但是博主比较懒,有些没加),但是部份图片并不需要title属性,因为可能会误导搜索引擎,但是如果已经设置了,并不会产生太大的问题,因为各个搜索引擎都图片编码的识别都有不同追求。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
<ul>
<li></li>
<li></li>
</ul>
霍格沃兹的测试管理班是专门面向测试与质量管理人员的一门课程,通过提升从业人员的团队管理、项目管理、绩效管理、沟通管理等方面的能力,使测试管理人员可以更好的带领团队、项目以及公司获得更快的成长。提供 1v1 私教指导,BAT 级别的测试管理大咖量身打造职业规划。
天SEO小也要跟大家聊聊图片中alt属性,不要小看这个图片的alt属性,谷歌对于这个属性还是很器重的,对于提升网站排名也有一定作用,不然谷歌也不会花好几篇文章去说明alt属性,这篇文章SEO小也打算把谷歌官方的几篇文章提取出来,来说说图片alt属性以及如何优化。
我们在做这件事之前,首先需要明白为什么做这件事,Alt属性最重要的功能就是在图片无法显示,作为替代说明文字,比如在网络不好的时候,图片加载比较慢,首先浏览器就会使用alt属性内的文本作为占位标记显示在网页上,让读者有个大体的概念,这个图片表达的内容含义是什么。
Alt属性不同Title属性和其他说明性属性,这个属性是图片所特有的属性,在其他Html标签上是用不到Alt属性的,所以这个属性有两点很重要的作用:
第一点前面SEO小也已经说过了,就是在图片无法加载的时候,作为图片辅助说明性文字,第二点是最重要的一点,因为做好Alt优化,能够提升网站排名,获得更多流量,虽然各大搜索引擎在积极发展图片识别技术,但是还是无法做到像人类一样准确理解图片的意思,这时候我们就需要使用Alt属性,帮助搜索引擎理解图片,写好Alt属性文本内容,就像写好文章Title一样,能够带来更多的关键词排名,各大搜索引擎都有图片搜索的功能,那些图片就是搜索引擎建立索引,并给予排名的,可以看到那些图片都是有相关信息描述的:
谷歌图片排名描述
下面SEO小也简单举个例子,来说明下什么样的Alt文本内容,才是符合SEO要求;首先来看看最简单的Logo图片标签:
<img class="logo" src="seozen-logo.jpg" alt="The SEOZEN logo">
这是SEO小也LOGO的图片属性,可以看到图片文件名是有意义的名称,不是随机的字母或者数字,这是第一个要注意的地方,上传图片之前,要尽量重命名图片,让他语义话,之后Alt属性内部,是英文描述的图片功能,表达的是这个图片是SEO小也的LOGO,如果是国内不做谷歌排名的朋友,这里用中文就好,SEO小也Alt标签一般使用的是英文描述,这是比较好的方式,一般的方式是把图片语义化后的文件名,去掉后缀放到Alt属性里面,这样也是可以的,但是肯定没有功能描述的好。
下面在优化Alt属性的时候,有几点需要注意:
关于图片Alt属性的知识暂时分享到,SEO小也感觉还有很多内容要说,但是还没有想好要怎么表达,有什么不懂或者有什么问题可以评论留言。
*请认真填写需求信息,我们会在24小时内与您取得联系。