整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          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 > ,那么

          <a > 就是絕對路徑

          那么使用絕對地址還是相對地址呢?對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.測試方法較靈活,本機測試時比較方便快捷。


          主站蜘蛛池模板: 日韩人妻精品一区二区三区视频| 精品一区二区三区免费毛片| 国产日韩精品视频一区二区三区| 无码国产精品久久一区免费| 无码精品国产一区二区三区免费| 男人免费视频一区二区在线观看 | 精品欧洲av无码一区二区| 国产一区韩国女主播| 国产乱码精品一区二区三区麻豆| 成人在线视频一区| 亚洲AV无码一区二区三区电影| 一区二区无码免费视频网站| 国产一区二区精品久久| 成人国内精品久久久久一区| 国产MD视频一区二区三区| 国模视频一区二区| 一区二区免费电影| 国产成人一区二区三区免费视频| 亚洲一区二区三区免费观看| 色窝窝无码一区二区三区| 日本一区频道在线视频| 亚洲A∨精品一区二区三区下载| 国产精品揄拍一区二区久久| 精品无码一区在线观看| 国产麻豆精品一区二区三区| 欧洲精品码一区二区三区免费看 | 韩国福利影视一区二区三区| 国产短视频精品一区二区三区| 亚洲日韩AV一区二区三区中文| 亚洲va乱码一区二区三区| 在线欧美精品一区二区三区| 日本韩国一区二区三区| 天天躁日日躁狠狠躁一区| 一区二区三区在线观看免费| 久久一区不卡中文字幕| 中文字幕亚洲综合精品一区| 无码人妻精品一区二区三区99性| 蜜桃传媒一区二区亚洲AV| 日韩AV在线不卡一区二区三区 | 国产福利微拍精品一区二区| 久久久国产精品无码一区二区三区 |