SEO在網頁製做中的做用（筆記整理）

昨天在慕課網觀看了《SEO在網頁製做中的做用》，根據老師講的內容和網友的筆記整理了這片文章，以供本身之後的實踐中參考。

1、SEO（Search Engine Optimization）搜索引擎優化

     一、搜索引擎工做原理
     二、分爲白帽SEO和黑貓SEO
      （1）白帽SEO：其改良和規範網站設計的做用，是網站獲取合理的流量；亂加關鍵字，亂加外鏈；
      （2）黒帽SEO：這類行爲利用搜索引擎政策缺陷來獲取更多用戶的訪問量，屬於欺騙搜索引擎的
     三、如何作白帽SEO：
      （1）對網站標題，關鍵字，描述精心設計，反映網站定位，讓搜索引擎知道網站是作什麼的；
      （2）網站內容優化；（增長關鍵字密度，增長長尾關鍵字...）
      （3）合理設置Robot.txt文件

         robot.txt文件是搜索引擎中訪問網站的時候查看的第一個文件，robor.txt文件告訴蜘蛛程序在服務器上什麼文件能夠被查看的。
         當一個搜索蜘蛛訪問一個站點時，他會首先檢查該站點根目錄下是否存在robots.txt，若是存在，蜘蛛就會按照該文件中的內容來肯定訪問的範圍，若是該文件不存在，全部的搜索蜘蛛將可以訪問網站上全部沒有被口令保護的頁面。
         robot.txt必須放置在一個站點的根目錄下，並且文件名必須所有小寫
         最簡單的 robots.txt文件使用兩條規則：
         1.User-Agent適用下列規則的漫遊器
         2.Disallow 要攔截的網頁

         若是你的網站上有比較隱私的東西這時候就能夠用robot.txt文件進行設置，從而讓蜘蛛不去爬你的那個隱私頁面！

       （4）網站地圖； 
       （5）增長外鏈； 
       （6）網站結構優化；（前端攻城獅的份內事！） 
 （7）頁面代碼優化。（前端攻城獅的職責所在！）

2、網站結構佈局優化

   1.避免使用table佈局——
    （1）不利於後期維護 （2）不利於SEO（小蜘蛛不喜歡table佈局）
   2.扁平化結構
     目錄層次越少越容易被搜索，由於層次結構超過三層小蜘蛛就不肯意爬了）
    （1）控制首頁連接數量（中小網站100之內，頁面導航、底部導航、錨文字連接等有實質性的連接）
    （2）扁平化的目錄層次（頂多跳轉三次進入內容頁）
    （3）導航seo優化
       1).導航儘可能用文字，若是爲了用戶體驗或總體風格而用圖片，則圖片代碼必定要優化，必要的title、alt要添加；
       2)麪包屑導航：用戶體驗，讓用戶知道當前所處位置以及當前頁面在整個網站中的位置，瞭解網站的組織形式
    （4）細節：
       1)見圖片，右邊的相關文章——
         a.留住訪客
         b.對於SEO，這些文章對於正文來講屬於相關連接，加強了頁面相關性，也會加強頁面的權重；
       2)分頁：
         a.首頁-上頁-下頁-尾頁；
         b.首頁 1 2 3 4 5 6 下一頁；
         c.首頁 1 2 3 4 5 6 下拉選擇，小蜘蛛最喜歡第3種（能夠直接進入每一頁）；
       3)網頁加載速度，過慢小蜘蛛不會等待，一個頁面最好不要超過100k

3、代碼SEO優化

   1.網頁代碼優化（語義化代碼）
     A、title標題：強調重點
     B、meta keywords關鍵詞：列舉幾個關鍵詞
     C、meta description網頁描述：高度歸納網頁的內容
     以上信息不要堆積、重複 
   2.語義話代碼（HTML 標籤有本身的意義，在適當的位置用適當的標籤）
     （1）h1~h6 多用於標題
     （2）ul 多用於無序列表
     （3）ol 多用於有序列表
     （4）dl 用於定義數據列表
     （5）em、strong 表示強調
     div、span 是 html 標籤中最沒有語義的

   3.有利搜索引擎
     （1）a：訪問外部連接時要加上 rel="nofollow"，告訴搜索引擎外部連接無需追蹤，加上 title 說明
     （2）h1：搜索引擎外認爲 h1 最重要，使用 css 調整，網頁正文標題用 h1，副標題用 h2，其餘不要亂用 h 標籤
     （3）br 用於文本間的換行，用在 p 內，也能夠用 <p><br/></p> 表示空行
     （4）caption：表格標題
     （5）img：使用 title、alt 說明
     （6）<strong><em>表示強調，<em>的權重僅次於<strong>,若是隻想表示加粗斜體，建議使用<b><i>,表示強調則使用<strong><i>
     （7）重要內容 HTML 代碼放在最前面（使用 css 改變佈局）
     （8）重要內容不要用 JS 輸出（搜索引擎看不懂 JS）
     （9）儘可能少使用 iframe 框架（搜索引擎不喜歡）
     （10）謹慎使用 display:none（搜索引擎會過濾掉其內容，設置 z-index或text-index："-999em"； 代替）
     （11）精簡代碼

4、實戰分析

   1.搜索關鍵字：圖片記得加上標題；p標籤包含br標籤；是正確的用法
   2.a標籤儘可能加上title說明。
   3.外部鏈接最好加上rel=「nofollow」；防止蜘蛛爬出去。