web前端之網站seo優化學習筆記

     這兩天由於一些公司業務上的緣由，學習了一些關於網站seo優化的方法和技巧。

     以前在碼代碼的過程當中其實尚未考慮過對於網站導流和優化網站關鍵字搜索排名的問題。

     在瞭解了一些這方面的資料以後，以爲這是一個頗有意思的領域。把這幾天的學習筆記記下來。

     我的理解是在一個項目基本上完成主要需求後須要運營需求加入的時候，此時seo優化就很是重要。因此在網站開發的最開始有經驗的前端coder們在搭架子的時候就應該提早把之後運營汪們可能會提出的運營需求，特別是一些針對影響關鍵字排名和與搜索引擎相關的部分就能夠考慮進去。整站seo優化是個很大的工程。這幾天看到一篇13年講到京東的seo優化的帖子，說到當時的電商網站裏京東的seo優化作的是最好的。私覺得從13年到如今可能京東的seo在大型電商網站裏仍是作的最好的。畢竟到如今爲止在百度搜［淘寶］仍是第一個跳出來京東。因此這篇帖子的參考價值依然很是大。（帖子地址會貼在最後）

    首先來講說什麼是seo，SEO由英文Search Engine Optimization縮寫而來， 中文意譯爲「搜索引擎優化」。SEO是指從天然搜索結果得到網站流量的技術和過程，是在瞭解搜索引擎天然排名機制的基礎上， 對網站進行內部及外部的調整優化， 改進網站在搜索引擎中的關鍵詞天然排名， 得到更多流量， 從而達成網站銷售及品牌建設的目標及用途。（來源百度百科）

   seo的核心思想是：每一個頁面抓取幾個關鍵字（通常不超過5個）進行核心優化，想試圖經過一個頁面就作完全部關鍵字，是不可能的。

   seo優化的基礎思路：（四處一詞）

（1）當前頁面的title上出現這個關鍵字；

（2）當前頁面的keywords和description中出現這個關鍵字；

（3）當前頁面的內容裏屢次出現這個關鍵詞，而且在第一次出現的時候，加粗；

（4）其餘頁面的錨文本里，出現這個關鍵詞。

   下面來講說看對於網站seo優化的具體方法總結。

（1）調整頁面代碼結構和標籤。這裏我以爲就算不從seo的角度來看，有良好編碼習慣的前端開發人員也都是應該作到的。css，js和html分離原本就是最最基礎的開發習慣。這樣不只僅可以提升編碼速度和代碼整潔度，更有利於搜索引擎抓取有用的內容。圖片使用雪碧圖也是好習慣，由於每一張圖片都會發送請求，經過css來調整一張雪碧圖的不一樣顯示位置也是提升用戶體驗的很好的方法。

（2）讓重要內容優先加載。搜索引擎蜘蛛爬行抓取頁面的順序是從上到下，從左到右，因此最早出現的的連接和關鍵字權重也會越大。能夠經過人爲調整html結構來完成seo優化。而金三角，指的是google抓取關鍵字重點位置通常分佈在頁面左上，呈三角形。

（3）title。title標籤是最最最重要的一個部分。要放在description和keywords以前。最好是不一樣的頁面都能考慮到title的書寫合理性，不一樣的頁面，都能根據頁面的特色，設置不一樣的title，優化重點突出。

      京東標題優化的思路是：從京東品牌，到熱門商品分類，再到具體商品分類，再結合長尾關鍵字。長尾關鍵字也是很重要的一環，咱們後面再說。

（4）每一個頁面只出現一個<h1></h1>標籤。<h1></h1>標籤的權重僅次於title。通常資訊詳情頁和商品詳情頁標題，都放在<h1></h1>裏。

（5）<meta>標籤優化。meta標籤的做用是跟搜索引擎解釋你的網頁是有關於哪些信息的。這裏咱們只說和seo優化有關的description和keywords標籤。description標籤一般排在title以後，keywords以前。是用於描述網站，這些描述將鼓動人們瀏覽你的網站而不是你的競爭對手的，通常在150字以內。keywords中只能包括與你本頁內容相關的關鍵字列表。全部關鍵字必須與本頁內容相關。「逗號」表示「或」，「空格」表示「與」，搜索引擎會把空格分開的關鍵字根據必定的方式進行組合。關鍵字不宜以統一形式重複3——6次，重複過多會產生關鍵字垃圾，所以還有可能會受到懲罰。

（6）關鍵字合理佈局，合理使用<h1>-<h6>,<strong><em><b>這類的標籤，都有利於影響關鍵詞排名

（7）圖片的alt屬性。全部圖片都加上alt屬性，title屬性可選，若是商品詳情頁，都寫上了title和alt，容易形成關鍵詞堆砌，因此通常建議只加alt屬性。

（8）連接可根據實際需求添加title屬性和nofollow屬性。nofollow這個標籤的意義是告訴搜索引擎"不要追蹤此網頁上的連接或不要追蹤此特定連接"。非特殊性連接，必定要寫href，由於搜索引擎對js的支持一般來講不好，圖省事用click事件的程序員看到這裏估計已經哭暈在廁所。快從廁所出來，之後改掉這個壞毛病。對於不須要排名的連接，請必定加上nofollow屬性。加上此屬性的連接，權重就再也不傳遞。

（9）頁面內容儘可能不要作成flash和圖片，視頻。由於搜索引擎抓取不到抓取不到抓取不到。重要的事要說三遍。

（10）網站結構儘可能呈扁平狀，目錄結構不宜過深，不然不利於搜索引擎抓取。

（11）ajax動態加載的內容，搜索引擎沒法識別。（這裏不知道如今是否仍是這樣，有懂得大大能夠出來講一說）。對於一些關鍵的連接組和商品，採用直接輸出到頁面的方式，優化用戶體驗的同時兼顧seo。

（12）站內錨文本。<a href="*****.com">站內錨文本</a>.搜索引擎會根據這個「站內錨文本」來理解這個href是作什麼的。若是一個頁面的站內錨文本足夠精確，那這個網站頁面在搜索引擎裏面的排序就有極大的機會排在靠前的位置。

（13）反向連接。友情連接就是反向連接的一種。優化關鍵字排名的核心就是獲取大量高權重，高PR的反向連接，能在短期內將關鍵字排名提升到首頁前三位。

（14）長尾關鍵詞   單次搜索次數比較少，但整體數量巨大的非熱門關鍵詞。從流量來源來看，seo整站優化帶來的流量，特別是大量長尾關鍵詞帶來的流量將遠遠大於其首頁帶來的流量。

（15）站點地圖和rss訂閱。給本身的網站作一個站點地圖和rss訂閱也會影響排名。

（16）作好404頁面。不只是爲了提升蜘蛛體驗，也是爲了用戶體驗的更好。

  暫時就關於前端的seo優化就更新在這裏。若是有不對的地方還請指正。謝謝收看。麼麼噠。

 京東seo站內優化分析貼地址：http://www.ghugo.com/jd-seo/