图片alt属性的添加方法与作用

湖南SEO磐石网络  2017-05-11 09:08  阅读 511 次

alt属性也叫替代文本,是一个网页语言html编码,主要用于描述搜索引擎无法识别的图片,用alt属性来说明图片的意思。

图片 alt属性的添加方法:

1、WP博客图片alt属性添加方法:

首先上传完图片是没有ALT属性的,这里我们需要手动来添加。

鼠标左键点击图片,然后选择画笔图案的编辑按钮,进入图片属性编辑模式。

在替代文本出填写的文字就是图片alt属性了。

为了验证是否添加成功,我们可以点击编辑器右上角的文本按钮进入HTML源码查看模式,如上图所示,已经成功设置好了图片alt属性。

2、CMS网站管理系统图片alt属性添加方法:

同WP博客一样,上传的图片默认是没有alt属性的,需要我们手动添加,鼠标左键点击图片会出现一个修改按钮,点击进入图片属性编辑模式。

这个一目了然了,描述就等于是alt属性,按照规范要求填写就行。

在编辑器左上角有个HTML按钮,按一下就进入HTML源码查看模式,如上图所示,已经成功设置好了图片alt属性。

3、最终效果展示,鼠标移动到图片上就会显示你设置的alt属性啦!

4、添加图片alt属性注意事项

不太好的:<img src="demo.jpg" alt=""/>

较好的: <img src="demo.jpg" alt="SEO"/>

最好的:<img src="demo.jpg" alt="网站SEO规划图"/>

避免:<img src="demo.jpg" alt="SEO 网站优化 网站排名湘潭SEO "/>(堆切关键词)

图片 alt属性对于SEO的作用:

(1)提供关于图片主题有用处的信息

(2)本身搜索引擎是没办法较好的去识别图片表现的意思,所以要通过alt属性来描述清楚。另外当图片加载失败或者图片不存在的时候,属性信息也会展现出来。

(3)更有利于百度去收录图片

 显示:alt属性在网页上面是看不到的,只能通过查看网站的源代码来查看alt属性。

本文地址:http://www.xiangtanseo.com/seojichu/585.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
版权声明:本文为原创文章,版权归 湖南SEO磐石网络 所有,欢迎分享本文,转载请保留出处!

发表评论


表情