SEO优化中a标签超链接的代码优化总结

SEO优化中超链接的优化是不可忽视的，尤其是a标签的代码优化在seo中占比很重。A超链接的基本语法如下：

链接内容

正确的a标签写法其实只要符合w3c的规范都是没有问题的，对SEO优化都没有什么影响，w3c标准我觉得做前端设计的不会不懂，但是由于a标签实在太好用了，很多地方用a标签对于前端设计来说简单又方便，以至于出现各种不同的不友好的链接。对于SEO优化来说，如果不需要某个链接被搜索引擎索引和抓取，这样写就可以了：

不要爬取

就是加上nofollow标签，搜索引擎都遵守这个协议，只要加了nofollow的链接，就是说这个链接不重要或不被允许抓取。下面直接上错误的链接写法吧，这样可能更容易理解。

错误案例一：a标签里面的href里面写的是JavaScript，链接不通成为死链

链接内容

href里面的这个JavaScript代表的是一个死链，此路不通，但是这样写也可以，网站上的个别按钮等并不需要被跟踪索引。问题的关键是这样的链接不宜过多，如果一个网站上这样的链接太多就会导致收录很差，不可避免这样的链接几乎每个网站都会有，正确的做法应该再加上一个nofollow。

错误案例二：href里面是＃(井号)或井号id

链接内容

链接内容

井号是html的保留标签，默认是返回顶部的意思，href里面写了井号始终是不友好的，第二个在井号的后面加了id值来跳转，其实这个从代码语法上来说没有问题，从seo优化的角度他就是有问题，搜索引擎不会去索引带有井号的后面链接的内容。

错误案例三：a标签包含太多文字或多种内容

先看上图，1所框出来的这个区域，鼠标放上去会显示边框和阴影，点击这里面的任何地方都会打开一链接，1这样将a超级包含太多的方式就不对。对于搜索引擎来说，a代表的是一个链接，链接包含的文字或图片是搜索引擎需要理解的，如果太多搜索引擎也可以理解，但是你那么多内容搜索引擎就会认为这个锚链接是个垃圾锚链，我常说的友情链接锚链接，你可以看看谁的友链包含很长或很多的内容，这里举例友链是为了方便理解，就是这个意思吧。

正确的方法是上图中2所示的红框，超链接应该单独加在标题上，或者图片上，而不是用一个a标签把整个区域给包含起来。虽然用a标签包含整个区域容易实现一些如鼠标移入移出的特效，但是这是不合理的，不利于SEO优化。

要点总结：只要严格按照w3c的标准来编写代码都是没有问题的，但是在一些逻辑问题上也需要注意。超链接作为搜索引擎抓取和收录的重要元素之一，我们切不可以乱写，这样吃亏的总是你自己的网站。