學習了慕課網《SEO在網頁制作中的應用》視頻，今天將裏面的知識整理一下。

一、SEO介紹

　　1. 搜索引擎工作原理

　　搜索引擎現在主流有百度、谷歌、360，他們都有龐大的搜索引擎數據庫，每個關鍵字對應很多網址，搜索引擎爬蟲從一個鏈接到另一個鏈接，分析提煉其中的內容，找到關鍵字，如果是重要的或是首次出現的內容，就會添加到搜索引擎數據庫，如果是垃圾內容或是重復內日你給，爬蟲就會略過。當用戶（比如在百度）搜索信息時，搜索引擎就從數據庫檢索出與之相關的網址，然後展示給用戶，因為一個關鍵字可以對應很多網址，所以就會出現排序的問題。如果是爬蟲看得懂的語言，爬蟲可以準確理解網頁的內容，就會被爬蟲收錄。怎樣使用爬蟲看得懂的語言，就是今天要講的SEO。

　　2. SEO簡介

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

　　SEO是為了提升網頁在搜索引擎中的收錄數量，以及排序位置而做的優化行為。其實就是讓百度、谷歌等搜索引擎多多收錄我們精心制作的網站，同時在用戶搜索相關內容時，網站鏈接就排在搜索引擎的前面。

　　3. SEO分類

　　白帽SEO。起到改良、規範網站設計的作用，使之對搜索引擎和用戶更加友好，並且網站也可從搜索引擎中獲取更多合理的流量，這是搜索引擎鼓勵和支持的。我們說的SEO就是白帽SEO。

　　黑帽SEO。利用、放大搜索引擎的缺陷，來獲得更多用戶的訪問量。這類行為大都是欺騙搜索引擎。這是搜索引擎反對的。

二、網站內容的SEO

1. 對網站的標題、關鍵字、描述進行精心設計。反應網站定位，讓搜索引擎明白網站是做什麽的。
2. 網站內容優化。增加關鍵字的密度，增加長尾關鍵字。
3. 在網站合理設置Robot.txt文件。
4. 生成針對搜索引擎友好的網站地圖。
5. 增加外鏈使用。

三、前端攻城師與SEO

　　網站結構布局優化

　　合理規劃站點結構。我們提倡扁平化結構。

1. 控制首頁鏈接數量。網站首頁是權重最高的地方，太多或太少都不行，對於中小型企業，首頁鏈接控制在100個以內，鏈接的性質可以包括頁面導航、底部導航、錨文字鏈接等，前提要有良好的用戶體驗。
2. 扁平化目錄層次。盡量讓小蜘蛛跳轉三次就可到達網站內任何一頁。
3. 導航SEO優化。主要有主導航、副導航、面包屑導航，導航一般以文字方式為主，如果用img，要加title和alt屬性。面包屑導航可以讓用戶知道當前所處的位置，以及當前頁面在整個網站中的位置，有返回各個階層的入口，方便用戶操作。
4. 註意網站加載速度，太慢的加載速度是留不住用戶的。控制頁面的大小，一個頁面最好不大於100k，太大影響頁面加載速度。

　　網頁代碼優化

1. <title>標題。強調重點即可，把重要的關鍵詞放在前面，不要重復出現，每個頁面的title不要設置相同的。
2. <meta keywords>關鍵詞。列舉出幾個重要關鍵詞即可，不要過分堆砌。
3. <meta description>網頁描述。要高度概括網頁的內容，不要太長，也不要過分堆砌關鍵詞。每個頁面description也要有所不同。

　　網頁代碼提倡語義化代碼。html每個標簽都有它的意義，在適當的位置用適當的標簽，更好的讓用戶和搜索引擎都一目了然。

1. <ul>標簽多用於無序列表。
2. <ol>標簽多用於有序列表。
3. <dl>標簽多用於定義數據列表。
4. <em>、<strong>標簽表示強調。
5. <a>標簽。要加title說明，對於指向其它網站的鏈接，要加上rel="nofollow"，表示告訴小蜘蛛不要爬向這個鏈接，如果爬向這個鏈接，就不一定能回來了。
6. <h1>標簽。標題要用<h1>標簽，因為小蜘蛛認為h1的內容是最重要的，正文標題肯定要用h1，字體大小用css調整。副標題用<h2>，其它不重要的地方就不要用h標簽了。
7. <p>標簽用於正文段落。
8. <br>標簽。只能用於文本內容的換行，不能直接用於標簽的換行。比如下面這樣：

   <div>
   <span>title</span><br>
   <span>item1</span><br>
   <span>item2</span>
   </div>
   
   上面這麽用<br>標簽是不對的，要這樣用：
   
   <p>
   文本第一行<br>
   文本第二行<br>
   文本第三行
   </p>
   或是
   <p>文本第一行</p>
   <p><br></p>
   <p>文本第二行</p>

   　　

9. <table>標簽。要用<caption>定義表格名稱。
10. <img>標簽。要加alt屬性。
11. <strong><em>和<b><i>標簽。

　　<strong>標簽是權重標簽的代表，在搜索引擎中能夠得到高度重視，它能突出關鍵詞，表現關鍵的內容。<b>標簽在瀏覽器中顯示效果和<strong>是一樣的，但是在SEO中並不會起到很好的效果，所以還是推薦使用<strong>標簽。

　　<em>和<i>標簽在瀏覽器中表現為斜體，意思也是強調主體內容，吸引用戶關註，它們的權重僅次於<strong>。

　　如果在網頁上僅僅表現為加粗斜體的效果，建議使用<b><i>標簽，如果使用<strong><em>就會影響到SEO的效果。

　　如果是為了強調文字內容，則建議使用<strong><em>標簽。

　　tips：

1. 把重要內容的html代碼放在最前面。小蜘蛛的抓取是從上到下，利用這一特點可以優先讀取重要代碼，將廣告等不重要的代碼放在下面。
2. 重要內容不要用js輸出。
3. 盡少使用iframe框架。
4. 謹慎使用display:none;。對於暫時不想顯示的文字，可以用z-index等方法，將其設置在瀏覽器顯示範圍外，因為小蜘蛛會過濾掉display:none;裏面的內容。
5. 不斷精簡代碼。能用一個標簽完成的事就不要使用兩個標簽。
6. 正文段落中盡量不用&nbsp;編碼，可以使用margin、padding、text-indent。

歡迎留言~

《SEO在網頁制作中的應用》視頻筆記