整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

SEO|绝对路径与相对路径

于网站到底应该使用绝对路径还是相对路径呢?在解决这个问题之前我们先简单的了解一下他们的概念。

SEO绝对路径与相对路径

绝对路径:包含域名的完整地址。

相对路径:不包含域名,被链接页面相对于当前页面的相对地址。

举例说明:

a页面url:http://www.baidu.com/pagea.html

b页面url:http://www.baidu.com/pageb.html

如果a页面链接到b页面 <a href="../pageb.html"> 使用这样的形式,那么

<a href="../pageb.html"> 就是相对路径

如果使用完整的url <a href="http://www.baidu.com/pageb.html"> ,那么

<a href="http://www.baidu.com/pageb.html"> 就是绝对路径

那么使用绝对地址还是相对地址呢?对SEO有什么影响?其实这里没有绝对的答案。不过,两者各有优缺点。

相对路径

1、优点

  • 内容移动时,其他页面上的连接不用更新

  • 可以节省代码量

  • 在测试服务器上测试相对容易

2、缺点

  • 页面移动位置,里面的连接可能需要改动

  • 搜索引擎解析url时可能出错,不能正确读取页面上的连接url

  • 被抄袭和采集对网站没有任何好处,现在很多采集软件可以自动识别绝对路径和相对路径,所以使用绝对地址有助于自己的连接也被抄到采集站上,某些情况是有效的

绝对路径

1、优点

  • 内容被抄袭、采集时,抄袭者较懒或者不知道的情况下,页面的连接会一起抄袭过去,绝对路径还会指向你的网站,可以增加网站外链权重

  • 利于预防和解决网址规范化问题。

  • 站点存在RSS输出时,内容会被一些Feed聚合网站抓取显示,页面里指向原网站的url会被保留

2、缺点

  • 增加代码量,如果连接数量大时,相对于相对路径多出来的字节可能是html文件变大

  • 不好在测试服务器进行测试,出非链接是动态插入的形式。因为链接直接指向真正的域名url,而不是测试服务器上的url

  • 如果链接不是动态插入,移动页面将比较困难。因为,页面的位置发生变化,其他页面链向本页面的链接可能无法跟随变化,还指向原来的已经编码的绝对路径

其实,建立在正确解析url的前提下,绝度路径与相对路径对排名没有任何影响。

文章来源:微信公众号:七棵松运营|公众号ID:qksong7

天要学习的是CSS,CSS是什么?

CSS指的是层叠样式表,它和HTML是一对好朋友,可以对HTML网页进行修饰。

为什么要学CSS?

要想让浏览器显示以下内容:

以我们所学的知识,就需要一个一个的去添加 font 样式:

键盘的TAB可以缩进,代码看起来更美观

非常麻烦,一个网页可能有几百个样式要设置,难道一个一个的去添加吗?即使你很有耐心,这么多的样式全写在一个页面(CSS会新建一个专门存放样式的页面),别说别人了,自己看了都觉得乱。

为了省时省力、简洁易改、维护方便、增强网页……

所以,引入CSS样式表,就是为了解决这些问题。

第一步

在盘符下面建立一个文件夹,在文件夹里面建立两个文档:

例如,我在C盘下面建立了文件夹 new_20200831,在这个文件夹里面在建立两个文本文档,并修改扩展名:new.html 和 newcss.css

之所以放在同一个文件夹里面,是为了更好管理和方便链接,下面的 [1] 会解释为什么方便链接。

打开new.html ,输入基础html代码:

在<head></head>中写入下方代码:

<link href="css 文件的路径" type="text/css" rel="stylesheet" />

<link/> 标签定义文档与外部资源的关系,也就是你想链接CSS样式表,就要用到<link/>标签。

<link/>标签需要放在<head>头部标记中,并且指定3个必需属性:

href:规定被链接文档的位置。 [1]

type:规定被链接文档的类型。这里指定为 “text/css” 表示链接的外部文件为CSS样式表。

rel:规定当前文档与被链接文档之间的关系。这里指定为 “stylesheet” 表示链接的文档是一个样式表文件

——————————————————————————————

[1] 我来解释一下为什么放在同一个文件夹会方便链接:

引用的路径分为两种:

绝对路径:完整描述文件路径

相对路径:相对于当前文件的路径,不带有盘符。(推荐)

相对路径分为以下3种:

· 文件和html文件位于同一文件夹;只需输入文件名即可,如<link href="new.css" />

· 文件位于html文件的下一级文件夹;输入文件夹和文件名,之间用 / 隔开,如 <link href="new_20200831/new.css" />

· 文件位于html文件的上一级文件夹;在文件名之前输入 ../ ,如果是上两级,则需要用 ../../ 以此类推,如 <link href="../new.css" />

例如,上面我输入href="new.css" 就是相对路径的第1种情况,我放在同一个文件夹,所以只要输入文件名 new.css 即可,而不是输入绝对路径 C/new_20200831/new.css ,明显后者麻烦多了。

未完待续~

个网站的每个页面应该使用唯一的URL,不同于相同文件应转向到唯一的URL。不利于测试,有规模的网站一般会有线下测试,如果网站内的链接不是动态参数,就会造成很多死链接,没办法进行测试。相对路径地址是模糊的,不具备独立性。采用绝对地址,可以有效地防止你的竞争对手对你的网站。

绝对路径的优点

1.如果有人复制你的网站内容,里面的链接还会指向你的网站建设,其实也不局限于被复制,如果有人将你的网页保存到本地电脑中,里面的链接、图片、css、以及js仍然会连接到你的网站建设。

2.如果网页位置改变,里面的链接还是指向正确的URL。


绝对路径的缺点:

1.在本机制作的时候不能使用绝对路径,因为链接应该指向真正的域名而不是测试机的。

2.内容页面必须固定,如果所有内容页面都使用绝对路径,如果修改某个文件,其它页面上的路径是无法改变的,还会指向原来的地址。


相对路径的优缺点

相对路径的优缺点和绝对路径几乎相反。


缺点:

1.内容页面换了位置之后,链接容易失效。

2.容易被人大面积复制粘贴。


优点:

1.内容容易移动,可以整个目录移动。

2.测试方法较灵活,本机测试时比较方便快捷。