網頁SEO

這篇博文主要是來寫一下我看了一些SEO的筆記和心得：

要想進行SEO就先要了解搜索引擎的工做原理：一版分爲三步（我說的若是有問題歡迎指點）

1：獲取到頁面的信息或者是用戶提交的信息。同時創建搜索引擎數據庫

2：對頁面的關鍵字和搜索引擎數據庫作比對，排序。

3：展現給用戶。

 

SEO主要分爲兩種，一種爲白帽SEO，一種爲黑帽SEO，就是和hacker差很少，有黑白之分，一種是有利與互聯網的，一種固然是不利的，在這裏不作過多的解釋。

來講一下內容上的SEO：

1：重視網站的標題 關鍵字 還有描述 這都是小爬蟲喜歡的東西

2：是內容和關鍵字的對應，增長關鍵字的密度。

3：合理的設置robot.txt文件。

4：增長外鏈的引用。

 

如今咱們來看看前端工程師的SEO

一版SEO分爲網頁結構佈局的優化和網頁代碼的優化。

先從網頁佈局優化上討論：

1：結構簡單，建議使用扁平化的結構來建站（爲何呢，由於小蟲子太懶了唄，基本上縱向超過三成的頁面結構，小蟲子就已經不多深刻了，因此網站目錄層次越少，越容易被爬蟲獲取）。

2：首頁的連接數量(100之內 包擴 內容部分頭部的尾部的錨)

導航的SEO

導航分爲頭部導航，底部導航，還有內容部分的導航。其中 主導航副導航還有分類導航儘可能使用文字來描述。

建議使用麪包屑導航；在每一個網頁上都留上面包屑有利於用戶瞭解網站結構。還有利於讓用戶瞭解到當前所處的位置。有利於用戶體驗。

底部有分頁的SEO：建議使用形式1~10加上一個下拉框（能讓用戶知道直接的頁數和總頁數）。

頁面大小的SEO，一個頁面最好不要超過100K.

 

網頁代碼優化：

1：<title> ：

（1）只要強調重點

（2）把重要的關鍵詞放在前面不要重複出現。

（3）每一個頁面的title不要設置相同的。

2<meta keyword>：

列出幾個重要的關鍵詞便可。

3 <meta decription>：不要堆積關鍵詞，每一個頁面的decription也要不一樣。

4：語義化標籤的運用：什麼是語義化的標籤，就是在合適的地方使用合理的標籤。

還有一些小技巧推薦給你們使用：

1：<a>最好加上title屬性（小蟲子喜歡）指向別的網站的時候儘可能加上rel=「nofollow」爲了防止小爬蟲去了就不會來了。

2：<h1>：權重很大，小蟲子會有限看這個標籤。副標題用h2.

3：<br>之用於多文本之間的換行，若是想用於元素之間的換行能夠使用CSS來修飾（推薦<p><br></p>）

4：使用表格標題<caption>

5：<img>必定要加alt和title屬性

6：關注一些語義標籤的用法如<strong><em><b><i>H5對這些標籤都有了新的定義。

7：重要的結構不要使用JS來輸出（小爬蟲不懂）

8：重要的內容儘可能放在前面。

9：儘可能少使用iframe標籤。小爬蟲不喜歡。

10：最後一個也是最終更要的一個就是不斷的精簡代碼。

謝謝你們看完個人筆記：加油！