|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
图片搜索优化中title和alt标签的使用技巧
昆明网站优化SEO今天带来的就是关于图片alt和title标签的使用教程，首先我们来了解下什么是alt与title标签。什么是图片ALT标签？
通俗点说：
alt: 是w3c要求指定的标签,如果图片没有正常显示则会把alt设置的值显示在图片位置,并且利于SEO抓取图片信息
title: 是鼠标放在图片上面时提示的文字
从上面的解释能够看的出来，alt标签是给图片作解释说明的，是给搜索引擎看的，而title是在给用户看的。
昆明网站优化中的title和alt的用法，seo必须知道的基本知识
alt标签
为了更具有说服力，我们举例说明，比如百度图片搜索 韩版服饰 ，我们随机点进去一张图片观察下，我们会发现有很多图片，作为seo，我们很自然的就想到一个问题，为什么这些图片有排名而网络上其他的图片没却没有排名呢? 查看这个页面的源代码，为了查找方便，我先复制了图片的文件名，如图：
SOE关键词优化人员必知的网站图片优化基本常识
可以看到这张图片的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中堆积关键字，否则可能会导致搜索引擎惩罚。
相关文章推荐：http://www.idear86.com/forum.php?mod=viewthread&tid=55&extra=page%3D1
|
|
发表于 2018-9-4 17:18:37
楼主
