首页 > SEO建站 > SEO百科Alt标签是什么意思?详解网页Alt标签的语法、应用场景及作用

Alt标签是什么意思?详解网页Alt标签的语法、应用场景及作用

2023-05-06 16:34:13

Alt标签是什么意思

一、alt标签是什么意思

Alt标签又名alt属性或替代文本,简单地说,Alt标签就是网站上图片的文字提示,用于描述页面上图像的介绍。搜索引擎无法识别网站上的图像,当在图片中添加Alt标签后,搜索引擎可以通过Alt文本来理解图像所表达的内容,同时,alt标签加入关键词是很好的提升关键词排名的方法。Alt标签的另一个用途是,如果网站由于某种原因导致无法加载图片,用户可以通过Alt标签来了解图片的主旨。

二、alt标签的语法

alt属性主要用于img与area两个元素,alt属性的语法如下:

1、<img alt="...">

<img src="图片路径" alt="图片描述"/>,这里我们要说的一点是,"图片描述"最好是用简短的语句,介绍这张图片的内容,如果是链接,则描述链接的作用,并带上关键词。

alt使用实例

*alt使用实例

2、<area alt="...">

<area shape="rect" coords="0,0,0,160" href ="SEO.Html" alt="seo" />,<area> 标签的 alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。

三、alt标签的应用场景

1、logo中添加关键词

网站logo一般是使用图片,可以为logo图片添加Alt属性,从而提升图片的识别度以及增加网站关键词密度,这时替代文本可以使用网站核心关键词

2、在首页和目录页的使用

一般在网站的首页和目录页都会有轮播图和缩略图,并且图片都带有链接,像这种有指定页面或指向性的图片,可添加该链接页面的标题文字作为alt标签文字,增加搜索引擎对目标链接的识别度。

3、内容详情页的使用

在内容详情页的图片使用alt标签,替代文本需要编写成与图片相关的内容,由于详情页alt标签较多,所以每个alt标签都要准确描述图片的含义,切勿使用重复的alt描述,容易被误判为关键词堆砌

四、alt标签的作用

Alt标签除了在网速太慢无法加载图片、src 属性中的链接错误造成图片丢失、用户所使用的浏览器禁用图像、用户使用的是屏幕阅读器设备起到替代作用外,还具有以下几个作用。

1、提高页面页面内容的可读性

对于视觉障碍人士,需要通过文字在线转引文来进行理解页面内容,图片没有做替代文本会导致屏幕阅读软件出现问题,无法将内容传达给用户,通常会跳过这些图像,更糟糕的是,读出长而无用的图像文件名。

准确使用Alt属性替换文字对比

*准确使用Alt属性替换文字对比

2、有利于图片排名

关注过图片搜索引擎优化SEOer会发现在操作图片推广的时候,搜索引擎可以很好的解读这个标签,如果站点有一定的权重,那么这个图片的排名就会在搜索结果页前列的位置。

3、增强页面主关键词相关性

ALT标签属性就是替代文本,它是可以利用文字介绍的网页内容,理论上ALT标签也没有严格规定的文本内容长度,对于一些特定的企业产品,由于视觉的体验需要往往很少文字,这个时候,可以利用ALT标签,补充产品页的内容介绍,增强其与页面主关键词的相关性。

4、提高关键词密度

在操作企业站的时候,经常会遇到站点首屏是一个大的横幅banner,几乎占用了首页的大部分页面,可以在图片的ALT标签中添加关键词,从而有效的提高页面关键词的密度。

五、添加ALT标签注意事项

1、alt标签替换文字过多

在设定alt标签的时候尽量不要使用过多的文字,这样搜索引擎无法识别其中的关键词,这样就不能抓住页面的重点,ALT标签替换文字尽量简单,使用带有关键词的短语或句子,建议控制在125个字符之内(空格符合都算一个字符)。

2、避免关键词堆砌

很多SEO优化人员会犯关键词堆砌的错误,因为听说关键词密度高有利于SEO优化,所以在alt标签添加多个重复的关键词,这样会导致搜索引擎判定网站作弊。这时候要做好Alt替换文本的差异化描述,可以用同义词或者长尾词进行编辑,提高图片关键词的丰富度,增加曝光量。

3、图片与文本不符

ALT标签内容应该与图片内容有关,正确说明图片内容,从而给予用户良好的体验。搜索引擎不能识别图片,所以才添加的alt标签,如果一张图片上画的是花朵,但是添加alt标签时文本写成小草,那搜索引擎会认为这个图片是小草,这也就是为什么搜索花朵时,会出现小草的图片。但这种不准确的图片说明搜索引擎会很快的被识别,也容易被误判为作弊。

4、文本与语种不符

如果是多语言网站,在不同语种浏览环境下,需要确保alt替代文本与语种一致。比如不要在英文语言网站中使用中文的alt替代文字。

5、避免无意义的替代文本

避免使用无意义内容,比如"XXX Image","Picture of XXX" 这种无意义词汇, 谷歌和浏览者自己清楚是否是图片。

总结

优化猩seo:对待图片的ALT标签属性应该回归本源,简明扼要的描述图片内容即可,无论搜索引擎的排名算法是否考虑ALT属性中的信息,也要从用户的角度来考虑正确设置图片的ALT替代文本。

参考链接:

alt标签_百度百科

https://baike.baidu.com/item/alt%E6%A0%87%E7%AD%BE/9682416

什么是Alt标签 如何利用好这个标签_搜狐

https://www.sohu.com/a/404899315_120351799

Image图片Alt标签SEO优化全面指南-内含示例解析 - 知乎

https://zhuanlan.zhihu.com/p/473995711

修改于2023-05-06

想了解更多SEO百科的内容,请访问:SEO百科

本文来源:https://www.youhuaxing.cn/seojianzhan/17281.html

免责声明:部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性,不承担任何法律责任。
用我们的专业,做您满意的SEO+高端网站建设服务商!