每日 30 秒 ? 千里姻緣一線牽

Arno 發布于2019-08-02 16:11 / 1852人閱讀

簡介

SEO、鏈接、a 標簽、HTTP 狀態碼、link 標簽、alternate、canonical

唐朝有個小伙叫韋固喜歡在河邊玩，一天遇到一個老伯伯在月光下把兩塊石頭系在一起。小伙看到很好奇便問道“系石頭做什么呢？”老伯伯說“我在給當婚人牽線，這對石頭是一對夫妻。”小伙問道：“那我的妻子是誰呢？”老伯伯說：“就是村頭看菜園子的女孩兒。”

小伙就好氣，本小伙玉樹臨風、風流倜儻怎么可以和菜園窮丑丫頭一起呢？第二天路過菜園，抄起石頭就往女孩兒頭上砸過去，女孩兒便倒地不起，小伙也嚇得畏罪潛逃。

后來小伙當了大學士，看上了張員外的外甥女拖媒人提請。洞房花燭夜時發現妻子頭上有個疤痕，問道怎么回事。才發現原來這就是菜園的窮丑丫頭，把月下老伯的話告訴了妻子，才相信緣分是拆不散的。

這個便是 千里姻緣一線牽 故事來源，這要是換到現在怕是 想去醫院看看 wifi 快不快了。不過這句話常說，但是故事并不是所有人都知道，大家可以講給女朋友聽聽加點小內容，肯定撩妹滿分。

程序員心中的女神是計算機，怎么會有女朋友呢？-- by 又背鍋的魯迅先生

鏈接網 是什么

本來只想講 a 標簽，但是其他內容關聯性也挺強的，所以本文篇幅會比較大。

為什么會取這個標題呢？在使用網絡的時候，一個個網站通過鏈接被連接到一起，好似月老的紅線一圈圈的纏繞著。有時候不得不佩服中文的博大精深，互聯網 這個詞真的是非常恰當通過鏈接互相聯系在一起的網狀結構。

懷舊的同學可以看看《天庭外傳》小豬八戒牽紅線那段真的是笑死小二了。

為什么

當 搜索引擎 派出 小蜘蛛 在爬取當前鏈接頁面時，頁面上會有很多其他相關鏈接，小蜘蛛 會順著這個鏈接繼續爬取下去到一定的深度，并對這些相關鏈接和 當前鏈接做出關聯，相關鏈接的好壞會影響到當前鏈接的自然排名。

舉個最簡單的例子，閩南風俗里在結婚前有個 考察環節，男女方各自會組成相親考察團到對方的村里面打聽對方人品、行為等在鄰居口中的評價來從側面了解對方的情況。

小二的朋友小四因為外婆在幾十年前 偷過一只鴨 被鄰居告知了 考察團，導致 相親考察團 對他的印象分有所降低。這里的外婆和小四便是 相關鏈接 和 當前鏈接 的映照。

a 標簽

在頁面上出現的鏈接幾乎離不開 a 標簽，我們通過一個個的 a 標簽 去往不同的頁面。大家最經常使用也是最經常忽略的便是 a 標簽 中的文本內容，當 搜索引擎 中的 小蜘蛛 爬取當前頁面，發現頁面上有 a 標簽 時會繼續爬取下去，而文本內容會作為鏈接的描述參考。

一般的鏈接結構是前端。其中前端就是文本內容也叫做錨文本，通常情況下搜索引擎會通過錨文本來理解https://juejin.im/timeline/frontend這個頁面的內容是什么。為了告訴 小蜘蛛 哪些可以爬取哪些不可以爬取，可以利用 rel 來指明：

rel 值	解釋
external	表示這是一個站外鏈接
nofollow	搜索引擎不應該抓取相關鏈接并記錄權重。
noopener、noreferrer	使得 opener 和 referrer 屬性無效，防止 target="_ blank" 帶來釣魚安全問題

例如在掘金中用戶評論中使用 noopener、noreferrer 和 nofollow 來防止評論里使用了一些危險鏈接：

target="_ blank" 相關內容可以查看 大家一起被捕吧。

友鏈

相關鏈接 除了壞處也有好處，如果是一個知根知底且不錯的網站，可以相互關聯來提升網站的權重，這個方式叫做友情鏈接 從名字上就非常好理解。像京東就有專門的友情鏈接 http://club.jd.com/links.aspx：

友情鏈接的好處簡單說來就是：一個網站被越多站點提及，越知名站點提及，它很大程度上是一個好網站。例如 BAT 要是掛上了小二的鏈接，大家是不是也會更相信小二這個人？

robots

利用 robots.txt 來告訴 小蜘蛛 哪些頁面是可以爬取的那些是不可以爬取的:

User-agent: *

# agency和user禁止訪問
Disallow: /timeline
Disallow: /submit-entry
Disallow: /new-entry
Disallow: /edit-entry
Disallow: /notification
Disallow: /subscribe/subscribed

# agency中允許訪問的目錄
Allow: /agency/join
Allow: /agency/personal

meta robots

如果想當前鏈接 和 相關鏈接 完全不出現在搜索結果中，例如可以利用 meta 標簽：

name 和 content 值部分參考如下：

name 值

name 值	解釋
robots	泛指所有小蜘蛛
Baiduspide	指百度小蜘蛛
Googlebot	指谷歌小蜘蛛

content 值

content 值	解釋
index	搜索引擎應該抓取該當前鏈接
noindex	搜索引擎不應該抓取當前鏈接
follow	搜索引擎應該抓取相關鏈接
nofollow	搜索引擎不應該抓取相關鏈接并記錄權重

真假首頁 是什么

https://juejin.im/
https://www.juejin.im/

對于用戶來說這兩個鏈接都是掘金的首頁，可是對于 搜索引擎 來說這兩個鏈接分別對應的是兩個不同的網站。

為什么

在搜索引擎里，包括參數的不同，只有鏈接完全一樣，才會認為是同一個鏈接。內容相似很有可能被搜索引擎判讀為作弊，并且會導致權重被分散掉。就好比一條街上開兩家 萬達廣場 直接會把客源稀釋成兩部分。

更多 URL 相關可以閱讀 URL 大爆炸。

重定向

喜歡動手的同學可能會去試試訪問 https://www.juejin.im/，就會發現鏈接會被重定向到 https://juejin.im/，確實這個方法便能幫助掘金主頁從兩個入口變為一個。但是細心的同學還會打開 控制臺 發現跳轉的 HTTP Status Code 為 301 而不是 302，這是為什么呢？

ps: 小二沒收一分錢廣告費哦，只是單純的舉例子。

301 狀態碼

301 (Permanently Moved)顧名思義指的是永久性轉移，搜索引擎讀取到 301 狀態碼時候會把跳轉后的網站當做真正的鏈接，這樣多個鏈接都會被當做同一個鏈接權重也得到了保持。使用的場景：

域名改變，告訴搜索引擎新域名和對新的域名進行收錄。

短鏈接，利用短鏈接來方便分享不利于記憶和過長的原鏈接。

網頁擴展名改變，有的站點在鏈接會帶上 .php、.html、.aspx，當用戶保存鏈接為書簽和搜索引擎收錄后，重新更改網頁擴展名會導致原鏈接失效顯示為 404 Not Found，訪問流量白白流逝。

確認主頁，就如開頭給出的兩個掘金主頁鏈接，告訴搜索引擎哪個才是需要收錄。

302 狀態碼

302 Found（Moved Temporarily ）表示的是暫時性的轉移，由于是暫時性的轉移搜索引擎和人不一樣不能做到精確的分辨出哪個才是該收錄的。使用的場景：

頁面刷新跳轉，例如創建發布文章后，跳轉到文章的發布頁面。

回到原先頁面，例如未登錄前先使用302重定向到登錄頁面，登錄成功后再跳回到原來請求的頁面。

移動端和PC端，例如在手機訪問 https://juejin.im/ 跳轉到 https://m.juejin.im/，不過有的公司用的是 301，最好還是做成響應式的網站。

注意：搜索引擎 有可能就會把跳轉后的網站歸結為是原網址的內容，比如 baidu.com 跳轉到 juejin.im 可能會把掘金的內容歸結為百度的，這也叫做 網址劫持。最簡單的例子就是超市里的 康師傅 和 康帥傅：

ps: 小二真真真的沒收一分錢廣告費哦，只是單純的舉例子。

利用 html 標簽

https://pushme.top/index.html?from=juejin
https://pushme.top/index.html?from=baidu
https://pushme.top/index.html?from=taobao

在為什么里提到了參數的不一樣也會被當做不同鏈接，這里的三個鏈接其實都是主頁，只不過是利用了 from 來判斷用戶的來源，可以利用 rel="cononical" 來告訴搜索引擎這幾個鏈接都是表示哪個鏈接。

當然上面 302 狀態碼中提到的 移動端和PC端 也可以用 rel="cononical" 和 rel="alternate" 來幫助搜索引擎理解兩個網站的關系：

rel="alternate" 還可以用來實現網站的 換膚功能，本文主要是講 SEO 相關就不擴展更多了。

SEO 相關內容

H1 の小秘密

SEO 初體驗

img の小九九

千里姻緣一線牽

一起成長

在困惑的城市里總少不了并肩同行的 伙伴 讓我們一起成長。

如果您想讓更多人看到文章可以點個點贊。

如果您想激勵小二可以到 Github 給個 小星星。

如果您想與小二更多交流添加微信 m353839115。

本文原稿來自 PushMeTop

GPU云服務器云服務器云服務器開機要開30秒一線大廠一線牽姻緣

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/54836.html

每日 30 秒 ? 投懷送抱

showImg(https://segmentfault.com/img/remote/1460000018808058?w=900&h=500); 簡介 SEO、sitemap、搜索引擎優化、簡單教程在曖昧期和暗戀期時心里總是懸掛著： ta 為什么還不和我表白？ ta 是不是對我沒感覺？ ta 是不是只是把我當備胎？ ta 是不是對誰都這樣？解決問題最簡單的方式就是直接問問對方...

kevin 2019-08-23 16:50 評論0 收藏0
每日 30 秒 ? 千里姻緣一線牽

簡介 SEO、鏈接、a 標簽、HTTP 狀態碼、link 標簽、alternate、canonical 唐朝有個小伙叫韋固喜歡在河邊玩，一天遇到一個老伯伯在月光下把兩塊石頭系在一起。小伙看到很好奇便問道系石頭做什么呢？老伯伯說我在給當婚人牽線，這對石頭是一對夫妻。小伙問道：那我的妻子是誰呢？老伯伯說：就是村頭看菜園子的女孩兒。小伙就好氣，本小伙玉樹臨風、風流倜儻怎么可以和菜園窮丑丫頭一起呢？第二...

baihe 2019-08-23 16:48 評論0 收藏0
每日 30 秒 ? 漫游器法則

showImg(https://segmentfault.com/img/remote/1460000018825131); 簡介 SEO、robot.txt、搜索引擎優化在浩海的互聯網世界中：互聯網宛如宇宙站點宛如星系網頁宛如星球網頁內容宛如生靈萬物而在互聯網世界漫游的搜索引擎爬蟲小蜘蛛，就好比一搜穿梭在宇宙里的星際漫游器，想想是不是還挺浪漫的。對于不同的星系有著...

Render 2019-08-23 16:51 評論0 收藏0
每日 30 秒 ? SEO初體驗

showImg(https://segmentfault.com/img/remote/1460000018760855?w=900&h=500); 簡介 SEO、Meta、搜索引擎優化、簡單教程細心的同學可能發現了開頭出現了關鍵字，這是為什么呢？閱讀完本文后大家就會明白了。同學們有沒有想過互聯網上用戶、網站有多少呢？這里提供一個網站 internet live stats 里面實時的給出了...

fai1017 2019-08-02 16:11 評論0 收藏0
每日 30 秒 ? SEO初體驗

showImg(https://segmentfault.com/img/remote/1460000018760855?w=900&h=500); 簡介 SEO、Meta、搜索引擎優化、簡單教程細心的同學可能發現了開頭出現了關鍵字，這是為什么呢？閱讀完本文后大家就會明白了。同學們有沒有想過互聯網上用戶、網站有多少呢？這里提供一個網站 internet live stats 里面實時的給出了...

luodongseu 2019-08-23 16:44 評論0 收藏0