一、搜尋引擎工作原理
二、seo簡介
三、為什麼要做seo
提高**的權重，增強搜尋引擎友好度，以達到提高排名，增加流量，改善（潛在）使用者體驗，促進銷售的作用。四、前端seo規範
四、前端seo規範
前端是構建**中很重要的乙個環節，前端的工作主要是負責頁面的html+css+js，優化好這幾個方面會為seo工作打好乙個堅實的基礎。通過**的結構布局設計和網頁**優化，使前端頁面既能讓瀏覽器使用者能夠看懂（提公升使用者體驗），也能讓「蜘蛛」看懂（提高搜尋引擎友好度）。
前端seo注意事項：
1、**結構布局優化盡量簡單、開門見山，提倡扁平化結構
一般而言，建立的**結構層次越少，越容易被「蜘蛛」抓取，也就容易被收錄。一般中小型**目錄結構超過**，「蜘蛛」便不願意往下爬了。並且根據相關資料調查：如果訪客經過跳轉3次還沒找到需要的資訊，很可能離開。因此，三層目錄結構也是體驗的需要。
為此我們需要做到：
（1）控制首頁鏈結數量**首頁是權重最高的地方，如果首頁鏈結太少，沒有「橋」，「蜘蛛」不能繼續往下爬到內頁，直接影響**收錄數量。但是首頁鏈結也不能太多，一旦太多，沒有實質性的鏈結，很容易影響使用者體驗，也會降低**首頁的權重，收錄效果也不好。
（2）扁平化的目錄層次盡量讓「蜘蛛」只要跳轉3次，就能到達**內的任何乙個內頁。
（3）導航優化導航應該盡量採用文字方式，也可以搭配導航，但是**一定要進行優化，標籤必須新增「alt」和「title」屬性，告訴搜尋引擎導航的定位，做到即使未能正常顯示時，使用者也能看到提示文字。其次，在每乙個網頁上應該加上麵包屑導航，好處：從使用者體驗方面來說，可以讓使用者了解當前所處的位置以及當前頁面在整個**中的位置，幫助使用者很快了解**組織形式，從而形成更好的位置感，同時提供了返回各個頁面的介面，方便使用者操作；對「蜘蛛」而言，能夠清楚的了解**結構，同時還增加了大量的內部鏈結，方便抓取，降低跳出率。
（4）**的結構布局—不可忽略的細節
頁面頭部：logo及主導航，以及使用者的資訊。
（5）利用布局，把重要內容html**放在最前搜尋引擎抓取html內容是從上到下，利用這一特點，可以讓主要**優先讀取，廣告等不重要**放在下邊。例如，在左欄和右欄的**不變的情況下，只需改一下樣式，利用float:left;和float:right;就可以隨意讓兩欄在展現上位置互換，這樣就可以保證重要**在最前，讓爬蟲最先抓取。同樣也適用於多欄的情況。
（6）控制頁面的大小，減少http請求，提高**的載入速度。乙個頁面最好不要超過100k，太大，頁面載入速度慢。當速度很慢時，使用者體驗不好，留不住訪客，並且一旦超時，「蜘蛛」也會離開。
2、網頁**優化
（2）語義化書寫html**，符合w3c標準盡量讓**語義化，在適當的位置使用適當的標籤，用正確的標籤做正確的事。讓閱讀原始碼者和「蜘蛛」都一目了然。比如：h1-h6 是用於標題類的，標籤是用來設定頁面主導航，列表形式的**使用ul或ol，重要的文字使用strong等。
（3）標籤：頁內鏈結，要加 「title」 屬性加以說明，讓訪客和 「蜘蛛」 知道。而外部鏈結，鏈結到其他**的，則需要加上 el=「nofollow」 屬性, 告訴 「蜘蛛」 不要爬，因為一旦「蜘蛛」爬了外部鏈結之後，就不會再回來了。
href
=""title
="360安全中心"
class
="logo"
>
a>
（5）應使用 「alt」 屬性加以說明
alt="貓"
/>
（6）**應該使用**標題標籤caption 元素定義**標題。caption 標籤必須緊隨 table 標籤之後，您只能對每個**定義一
（10）重要內容不要用js輸出，因為「蜘蛛」不會讀取js裡的內容，所以重要內容必須放在html裡。border
='1'
>
>
**標題caption
>
>
>
>
>
>
100td
>
tr>
>
>
bananatd
>
>
200td
>
tr>
tbody
>
table
>
（7）
標籤：只用於文字內容的換行，比如：
>
第一行文字內容
/>
第二行文字內容
/>
第三行文字內容
p>
（11）盡量少使用iframe框架,因為「蜘蛛」一般不會讀取其中的內容。
（12）謹慎使用 display：none ：對於不想顯示的文字內容，應當設定z-index或縮排設定成足夠大的負數偏離出瀏覽器之外。因為搜尋引擎會過濾掉display:none其中的內容。
3、前端**效能優化
（1）減少http請求數量在瀏覽器與伺服器進行通訊時，主要是通過 http 進行通訊。
瀏覽器與伺服器需要經過三次握手，每次握手需要花費大量時間。而且不同瀏覽器對資源檔案併發請求數量有限（不同瀏覽器允許併發數），一旦 http 請求數量達到一定數量，資源請求就存在等待狀態，這是很致命的，因此減少 http 的請求數量可以很大程度上對**效能進行優化。css sprites國內俗稱css精靈，這是將多張合併成一張達到減少http請求的一種解決方案，可以通過css的background屬性來訪問內容。這種方案同時還可以減少總位元組數。合併css和js檔案現在前端有很多任務程化打包工具，如：grunt、gulp、webpack等。為了減少 http 請求數量，可以通過這些工具再發布前將多個css或者多個js合併成乙個檔案。採用lazyload俗稱懶載入，可以控制網頁上的內容在一開始無需載入，不需要發請求，等到使用者操作真正需要的時候立即載入出內容。這樣就控制了網頁資源一次性請求數量。
（2）控制資源檔案載入優先順序
瀏覽器在載入html內容時，是將html內容從上至下依次解析，解析到link或者script標籤就會載入href或者src對應鏈結內容，為了第一時間展示頁面給使用者，就需要將css提前載入，不要受 js 載入影響。一般情況下都是css在頭部，js在底部。
（3）盡量外鏈css和js（結構、表現和行為的分離），保證網頁**的整潔，也有利於日後維護
rel=
"stylesheet"
href
="asstes/css/style.css"
/>
人生的「SEO「優化
做seo也算有點時間了。無www.cppcns.com論是從專業的seo角度來看或者說是從日常生活中的體驗。seo確實改變了我的生活，讓我懂得了seo裡面的好些知識其實就是生活中的體驗 其實你的人就相當乙個 在我們沒出生前，我們的母親其實就已經在幫我做個體的構建，相當於我們在選擇源 相當於我們開始著...
SEO前端優化
精減 清除網頁中一些冗餘的 網上有這樣的工具，可以輔助完成，如果需要的話，我們可以把 中的注釋去掉，甚至空行之類的也去掉，盡量的減少 量，從而減小頁面體積。css sprites 通俗點講，就是合併，可以把 中一些比較通用的小，合併到一張上，然後利用css技術來分別呼叫不同的部分。這樣可以大大的減少...
前端SEO優化
一般而言，建立的 結構層次越少，越容易被 蜘蛛 抓取，也就容易被收錄。一般中小型 目錄結構超過 蜘蛛 便不願意往下爬，萬一天黑迷路了怎麼辦 並且 根據相關調查 訪客如果經過跳轉3次還沒找到需要的資訊，很可能離開。因此，三層目錄結構也是體驗的需要。為此我們需要做到 1.控制首頁鏈結數量 首頁是權重最高...