淺談SEO與前端的關系

????????可能有人會想我一個做前端和SEO有什么聯(lián)系么，答案是肯定的，前端頁面設計和制作的好壞直接關系到SEO優(yōu)化的性能，會嚴重的影響網(wǎng)站的排名，根據(jù)百度官方給出的說法，相關性是優(yōu)化的一大要點，而前端的關鍵詞布局，以及內部的鏈式調用，頁面模型等會影響相關性，所以前端和SEO之間的聯(lián)系是必不可少的。下面我為大家簡單介紹幾點關于SEO和前段的關系：

? ? ? ? 1.前端中的網(wǎng)頁模型對SEO優(yōu)化有著密切的關系，一個良好的網(wǎng)頁模型會帶來很好的用戶體驗，且會更加容易被瀏覽器搜索到，一個良好的網(wǎng)頁模型中對于關鍵字的使用場景，使用頻率會有嚴格的控制，包括正在網(wǎng)頁中的連接跳轉，圖片提示等，從不同的版塊中對當前的內容進行友好的提示是SEO的一個要點。

?????????2.關于網(wǎng)頁中的title和description也是前端優(yōu)化的注意點，title：強調重點，最好不要超過兩次出現(xiàn)，而且一般要寫在網(wǎng)頁的頭部以便于瀏覽器搜索到，而description則需要注意的是將網(wǎng)頁中的內容高度概括總結到這個里面，一般一個網(wǎng)頁只有一個，且每個網(wǎng)頁不要相同。

? ? ? ? 3.重要的關鍵詞要寫在HTML標簽中，因為瀏覽器解析網(wǎng)頁是從上到下解析的，這樣就有便于更快的檢索到我們所需要的內容，同時像一些無關緊要的東西，比如廣告，小圖標等可以放在網(wǎng)頁的下部，這樣爬蟲會優(yōu)先去爬到關鍵的部位。

? ? ? ? 4.符合W3C規(guī)范也是SEO優(yōu)化最基本的一點，我們都知道網(wǎng)頁的解析是瀏覽器通過一定的標準進行解析的，所以當我們的代碼寫的比較漂亮，符合規(guī)范時會更容易被解析到，比如一個文章一定要有他對應的標題，要去熟練的使用h1-h6標簽，強調部分可以使用strong標注出來，一般來說網(wǎng)站首頁的logo是在一個h2標簽中被當做背景圖片的方式去保存。

? ? ? ? 5.SEO中禁忌用js去輸出一些比較重要的東西，我們要知道爬蟲是不會去爬到我們js中的內容，同時也盡量避免去使用iframe框架，搜索引擎抓取不到里面的內容，重要的東西都攜帶HTML中，不要寫在框架中。

? ? ? ? 6.在一些比較特殊的地方我們既要保證美觀也要保住優(yōu)化程度時，我們可以在標簽上寫上我們需要的文字，同時插入一個個性字體主題，通過css讓我們的文字不會顯示在網(wǎng)頁中但同時又保存了我們所需的文字，例如logo的使用，以便于我們對網(wǎng)頁的優(yōu)化。

? ? ? ? 7.css可以很好的對網(wǎng)頁中的字體進行美化和優(yōu)化，當我們不想讓太多的字顯示這樣影響我們網(wǎng)頁美觀的時候我們就可以用css的overflow：hidden去隱藏多余的字，同時又可以被搜索引擎抓取到一舉兩得。

好啦，對于SEO與前端的關系今天就介紹這么多，當然除此之外還有很多的關聯(lián)內容，總結來說兩者之間的關系密不可分，也希望小伙伴們在今后的工作和學習中越來越好！！