基礎知識
搜索引擎
搜索引擎爬蟲會檢索各個網站，分析他們的關鍵字，從一個連接到另一個連接，如果爬蟲覺得這個關鍵字是有用的 就會存入搜索引擎數據庫，反之如果沒用的、惡意的、或者已經在數據庫的，就會捨棄。搜索引擎數據庫 保證是爬蟲爬過的最新的數據。用戶在使用搜索引擎會在搜索引擎數據庫查找關鍵詞，展現給用的的是排序後的結果。除開 某些搜索引擎推廣的，剩餘的一般是按照關聯度來排序。
SEO簡介
SEO（Search Engine Optimization）漢譯爲搜索引擎優化.seo優化是專門利用搜索引擎的搜索規則來提高目 前網站在有關搜索引擎內的自然排名的方式.SEO的目的理解是爲網站提供生態式的自我營銷解決方案，讓網站在 行業內佔據領先地位，從而獲得品牌收益.
如在百度搜索hacke2，第一個就是我的前端博客www.hacke2.cn
百度搜索hacke2
白帽SEO
採用SEO的思維，合理優化網站，提高用戶體驗，合理與其他網站互聯。從而使站點在搜索引擎排名提升。 白帽SEO關注的是長遠利益，需要的時間長，但效果穩定。
黑帽SEO
就是採用搜索引擎禁止的方式優化網站，影響搜索引擎對網站排名的合理和公正性。同時隨時因爲搜索引擎 算法的改變而面臨懲罰。比如加的關鍵字與自己網站根本無任何關係，這些關鍵字一般都是最近最火的關鍵字 欺騙用戶、欺騙爬蟲。
白帽SEO的相關手段
- 網站標題、關鍵字、描述
- 網站內容優化
- robot.txt
- 網站地圖
- 增加外鏈引用
一般有關前端工程師的有：網站佈局結構優化、網頁代碼優化。
前端SEO
網站佈局結構優化
網站結構儘量簡單、清晰。推薦扁平化結構。相關手段如下：
控制首頁連接數量
對於中小型網站來說，最好不要太多，但也不能太少
扁平化目錄層次
爬蟲希望看到你網站的結果是樹形結構。 如動物–>貓科動物–>獅子
導航
導航儘量是文字，而且層級儘量小於三級。如本站導航若爲圖片，title和alt必須添加
本站導航
其他
使用麪包屑導航、單個頁面不超過100k
代碼
head
title 表示網頁的標題 description 表示網頁的描述 keywords 表示網頁的關鍵字
下面是本站的相關描述，右鍵查看源代碼即可看到
<title>hacke2's blog | WEB前端,一路前行 – hacke2's blog</title>
<meta name="description" content="hacke2的前端技術博客,分享自己的技術心得,積累前段技能,匯聚前端之路的點點滴滴。">
<meta name="keywords" content="hacke2, blog, hacke2 blog, 前端技術, javascript">語義化
HTML 5的革新——語義化標籤 深更半夜話(html)語義
代碼優化
部分參考百度百科、慕課網