《SEO在網頁製做中的應用》視頻筆記

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

1、SEO介紹

　　1.  搜索引擎工做原理

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

　　2.  SEO簡介

　　SEO是由英文Search Engine Optimization縮寫而來， 中文意譯爲「搜索引擎優化」。

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

　　3.  SEO分類

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

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

2、網站內容的SEO

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

3、前端攻城師與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。

 

歡迎留言~