文章出處：
前幾天在慕課網上學習了「seo在網頁製作中的應用」，覺得挺好、挺有用的，今天，特此做了乙個小小的筆記，也算是對學習過後的乙個總結。
一、搜尋引擎工作原理
二、seo簡介三、
前端seo
(1)**結構布局優化：盡量簡單、開門見山，提倡扁平化結構。
(2)網頁**優化
第一行文字內容
第二行文字內容
第三行文字內容
全稱：search english optimization，搜尋引擎優化。自從有了搜尋引擎，seo便誕生了。
分類：白帽seo和
1. 對**的標題、關鍵字、描述精心設定，反映**的定位，讓搜尋引擎明白**是做什麼的；
2. **內容優化：內容與關鍵字的對應，增加關鍵字的密度；
3. 在**上合理設定robot.txt檔案；
5. 增加外部鏈結，到各個**上宣傳；
通過**的結構布局設計和網頁**優化，使前端頁面既能讓瀏覽器使用者能夠看懂，也能讓「蜘蛛」看懂。
一般而言，建立的**結構層次越少，越容易被「蜘蛛」抓取，也就容易被收錄。一般中小型**目錄結構超過**，「蜘蛛」便不願意往下爬，「萬一天黑迷路了怎麼辦」。並且
根據相關調查：訪客如果經過跳轉3次還沒找到需要的資訊，很可能離開。因此，三層目錄結構也是體驗的需要。為此我們需要做到：
1. 控制首頁鏈結數量
**首頁是權重最高的地方，如果首頁鏈結太少，沒有「橋」，「蜘蛛」不能繼續往下爬到內頁，直接影響**收錄數量。但是首頁鏈結也不能太多，一旦太多，沒有實質性的鏈結，很容易影響使用者體驗，也會降低**首頁的權重，收錄效果也不好。
因此對於中小型企業**，建議首頁鏈結在100個以內，鏈結的性質可以包含頁面導航、底部導航、錨文字鏈結等等，注意鏈結要建立在使用者的良好體驗和引導使用者獲取資訊的基礎之上。
2.扁平化的目錄層次，盡量讓「蜘蛛」只要跳轉3次，就能到達**內的任何乙個內頁。扁平化的目錄結構，比如：「植物」--> "水果" --> "蘋果"、「桔子」、「香蕉」，通過3級就能找到香蕉了。
3.導航優化
導航應該盡量採用文字方式，也可以搭配導航，但是**一定要進行優化，
其次，在每乙個網頁上應該加上麵包屑導航，好處：從使用者體驗方面來說，可以讓使用者了解當前所處的位置以及當前頁面在整個**中的位置，幫助使用者很快了解**組織形式，從而形成更好的位置感，同時提供了返回各個頁面的介面，方便使用者操作；對「蜘蛛」而言，能夠清楚的了解**結構，同時還增加了大量的內部鏈結，方便抓取，降低跳出率。
4. **的結構布局--不可忽略的細節
頁面頭部：logo及主導航，以及使用者的資訊。
5.控制頁面的大小，減少http請求，提高**的載入速度。
乙個頁面最好不要超過100k，太大，頁面載入速度慢。當速度很慢時，使用者體驗不好，留不住訪客，並且一旦超時，「蜘蛛」也會離開。 2.
4.中的標籤：盡量讓**語義化，在適當的位置使用適當的標籤，用正確的標籤做正確的事。讓閱讀原始碼者和「蜘蛛」都一目了然。比如：h1-h6 是用於標題類的，標籤是用來設定頁面主導航的等。
5.標籤：頁內鏈結，要加 「title」 屬性加以說明，讓訪客和 「蜘蛛」 知道。而外部鏈結，鏈結到其他**的，則需要加上 el="nofollow" 屬性, 告訴 「蜘蛛」 不要爬，因為一旦「蜘蛛」爬了外部鏈結之後，就不會再回來了。
7.標籤：只用於文字內容的換行，比如:
8.**應該使用**標題標籤
9.、標籤: 只是用於顯示效果時使用，在seo中不會起任何效果。
13.重要內容不要用js輸出，因為「蜘蛛」不認識
14.盡量少使用iframe框架,因為「蜘蛛」一般不會讀取其中的內容
15.謹慎使用 display：none ：對於不想顯示的文字內容，應當設定z-index或設定到瀏覽器顯示器之外。因為搜尋引擎會過濾掉display:none其中的內容。
16. 不斷精簡**
17.js**如果是操作dom操作，應盡量放在body結束標籤之前，html**之後。
前端優化之SEO技巧小談
若作為優秀的前端工程師，從 的設計到建設再到執行的整個過程中都應貫穿seo思想。大到 結構，小到某一行 可能都會影響到 的排位，所以不要低頭苦寫 了，多燒腦多思考，或許會事半功倍。所謂結構優化，指 布局設計的優化，合理的布局設計，有利於搜尋引擎抓取，也更能夠留住訪客。結構提倡簡介直觀，即顯 簡約大氣...
SEO前端優化
精減 清除網頁中一些冗餘的 網上有這樣的工具，可以輔助完成，如果需要的話，我們可以把 中的注釋去掉，甚至空行之類的也去掉，盡量的減少 量，從而減小頁面體積。css sprites 通俗點講，就是合併，可以把 中一些比較通用的小，合併到一張上，然後利用css技術來分別呼叫不同的部分。這樣可以大大的減少...
前端SEO優化
一般而言，建立的 結構層次越少，越容易被 蜘蛛 抓取，也就容易被收錄。一般中小型 目錄結構超過 蜘蛛 便不願意往下爬，萬一天黑迷路了怎麼辦 並且 根據相關調查 訪客如果經過跳轉3次還沒找到需要的資訊，很可能離開。因此，三層目錄結構也是體驗的需要。為此我們需要做到 1.控制首頁鏈結數量 首頁是權重最高...