图片alt和title标签的使用教程

芜湖老唐SEO今天带来的就是关于图片alt和title标签的使用教程,首先我们来了解下什么是alt与title标签。什么是图片ALT标签?

通俗点说:

alt: 是w3c要求指定的标签,如果图片没有正常显示则会把alt设置的值显示在图片位置,并且利于SEO抓取图片信息

title: 是鼠标放在图片上面时提示的文字

从上面的解释能够看的出来,alt标签是给图片作解释说明的,是给搜索引擎看的,而title是在给用户看的。

 

添加alt标签与未添加alt标签的区别

alt标签

为了更具有说服力,我们举例说明,比如百度图片搜索 韩版服饰 ,我们随机点进去一张图片观察下,我们会发现有很多图片,作为seo,我们很自然的就想到一个问题,为什么这些图片有排名而网络上其他的图片没却没有排名呢?

查看这个页面的源代码,为了查找方便,我先复制了图片的文件名,如图:

查看有排名的图片alt文字
可以看到这张图片的alt标签中就含有我们的搜索词,为了避免个别现象我们可以再多看几张图片比较一下,就不做截图了。

我们发现绝大多数有展现的图片的alt标签都是能够通过我们的搜索词匹配上来的,由此我们可以得出结论alt标签是可以影响图片搜索排名的。

但是,alt文字并不是对所有的图片都很重要,比如说页面中一些无关紧要的图片,可以有选择性的做alt文字。但是有些确实非常重要的图片,我们那就需要细心的为其加上alt标签文字。

在做alt文字时也要考虑到避免出现关键词堆砌的问题,这个很好理解,我们把图片的链接与alt文字描述当做一个锚文本来看待,那么图片链接就是这个锚文本的链接,alt文字就是文本链接的关键词,大量的出现也是会被搜索引擎认为是关键词堆砌作弊的。

alt文字在图片链接的应用中,一般要根据网站的需要来做,具体哪些该做,哪些不一定要做,做在哪儿好就得靠每个SEO站长根据自己的网站不同来进行规划。

title标签

title标签,我们可以理解为,title标签为浏览者提供建议性的信息。可能这正是为什么很多人不明白何时使用它。

事实上title标签有一个很好的用途,就是为图片添加描述性的文字,特别是当连接本身并不是十分清楚的表达了链接的目的。这样就使得访问者知道那些链接将会带他们到什么地方,他们就不会加载一个可能完全不感兴趣的页面。另外一个潜在的应用就是为图像提供额外的说明信息,比如日期或者其他非本质的信息。

title标签值可以比alt标签值设置的更长。很多站长认为img标签中的alt标签和title标签是一样的,所以总是在这2个标签中放置一样的内容,或者只写其中一个。事实上alt标签和title标签还是有很大不同的。

图片alt与title标签的区别

正确的使用alt标签和title标签不仅可以提高图片的搜索能力,对用户体验上也是很有帮助。

alt替换文字是为了给那些不能看到你文档中图像的浏览者提供文字说明。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户,视觉障碍的用户和使用屏幕阅读器的用户。所以替换文字是用来替代图像而不是提供额外说明文字的。alt文字标签在IE浏览器中还起到了title的作用——鼠标经过时的文字提示。事实上这里,IE浏览器给了大家一个误导,在IE中alt会变成文字提示是因为IE不标准。这一点Firefox和chrome做的就比较好。

title是对图片的说明和额外补充,如果需要在鼠标经过图片时出现文字提示应该用title标签。从用户体验的角度来讲,title标签的优先级高于alt标签。但由于错误的引导,很多初学者就在img标签内只加了alt标签。

如何正确使用alt和title标签

1. alt和title对访问者(用户、蜘蛛)都很重要(alt标签对搜索引擎会更重要一些),所以在定义img对象时,最好将alt和title标签都写全,保证在各种浏览器中都能正常使用。

2. 在alt和title中包含关键字,并且二者内容最好不一样。

3. 不要在alt和title中堆积关键字,否则可能会导致搜索引擎惩罚。

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  2   博主  0

    • avatar 氨基酸

      图片alt 用于图片没显示时在图片显示区域显示一个说明文字。title 表示鼠标在图片上停留时,显示一个悬浮框,其中显示的文字。

      • avatar 军哥seo课堂

        图片的本身的内容信息可以通过ALT这个属性来表达。搜索引擎会通过图片的ALT标签里面的文字内容去理解这是一个什么样的图片。所以当图片作为链接使用时,一定要提供ALT标签。不然的话,搜索引擎是理解不了这个链接是什么样的意思的。