這裡是修真院前端小課堂，每篇分享文從

【背景介紹】【知識剖析】【常見問題】【解決方案】【編碼實戰】【擴充套件思考】【更多討論】【參考文獻】

八個方面深度解析前端知識/技能，本篇分享的是：

【 從前端出發做好SEO需要考慮什麼】

一、背景介紹

什麼是SEO？

SEO由英文Search Engine Optimization縮寫而來，中文意譯為“搜尋引擎優化”。

其實叫做針對搜尋引擎優化更容易理解。它是指從自然搜尋結果獲得網站流量的技術和過程，是在瞭解搜尋引擎自然排名機制的基 礎上，對網站進行內部及外部的調整優化， 改進網站在搜尋引擎中的關鍵詞自然排名， 獲得更多流量，從而達成網站銷售及品牌建設的目標。

二、知識剖析

瞭解搜尋引擎的抓取工具

1、百度

      百度通過一個叫做Baiduspider的程式抓取網際網路上的網頁，經過處理後建入索引中。

①  對網站抓取的友好性： 會制定一個規則最大限度的利用頻寬和一切資源獲取資訊，同時也會僅最大限度降低對所抓取網站的壓力。 

②  識別url重定向： 對網際網路眾多的url重新識別 

③  百度蜘蛛抓取優先順序合理使用： 優先抓取的策略主要有：深度優先、寬度優先、PR（權重）優先 、反鏈優先。

④  無法抓取資料的獲取： 在網際網路中可能會出現各種問題導致百度蜘蛛無法抓取資訊，在這種情況下百度開通了手動提交資料。 

⑤  對作弊資訊的抓取： 百度出臺了綠蘿、石榴等演算法對作弊連結進行過濾，據說內部還有一些其他方法進行判斷，這些方法沒有對外透露。

2、谷歌

（谷歌使用許多計算機來提取（或“抓取”）網站上的大量網頁。Googlebot 使用演算法確定抓取過程：計算機程式確定要抓取的網站、抓取頻率以及從每個網站抓取的網頁數量。 進行抓取時，Googlebot 會先檢視以前的抓取過程所生成的一系列網頁網址，包含網站站長提供的站點地圖資料。 Googlebot 在訪問其中的每個網站時，會檢測各網頁上的連結（SRC 和 HREF），並將這些連結新增到要抓取的網頁列表。 它會記錄新出現的網站、現有網站的更新以及無效連結，並據此更新 Google 索引。

三、常見問題：前端怎麼做SEO

四、解決方法

①  經常更新網站內容，優質的原創內容越多，搜尋引擎收錄越多，權重越高。

②  優化meta標籤的關鍵詞，啟用Keep-Alive；為每個頁面單獨命名，要符合頁面內容。

③  優化網站、程式碼結構，簡潔，清晰，結構鮮明的程式碼容易被搜尋引擎爬取。

④  確保每個頁面都可以通過至少一個文字連結到達

⑤  重要的內容，應該能從首頁或者網站結構中比較淺的層次訪問到

⑥  使用文字而不是flash、圖片、Javascript等來顯示重要的內容或連結，為圖片的alt新增文字。

等等-------

五、程式碼實戰

1、在meta標籤中新增關鍵詞，使其在無法訪問時顯示文字資訊、

<meta name="keywords" content="技能樹成長IT學習升職加薪迎娶白富美">

簡單來說就是META標籤中description正確描述網頁主體內容的摘要資訊，是對網頁內容的概括並且含有該網頁的核心關鍵詞，META標籤中的keywords則進一步說明該網頁的核心關鍵詞（這些關鍵詞同樣出現在網頁描述資訊中），如果核心關鍵詞不止一個，則關鍵詞之間用逗號分開。

2、對圖片的alt新增文字，使其在無法訪問時顯示文字資訊、

<img src="images/rocket.jpg" alt="高效" "r-b-p">

用百度統計的seo建議其中一條圖片ALT資訊“存在沒有alt資訊的img標籤”扣分較多。對於載入網頁有困難的訪問者，alt標籤能幫助他們瞭解圖片的內容，方便使用者體驗。所以，在合適的範圍內給圖片加alt標籤必然能有助於網站SEO。

六、擴充套件思考

如何不讓搜尋引擎抓取網站的隱私內容？？

可以使用Robots協議，也稱為爬蟲協議、機器人協議等。其全稱是“網路爬蟲排除標準”（Robots Exclusion Protocol）， 網站通過Robots協議告訴搜尋引擎哪些頁面可以抓取，哪些頁面不能抓取。

寫法：不允許搜尋引擎訪問任何檔案

新建txt檔案：robots.txt

User-agent: *

Disallow: /

七、參考資料

1、百度文庫：https://wenku.baidu.com/view/f576c31d650e52ea5518983f.html

2、meta標籤的優化：http://www.jb51.net/web/70787.html，

視訊地址：https://v.qq.com/x/page/c0393k0p1ca.html

八、更多討論

SEO與SEM的區別

更多內容，可以加入IT交流群565734203與大家一起討論交流

這裡是技能樹·IT修真院：https://www.jnshu.com，初學者轉行到網際網路的聚集地