什么情况下使用链接title属性

知更鸟
知更鸟
站长
2331
文章
0
粉丝
WordPress284,030阅读模式

从最早学习网页制作就一直错误认为,链接a标签添加title属性是标准、是必须的,网上还有很多利用JS脚本强化这个链接描述的技术文章,也包括我,对这个美化后的链接描述还有种小有成就的感觉,但慢慢觉得这玩意很碍眼,影响阅读,大多数情况下毫无意义,比如这篇文章标题的HTML结构:

<a title="如何使用链接title属性" href="https://zmingcx.com/link-title-attribute.html" target="_blank">如何使用链接title属性</a>

显示效果: 如何使用链接title属性

当鼠标悬停时提示文字与文章标题相同,提示不仅多余,而且突兀弹出的提示影响浏览者的体验。

但有些情况下还是非常有必要的,比如:

如果无提示文字浏览者可能不知道这个图标作用是什么,一定程度上会降低对用户的友好度。

大多数门户网站标题链接都无title属性,包括标准的Wordpress主题,反倒是很多与我一样业余水平的国内Wordpress主题作者还在乱用title属性,网上流传的一些Wordpress代码,也大多不忘给标题链接加上title属性。

至于这个title属性是否会影响SEO,对于文章中的关键词可能会产生一定影响。因此说,链接title属性使用要分情况,做到合理不重复。

本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  28  访客  22  作者  1
    • weaver2000
      weaver2000 3

      是啊,能简化最好了,只是不知道对seo的影响到底有多大,希望鸟哥能研究一下。另外等待鸟哥的ality的新版,对新版的新导航栏很期待!

      • 张戈博客
        张戈博客 3

        我是这样判断的,如果被链接的文本不是全面的,那么就用title来补充诠释,比如文章需要链接到上一篇相关内容,但是我又不想将上一篇文章的标题直接作为被链接的文本,那么我就用和本文连贯的文字来作为超链接,然后用上一篇文章的标题作为title,这样如果别人看想知道这个超链接具体指的是什么,就可以鼠标放上去,就知道了指向哪了。
        说白了,titile是更详细的说明这个链接的含义和指向。鸟哥正解,如果被链接的文本已经诠释到位了。再来个title多余而且影响阅读。

          • 知更鸟
            知更鸟

            @ 张戈博客 其实大部分人根本不会看文章列表中的摘要,只看标题,感兴趣就点开,我就是这样

          • 想请您帮做个站,还要主机
            想请您帮做个站,还要主机 1

            知更鸟您好,我想请您帮做个网站,还想购个主机,能联系下我吗?QQ77817181 电话:15079172496

            • 想请您帮做个站,还要主机
              想请您帮做个站,还要主机 1

              想请您帮做个站,还要主机域名,有偿的,我一直关心您的博客,很了不起的人。

              • 爱游戏TV
                爱游戏TV 3

                应该这样子理解,title标记是html标准代码,你文字在搜索引擎里面,只是标明了问题,而title则是说明啦a标记这条链接的内容,就这样

                • wordpress迷
                  wordpress迷 5

                  确实是这样。。

                  • 香港云主机
                    香港云主机 3

                    亲,可以跟你的网站换友情链接吗?如果可以的话,qq:2954243953联系

                    • 两天
                      两天 6

                      基本不加,链接文本本身就表达的很清楚

                      • 消灭星星
                        消灭星星 3

                        前排,学习了,感谢分享。

                        • 似魔鬼的步伐
                          似魔鬼的步伐 3

                          wordpress的插入链接,如果选择站内内容的话,默认是有。

                          • 点滴生活
                            点滴生活 1

                            拜读了

                            • 马赛克
                              马赛克 2

                              学习了

                              • 厦门微信营销
                                厦门微信营销 2

                                太多title降低用户体验,很不好

                                • 爱win8-国内最大的win8越狱基地
                                  爱win8-国内最大的win8越狱基地 0

                                  学习下

                                  • 宅男福利
                                    宅男福利 1

                                    我几乎都去掉所有的这个提示,感觉没必要。

                                    • 前端度
                                      前端度 1

                                      这个代码高亮的颜色弄个纯色会比较好看些吧,

                                      • 车轮组www.dgqzpj.com
                                        车轮组www.dgqzpj.com 1

                                        title属性我觉得一个页面最多用两三次就行了

                                        • 流量营销
                                          流量营销 2

                                          title几乎没有过a标签中的TITLE功能。

                                          • JK
                                            JK 0

                                            你这个评论用的是什么的?[img]http://img.kaopu001.com/2015-09-14/139fda75-9c5a-4b62-ae8f-0dee16082afa.png[/img]

                                            • 木先森
                                              木先森 3

                                              鸟哥,我想在友链页面,把每个链接的title在前端显示,跟着链接的后面,而不是鼠标悬停才显示,请教一下怎么实现?

                                              • 两块甩卖
                                                两块甩卖 0

                                                对于三方合作来说,增加title属性可以迎合客户的宣传心理。title可以是口号,宣传语,公司名,展会名,产品名,联系电话等。可以让客户多掏钱

                                              匿名

                                              发表评论

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

                                              拖动滑块以完成验证