网页中的链接用绝对地址好还是用相对地址的问题

2014年03月20日 12:31 by:老修

导读: 网页中的连接锚链用相对地址还是绝对地址好呢?网页链接的设计的好在老修看来可以为网站排名加分,老修建议:css、js文件用绝对地址。图片建议用相对地址,因为这样可以避免重复请求。

这个问题很少有人问基本也都不在意,老修看来网页中的链接设计同样是个技术活。

连接都包括哪些?

最熟悉的<a><link>标签,还有图片的 <img src => 基本上 src属性或href属性的值都称之为“连接”。

什么是绝对地址?什么是相对地址?

举个例子:

  • http://www.lao8.org/article_1243/godaddy_2014.3.22.php 这个就是绝对地址;
  • /article_1243/godaddy_2014.3.22.php 前面不带网址但在当前域名下仍能正常访问的这就是相对地址。

那么什么时候用绝对地址,什么时候用相对地址呢?

老修建议:图片建议用相对地址,因为这样可以避免重复请求:

比如你进了一个大厅,大厅里有好多房间,我们要从一个房间进入另一个房间,只要从这个房间出来穿过大厅直接推门进另一个房间就可以了,这就是相对地址。

如果你用绝对地址,就相当于你要进入这个房间就得先走到门外去,然后再重新进来进入你想要去的房间,假设网页中有大量绝对地址的图片相当你进进出出好多回。

css、js文件用绝对地址。

 这样做的好处是如果这个网页被拷贝到电脑上不致于“散架”,且页面的连接能正常访问。

这里有的朋友可能会说,那不是又重复请求了吗,那么请看一下关于设置网页js/css/图片缓存的文章:用.htaccess设置网页/图片/js/css文件内容缓存

注:老修建议css js文件的link便签上加入rel=“nofollow”属性,告诉搜索引擎这个文件就不要抓取了。

锚链(<a href="">)用相对地址还是绝对地址好呢?

首先我注意到百度特别喜欢“结构层次分明"的网站,专业的叫法是“面包屑导航”,每个页面强烈建议设置结构层次分明的导航,大量的面包屑导航可以帮搜索引擎快速检索到我们网页上的新变化,避免有些内容页形成“孤岛”,网站导航我建议用相对地址。

这里要提一下文章中的连接,文章中夹杂的锚链我又强烈建议用绝对地址,即使是链接自己网站的文章,这就是加强关联性文章和内部链接。这样做的目的是加强内部连接和保证网页被转载的时候连接地址正确。