优化链接a标签的title属性 提高用户体验

 2016-04-05 11:04:24  614 人阅读  14 条评论

投放广告联系   诚邀合作伙伴   赞助我们   垃圾评论惩罚

从我开始折腾博客开始就一直误以为链接a标签是必须要添加的,而且是标配来的,所以在博客内出现有链接a标签的地方都加上了title属性。直到今天在网上综合学习一番后才明白,链接a标签的title属性是可以添加,但不可滥用,要分情况而定。现在就跟大家分享一下我们应该如何优化链接a标签的title属性来提高用户体验。

优化链接a标签的title属性 提高用户体验

首先我们来普及一下a标签和title属性的概念

A标签:<a> 标签可定义锚。锚 (anchor) 有两种用法: 通过使用 href 属性,创建指向另外一个文档的链接(或超链接);通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)<a> 元素最重要的属性是 href 属性,它指定链接的目标。

title属性:title 属性规定关于元素的额外信息。这些信息通常会在鼠标移到元素(超链接a标签)上时显示一段工具提示文本(文字注释)。

其次我们来看看大家对a标签添加title属性的问答

NO.1链接a标签中title属性是否有利于SEO

网友回答:a标签添加title属性对SEO基本上是没什么用,因为搜索引擎只识别瞄文字,和瞄文字所对应的链接,不过据说添加了title属性,搜索引擎也不会惩罚。

NO.2网站代码里的a标签加title属性好吗?

网友回答:给链接文字加上title属性,也就是给这个超链接添加描述提示,如果这个超链接的描文本不齐全或看不懂的情况下,建议添加title属性加以说明,以提高用户体验。所以没有什么好或不好的,要根据实际情况而定才行。

NO.3如何能让超链接title中的内容回行?

网友回答:在英文半角状态下,在需要换行地方输入换行符号代码:

  1. &#10;

如:测试title中的内容回行代码:

  1. <a href="#" title="第一行内容&#10;第二行内容&#10;第三行内容" target="_blank">测试title中的内容回行</a>

测试title中的内容回行

NO.4链接a标签在什么时候应该添加title属性?

网友回答:这个一般分两种情况:一是当鼠标悬停时提示文字与链接的文字相同时不应该再添加title属性,要不然就画蛇添足了;二是链接的内容如果无提示文字或看不懂是什么意思的时候应该添加title属性,要不然会降低用户的体验度。

最后我们来总结一下应该如何优化链接a标签的title属性

情况一:锚文本很清晰

优化链接a标签的title属性 提高用户体验

这种情况,也就是title属性和锚文本是一样的情况下,这种提示会给用户带来累赘繁琐的感觉,会降低对用户的友好度,影响用户体验。所以我们应该去除这种情况下的title属性。

情况二:锚文本不清晰

传送门

这种情况,也就是title属性和锚文本不一样的情况下,或者根本看不出这种锚文本是什么意思的情况下,如果没有添加title属性提示,那么就会降低对用户的友好度,影响用户体验。所以我们应该赶紧添加上title属性。比如侧边栏的文章标题显示不完整的情况下也应该添加title属性。

综上所述,如果锚文本清晰明了就没必要加title属性;如果锚文本不完整显示或不清晰的就要加上title属性。

如果文章对你有帮助,请赞赏支持boke112导航发展!

历史上的今天:

本文地址:https://boke112.com/2941.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归  所有,欢迎分享本文,转载请保留出处!
淘宝天猫无门槛专享优惠券

 发表评论


  1. 老董博客
    老董博客 【小白】 @回复

    加上TITLE有效果吗?

  2. 郑州SEO优化
    郑州SEO优化 【小白】 @回复

    title属性确实需要优化的

  3. 小C博客
    小C博客 【进士】 @回复

    没关注这个!!

  4. 米粒博客
    米粒博客 【举人】 @回复

    我主题好像自动的 没怎么关注

  5. 江西养牛人
    江西养牛人 【状元】 @回复

    还有这么多道道呀,我都从来没注意这些,这里面的东西还真不少呀,博主威武,啥细节都不放过。

    • boke112导航
      boke112导航【村长】2016-04-06 14:19  回复

      @江西养牛人[呲牙] 偶尔折腾一下,所以想到什么就折腾什么

  6. 玉满斋
    玉满斋 【尚书】 @回复

    虽然没有用这个主题,但还是要支持一下!

  7. 橘子书
    橘子书 【丞相】 @回复

    对于这些,我一点都没关注过!

    • boke112导航
      boke112导航【村长】2016-04-05 14:50  回复

      @橘子书 [呲牙] 我也是今天在网上搜索学习一番,感觉说得很有道理,所以就对本站的以下A标签进行了小调整

  8. 好文推荐
    好文推荐 【尚书】 @回复

    话说没太关注这些标签代码的