于网站到底应该使用绝对路径还是相对路径呢?在解决这个问题之前我们先简单的了解一下他们的概念。
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.测试方法较灵活,本机测试时比较方便快捷。
*请认真填写需求信息,我们会在24小时内与您取得联系。