资讯

手机用华为 • 推广找展为

十年专注 提供有品质的服务 13933871212

网站优化之alt标签的重要性

专注:石家庄网站制作 | 咨询 13933871212(同微信) 2019-07-19 19:57:44

什么是替代文字?
替代文字主要称为「alt属性、alt描述」,是来描述图片中所含的意思,让用户更好理解图片。
 
ALT-TAG使用:
1.为图片增加替代文字可以让用户更好的理解页面上的图片
 
2.如果无法加载图片,网页将会显示Alt文字代替图象
 
3.Alt可以提供搜寻引擎图片的描述,让搜寻引擎可以正确的索引图片
 
撰写方式
<img src =“butterfly.jpg”alt=“蝴蝶”>
最好的替代文字写法
替代文字的最好的撰写格式,是要具有足够的描述,但是要避免使用多余的关键字。您可以想像闭上眼睛,然后让某人阅读替代文字,然后您可以用这段文字了解这是一个什么图片,那么这就是一个好的替代文字。
 
我们举个例子来说:
 
使用义式腊肠、火腿、牛肉、和莫札瑞拉干酪做成的PIZZA
<img src=“pizza.png”alt =“pizza”>
这个是一般使用替代文字的方式,但是这样不具有描述性。除了这个一个Pizza以外,还需要有更多关于这个图片的描述。
 
更好的写法
<img src =“Pizza.png”alt =“使用义式腊肠、火腿、牛肉、和莫札瑞拉干酪做成的PIZZA”>
这个替代文字是一个更好的写法,因为它清楚的描述了图片中内容。因为这个不仅仅表示这是一个Pizza,还是一个使用义式腊肠、火腿、牛肉、和莫札瑞拉干酪做成的PIZZA。
 
避免使用
<img src =“pizza.png”alt=“”>
或是
 
<img src =“pizza.png”alt =“好吃的pizza、美式Pizza、pizza、外送pizza、意大利pizza>
这两个替代文字的填写方式要尽量比免使用。第一个例子是完全没有任何的替代文字,而第二的用了太多的关键字填充。
 
那么,为什么替代文字很重要?
1.可访问性
替代文字的主要目定是要让那些无法看见图片的使用者,能清楚的知道这个图片所包含的意思。有些浏览器会阻止图片的显示,或是有些人的视力无法清楚的辨别图片中的内容,那么在图片中嫁入替代文字可以确保所有人都可以了解您网站上的内容。
 
2.图片SEO
使用替代文字可以提供更好的用户体验,而且也可以帮助您进行图片SEO的优化。除了图片的标题、档案名以外,替代文字也有助于图片搜寻引擎优化。
 
现在的搜寻引擎技术已经有很大的进步,但是搜寻引擎还是无法像我们一样「看到」网页中的图片,所以我们并不能交由他们自己去判断我们图片中所想表达的意思。如果搜寻引擎理解错误,那么您可能会失去一个让图片拥有排名的机会。
 
如何写好替代文字?
清楚具体的描述图片
替代文字本身既是为了无法看到图片的用户所做的文字说明。如果一个图片并没有传达任何意义,只是为了美观,那么应该要把图片放在CSS当中。
 
简短的描述
大部分的浏览器,大概会显示125个字元的替代文字,如果太多就会被清除,因此我们建议替代文本的字数不要太多。
 
使用关键字
您可以在替代文字的描述中,加入您页面中所要使用的目标关键字,这样一来,可以告诉搜寻引擎,这个图片与这个关键字有相关,并且符合用户的搜寻需求,当用户想要使用关键字找图片时,您的图片是符合他们的需求的。
 
不要用图片代替文字
由于搜寻引擎有时候并不能清楚的理解图片中所含的文字意义,因此尽量避免使用图片代替文字,如果有这个需要时,那么就要在替代文字中说明你图片中所显示的内容,才能让搜寻引擎了解。
 
表单按钮
在网站上使用表单时,会使用图片当作提交的按钮,这个图片常常都会被人忘记,所以要记得为这个按钮图片设定它的alt属性,用来描述这个按钮的功能,像是”搜寻”、”提交”‘、”注册”、”取消”等等的功能描述。
 
更多的页面优化方式
想了解更多的页面优化方式,可以阅读我们的网站内部SEO优化,当中有提供许多的优化方法以及操作方式。
 
如有任何问题,欢迎在下方留言与我们共同讨论
10年建站推广经验

让您每一分投入都有百倍回报!

联系展为,马上获得专属免费推广方案

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:13933871212   固定电话:0311-80836913   微信:9196389

13933871212 马上咨询