• 注册
  • 读书
    • 中文
    • English
  • 注册
  • wordpress wordpress 关注:1 内容:9

    绝对地址和相对地址的优缺点分析和使用建议

  • 查看作者
  • 打赏作者
    • wordpress
    • 偶有心得
      靓号:888
      创始人

      随着搜索引擎越来越智能话,以往的SEO优化方法失去绝对的优势,更多的SEO专员也开始研究搜索引擎的喜好已及用户体验方面的问题也就是我们说的站内优化,今天给大家带来了一篇跟站内SEO优化相关文章来给大家分析下在我们做站内优化时什么情况下使用相对地址,很多时候使用绝对地址在考虑用户体验的同时给大家做一次全面的分析,希望能给做站内优化的小伙伴们带来一点儿干货。

      绝对地址和相对地址的优缺点分析和使用建议

       什么是链接地址

      熟悉前端的朋友都应该认识<a>标题href属性和<img标签的src属性,这两个属性就是让我们关联点击跳转链接和图片地址链接的当然还有<link>标签的 href属性用来引入外部css和js文件等都属于地址链接

       绝对地址分析

      我们通过一个例子来了解绝对地址的概念:

      假如我们的网站是一栋别墅,那么分类页面和文章页面就相当于别墅内的一些小房间,网站首页就相当于别墅的大厅。如果你用绝对地址,就相当于你要进入某个房间就得先从大厅走到门外去,然后再重新进来进入你想要去的房间,假设网页中有大量绝对地址的图片相当你进进出出好多回。这种方法体现不出来网站的层次感和访问体验。

      绝对地址范例

      1. <a href=“http//www.zgzjw.top/demo.html”>测试页面</a>

       相对地址分析

      我们也通过一个例子来了解下相对地址的概念:

      同样我们网站还当做一栋别墅,别墅里有好多房间,我们要从一个房间进入另一个房间,只要从这个房间出来穿过大厅直接推门进另一个房间就可以了,不用再出去重新敲门进入,这就是相对地址。可以把网站的增次感体现出来,而且有助于访问体验的提升。

      相对地址范例

      1. <a href=“/demo.html”>测试页面</a>

       对比分析建议

      既然我们对绝对地址和相对地址都链接的差不多了,那么我们来分析下到底怎么去做地址优化,哪里用相对地址哪里用绝对地址呢?不要着急下面我们就一起来分析下这个问题:

      优化建议:<img>标签的图片和<a>标签的同域名链接建议用相对地址因为这样可以避免重复请求和增加网站的层次感。js和css以及文章中的链接建议使用绝对地址因为当我们把网页拷贝到另一个位置是不会导致网站布局混乱而且js和css一般在第一个页面就已经加载完成由浏览器进行缓存,所以也不会增加额外的请求,那么文章中用绝对地址的好处就是当别人转载你的文章时不会导致文章中的链接失效。

      那么如果我使用的是WP程序该如何把链接优化为相对地址呢,这个我们也有一篇非常简单的WP优化教程,只需在主题functions.php中添加几行代码即可完美搞定这个问题。

      点击查看详情

      请登录之后再进行评论

      登录
    • 帖子间隔 侧栏位置: