在给网站做SEO优化时,许多站长会忽略代码的SEO优化,一个网站想要获得好的绩效,源代码其实也是重中之重,如果源代码写的好了,那么在给网站做SEO优化时,就相对的更要高效快捷点。

 

SEO优化中超链接的优化是不可忽视的,尤其是a标签的代码优化在seo中占比很重。今天启蒙博客就来简单的介绍下SEO代码优化中A标签的重要性和如何更好的使用A标签。

 

正确的a标签写法其实只要符合w3c的规范都是没有问题的,对SEO优化都没有什么影响,w3c标准我觉得做前端设计的不会不懂,但是由于a标签实在太好用了,很多地方用a标签对于前端设计来说简单又方便,以至于出现各种不同的不友好的链接。

 

一、a标签之title属性

 

a标签中添加title属性的意思是为链接添加描述性文字,一些好的开源程序他们的a标签都会自动带上title属性,所以启蒙博客也要提醒各位网站站长或者博主,在挑选网站程序的时候,一定要看下模板的a标签是否有加title属性,加的是否合理。也提醒做前端职业的工程师们,在写代码的时候也一定要注意a标签title属性的使用。

 

我们看两个代码:


<a title="启蒙博客" href="https://www.72bk.com">启蒙博客</a>



<a title="启蒙博客" href="https://www.72bk.com">点击这里</a>


 

对于第一段代码,提示文字跟锚文本一样,这个提示就显得有点多余。第二段代码,提示文字跟锚文本不一样,我们通过锚文本不知道对应网站是干什么的e799bee5baa6e59b9ee7ad9431333363376465,而有了title属性的提示文字,我们就可以知道。

 

对于第一种情况,title属性对seo是没有效果的,第二种情况,会有一些效果。

总结:在优化网站的时候,出现一些链接的锚文本我们无法读懂或者不能通过锚文本知道网站大体内容的,我们就可以给这个链接加上title属性;如果锚文本本身就能很清晰地让大家知道网站的大体内容,我们就可以不使用title属性。

 

二、a标签之nofllow属性

nofllow属性是告诉搜索引擎,不要将该链接计入权重。因此多数情况下,我们可以将一些不想传递权重的链接进行nofllow处理;例如一些非本站的链接,不想传递权重,但是又需要加在页面中的像 统计代码、备案号链接、广告等。

nofollow 有两种用法:

1.用于meta标签:

<meta name="robots" content="nofollow" />
,告诉爬虫该页面上所有链接都无需追踪。


2.用于a标签:

<a href="https://www.72bk.com" rel="nofollow">启蒙博客</a>
,告诉爬虫该页面无需追踪。


 

三、a标签之href标签

href标签是网站需要打开的页面,上面案例中大家应该也注意到了启蒙博客有用到href标签。那么href标签又有哪些需要注意的呢?

 

我们看下面下个案例


<a href="javacript:;" >

<a href="javacript:void(0);">

<a href="#" >


 

第一种会出现浏览器访问“javascript:;”这个地址的现象,所以任何情况下都不建议使用;

 

第二种表示点击这个链接后执行一条javascript语句:void(0); 这条语句表示什么也不做,是个空语句。当绑定了onclick()事件并且点击后,页面会停留在原地;

 

第三种是HTML的链接用法,意思是跳转到页面顶部,如果想快速地返回到顶部,那么就用这个链接,这种用法叫做锚。这种标签我们在写网站页面时,可以少量使用,但不可以大量使用,大量使用会让搜索引擎认为你的网站全是一些无用的内容。

 

a标签在seo优化中的作用,启蒙博客就先写这些,如果有对a标签的使用有更多体会的,可以在下方评论留言,或者加启蒙博客QQ详聊。

点赞(0) 打赏

Comment list 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部