眾所周知，網站優化過程中，內容頁優化是非常關鍵的一個環節，作為站長可能大家都非常清楚內容為王，而當下進行內容頁優化，我們可能要估計的因素和細節非常多，比如內容質量度，用戶體驗優化，蜘蛛抓取效率的提升等，這些細節都是我們在進行網站內頁優化過程中要預先考慮的問題，下面筆者就內容頁優化我們需要把握的基礎要點和大家詳細分享下。

　　第一，基礎要點就是能夠為用戶創造價值

　　2018年網站優化說的最多的就是價值這個關鍵詞，作為站長我們必須明白網站是為用戶而生的，文章寫作，產品銷售，品牌建設這些東西都離不開用戶的支撐，我們的宗旨就是要為客戶提供可以創造價值的內容，隨著電子商務的不斷發展，當下互聯網各行各業的網站不勝枚舉，我們如何讓自己的站點從激烈的競爭中脫穎而出，如何能夠在互聯網贏得一席之地，如何讓搜索引擎更加看好我們的站點給予更多的權重，無疑網站內容是最基礎東西，有價值的內容是我們在進行內頁優化要慎重思索的第一道關。

　　第二，內容頁尤其是內鏈的優化一定要自然合理

　　內容頁優化一個關鍵的細節就是內鏈優化，內鏈不僅僅可以幫助用戶很好的找到與該關鍵詞錨文本對應的相關頁面，也是蜘蛛擴大抓取范圍，提升關鍵詞權重的基礎，所以被許多站長廣泛采用，作為站長我們不能只顧眼前利益，只利用內鏈進行關鍵詞的優化而忘記了網站最基礎的東西：用戶體驗，在這邊筆者建議，不能所有的內鏈全部指向同一個關鍵詞，也不要所有的內鏈全部鏈接向首頁，筆者發現很多站長都僅僅是通過錨鏈接指向網站首頁，這樣是非常容易陷入優化過度導致網站降權的，我們應該針對性的將不同的錨文本指向與之相關的頁面，并且頁面出現錨文本的數量一定不要超過三個，太多這樣的錨文本又是非常影響網站用戶體驗的。

　　第三，可以不斷為內頁提供高價值的權重外鏈

　　一提到內頁優化很多站長，不由得就想到了內鏈優化，其實內容頁我們也是需要精心維護的，一個重要的因素就是對于高權重的內容頁我們也需要為之提供針對性的高權重外鏈導入，比如有些內容頁承載著轉化率非常高的網站長尾詞，這個時候我們就非常有必要通過外部優化提升內容頁權重，常見的由比如通過百度百科詞條，通過投稿一些新聞源網站指向與之相關的我們要重點主推的內頁。都是我們通過外部方式提升內頁權重的小細節。

　　第四，內容頁優化的原則用戶體驗第一

　　很多站長在進行網站優化的時候常常抱怨，自己網站內容是原創的呀，也在老老實實的更新，也不斷為網站增加外鏈，但是權重和排名始終沒有動靜，這個時候筆者就要建議大家重點檢查網站用戶體驗度了，比如網站文章是原創的但是有價值嗎?換位思考，我們如果是客戶看到內容頁面之后會停留多長時間呢?有些站長為了做優化，內頁到處是錨文本，文章雖然是原創但是網站結構混亂，內容布局非常零散，讓讀者看到后就有一種迫不及待想離開的感覺，這些側面問題都反應了沒有仔細用心的考慮用戶的感受，所以網站優化把用戶體驗放在第一位，寫自己的原創文章，注意文章美觀清晰的排版布局，不斷的換位思索才是改進用戶體驗的捷徑所在。

網站內容優化之一：原創的網站內容

    眾所周知：根據搜索引擎的一個工作原理，原創文章較多的網站是非常容易被眾多網站引用的，而且如果引用的文章所在的網站加了這個頁面的鏈接地址，那么 這個頁面就會獲得較好的評分，當然“屌絲”站長最關心的排名也就會上去了呢。

      那么，說來說去原創怎么回事？我們究竟應該怎么來做呢？

    （1）內容必須是和主題相關的，千萬不能跑題

       用戶就是看到你網站體現的主題進來的，你說你內容都是什么亂七八糟或者不相關的，誰會繼續看呢？比如你去買啤酒，店里只有自行車 ，你會還有興趣嗎？

     （2）最好每個段落包含一次要描述的關鍵詞，這里有一個誤區，很多人都喜歡在這個關鍵詞上面添加網站首頁的鏈接是比較多的，其實不然，大家應該添加本篇文章的鏈接地址。不知道大家是否了解，網站的內部鏈接在一定程度上比外部鏈接的作用要大，因為網站內鏈可以把網站串聯起來，形成容易讓蜘蛛爬行的網絡。

      （3）關鍵詞出現頻率不要過高，適中即可。

      結構非常重要，注意分段哦，這個問題好像在我們很多“屌絲”站長不是特別的常見哈。這個不多說，影響用戶體驗的東西如果不注意，那對不起的只有你自己了。

       大家在發布內容的時候可以根據新聞熱點相關發布，但是需要較好的語言和寫作能力，如果說沒有建議大家訂閱百度新聞，也可以是其他的新聞，然后再加工一下即可，注意哈是訂閱自己行業相關的新聞。

網站內容優化之二：內容的更新

    適當的更新會有利于搜索引擎定期進行檢索收錄和快照更新，快照更新較快一點的對網站的排名還是有一定好處的。大家對自己網站更新的程度可以做到一個月更新網站60%差不多。對于google中，內容越是豐富，加上網站各個頁面之間的鏈接就更加有利于提高各個頁面在谷歌的評分。當然“屌絲”最愛的pr就會高哦。

網站內容優化之三：站內的內部鏈接

      外部鏈接重要性就不說了，老掉牙的內容了，估計大家沒有多少人重點關注站內的鏈接了，怎么說呢？外部鏈接很多不可控制，但是站內的就好多了，而且會在自己的控制之下。那么如何做呢？

      （1）建立網站地圖

       不少的CMS系統并無法自動生成網站地圖，需要添加一些插件?？傊貓D是為了方便蜘蛛的，但是發現好多網站還是沒有做這個，不知道是我們的“屌絲”站長忘記了還是根本排名做的太好了而忽略了呢。

      （2）網站每個頁面，從首頁開始點擊不要超過4次

       一是為了用戶體驗，老是點擊鼠標也是非常麻煩的，要知道現在的用戶都是懶惰的。二為了蜘蛛，不解釋了。

      （3）盡量使用文字導航

       有的時候也許為了好看，很多人喜歡用圖片或者js下拉菜單鏈接，但是最好的就是文字，也不解釋了。

      （4）鏈接文字

       網站導航上的鏈接文字應該準確的描述欄目中的內容，自然而言的就會有關鍵詞在鏈接文字中，但是也不要在這里使命的推擠關鍵詞。在網頁正文中提到其他網頁內容的時候可以自然的使用關鍵詞鏈接到其他網頁上。反向鏈接中的關鍵詞也是排名的重要因素之一哦。

      （5）整站的pr數值傳遞和流動

       只要是好的網站結構，pr分布是很均勻的，順序依次是首頁最高，欄目頁，再內容頁面。

      （6）網頁的相互鏈接

    之前說過網站基本都是樹型結構的，不過要注意樹型結構不是每個欄目下的文章頁面之間不會有鏈接，相反的在不同欄目的網頁中鏈接其他欄目的相關網頁，這樣讓整個網站結構看起來更像蜘蛛網，后面的費用也就不多說了。

第一步：加載優化

1.   減少HTTP請求。

因為手機瀏覽器同時響應請求為4個請求（Android支持4個，iOS 5后可支持6個），所以要盡量減少頁面的請求數，首次加載同時請求數不能超過4個。a) 合并CSS、JavaScript；b) 合并小圖片，使用雪碧圖（CSS SPRITE）；

2.   緩存。

使用緩存可以減少向服務器的請求數，節省加載時間，所以所有靜態資源都要在服務器端設置緩存，并且盡量使用長Cache（長Cache資源的更新可使用時間戳）。

a) 緩存一切可緩存的資源；b) 使用長Cache（使用時間戳更新Cache）；c) 使用外聯式引用CSS、JavaScript；

3.   壓縮HTML、CSS、JavaScript。

減少資源大小可以加快網頁顯示速度，所以要對HTML、CSS、JavaScript等進行代碼壓縮，并在服務器端設置GZip。a) 壓縮（例如，多余的空格、換行符和縮進）；b) 啟用GZip；

4.   確保無阻塞。

寫在HTML頭部的JavaScript（無異步），和寫在HTML標簽中的Style會阻塞頁面的渲染，因此CSS放在頁面頭部并使用Link方式引入，避免在HTML標簽中寫Style，JavaScript放在頁面尾部或使用異步方式加載

5.   使用首屏加載。

首屏的快速顯示，可以大大提升用戶對頁面速度的感知，因此應盡量針對首屏的快速顯示做優化。

6.   按需加載。

將不影響首屏的資源和當前屏幕資源不用的資源放到用戶需要時才加載，可以大大提升重要資源的顯示速度和降低總體流量（PS：按需加載會導致大量重繪，影響渲染性能）。

a) LazyLoad；b) 滾屏加載；c) 通過Media Query加載；

7.   預加載。

大型重資源頁面（如游戲）可使用增加Loading的方法，資源加載完成后再顯示頁面。但Loading時間過長，會造成用戶流失。對用戶行為分析，可以在當前頁加載下一頁資源，提升速度；a) 可感知Loading(如進入空間游戲的Loading)；b) 不可感知的Loading（如提前加載下一頁）；

8.   壓縮圖片。

圖片是最占流量的資源，因此盡量避免使用他，使用時選擇最合適的格式（實現需求的前提下，以大小判斷），合適的大小，然后使用智圖壓縮，同時在代碼中用Srcset來按需顯示（PS：過度壓縮圖片大小影響圖片顯示效果）。

a) 使用智圖（雪碧圖）；

b) 使用其它方式代替圖片(1. 使用CSS3 2. 使用SVG 3. 使用IconFont)；

c) 使用Srcset；

d) 選擇合適的圖片(1. webP優于JPG 2. PNG8優于GIF)；

e) 選擇合適的大?。?. 首次加載不大于1014KB 2. 不寬于640（基于手機屏幕一般寬度））；

減少Cookie、避免重定向以及異步加載第三方資源。

9.   Cookie會影響加載速度，所以靜態資源域名不使用Cookie。此外，重定向也會影響加載速度，所以在服務器正確設置避免重定向。最后，第三方資源不可控會影響頁面的加載和顯示，因此要異步加載第三方資源。

第二步：腳本執行優化

腳本處理不當會阻塞頁面加載、渲染，因此在使用時需當注意：

· CSS寫在頭部，JavaScript寫在尾部或異步。

· 避免圖片和iFrame等的空Src。

空Src會重新加載當前頁面，影響速度和效率。

· 盡量避免重設圖片大小。

重設圖片大小是指在頁面、CSS、JavaScript等中多次重置圖片大小，多次重設圖片大小會引發圖片的多次重繪，影響性能。

· 圖片盡量避免使用DataURL。

DataURL圖片沒有使用圖片的壓縮算法文件會變大，并且要解碼后再渲染，加載慢耗時長。

第三步：css優化

盡量避免寫在HTML標簽中寫Style屬性。

· 避免CSS表達式CSS表達式的執行需跳出CSS樹的渲染，因此請避免CSS表達式

· 移除空的CSS規則空的CSS規則增加了CSS文件的大小，且影響CSS樹的執行，所以需移除空的CSS規則

· 正確使用Display的屬性Display屬性會影響頁面的渲染，因此請合理使用a) display:inline后不應該再使用width、height、margin、padding以及floatb) display:inline-block后不應該再使用floatc) display:block后不應該再使用vertical-alignd) display:table-*后不應該再使用margin或者float

· 不濫用Float。

Float在渲染時計算量比較大，盡量減少使用

· 不濫用Web字體。

Web字體需要下載，解析，重繪當前頁面，盡量減少使用

· 不聲明過多的Font-size。

過多的Font-size引發CSS樹的效率

· 值為0時不需要任何單位。

為了瀏覽器的兼容性和性能，值為0時不要帶單位

· 標準化各種瀏覽器前綴。

a) 無前綴應放在最后

b) CSS動畫只用 （-webkit- 無前綴）兩種即可

c) 其它前綴為 -webkit- -moz- -ms- 無前綴 四種，（-o-Opera瀏覽器改用blink內核，所以淘汰）

· 避免讓選擇符看起來像正則表達式。

高級選擇器執行耗時長且不易讀懂，避免使用

第四步：JavaScript執行優化

· 減少重繪和回流。

a) 避免不必要的Dom操作

b) 盡量改變Class而不是Style，使用classList代替className

c) 避免使用document.write

d) 減少drawImage

· 緩存Dom選擇與計算。

每次Dom選擇都要計算，緩存它

· 緩存列表.length。

每次.length都要計算，用一個變量保存這個值

· 盡量使用事件代理，避免批量綁定事件

· 盡量使用ID選擇器。

ID選擇器是最快的

· TOUCH事件優化。

使用touchstart、touchend代替click，因快影響速度快。但應注意Touch響應過快，易引發誤操作

第五步：渲染優化

 HTML使用Viewport。

Viewport可以加速頁面的渲染，請使用以下代碼<meta name=”viewport” content=”width=device-width, initial-scale=1″>

· 減少Dom節點。

Dom節點太多影響頁面的渲染，應盡量減少Dom節點

· 動畫優化。

a) 盡量使用CSS3動畫b) 合理使用requestAnimationFrame動畫代替setTimeoutc) 適當使用Canvas動畫 5個元素以內使用css動畫，5個以上使用Canvas動畫（iOS8可使用webGL）

· 高頻事件優化。

Touchmove、Scroll 事件可導致多次渲染a) 使用requestAnimationFrame監聽幀變化，使得在正確的時間進行渲染b) 增加響應變化的時間間隔，減少重繪次數

· GPU加速。

CSS中以下屬性（CSS3 transitions、CSS3 3D transforms、Opacity、Canvas、WebGL、Video）來觸發GPU渲染，請合理使用（PS：過渡使用會引發手機過耗電增加）

1.   減少HTTP請求。

因為手機瀏覽器同時響應請求為4個請求（Android支持4個，iOS 5后可支持6個），所以要盡量減少頁面的請求數，首次加載同時請求數不能超過4個。a) 合并CSS、JavaScript；b) 合并小圖片，使用雪碧圖（CSS SPRITE）；

2.   緩存。

使用緩存可以減少向服務器的請求數，節省加載時間，所以所有靜態資源都要在服務器端設置緩存，并且盡量使用長Cache（長Cache資源的更新可使用時間戳）。

a) 緩存一切可緩存的資源；b) 使用長Cache（使用時間戳更新Cache）；c) 使用外聯式引用CSS、JavaScript；

3.   壓縮HTML、CSS、JavaScript。

減少資源大小可以加快網頁顯示速度，所以要對HTML、CSS、JavaScript等進行代碼壓縮，并在服務器端設置GZip。a) 壓縮（例如，多余的空格、換行符和縮進）；b) 啟用GZip；

4.   確保無阻塞。

寫在HTML頭部的JavaScript（無異步），和寫在HTML標簽中的Style會阻塞頁面的渲染，因此CSS放在頁面頭部并使用Link方式引入，避免在HTML標簽中寫Style，JavaScript放在頁面尾部或使用異步方式加載

5.   使用首屏加載。

首屏的快速顯示，可以大大提升用戶對頁面速度的感知，因此應盡量針對首屏的快速顯示做優化。

6.   按需加載。

將不影響首屏的資源和當前屏幕資源不用的資源放到用戶需要時才加載，可以大大提升重要資源的顯示速度和降低總體流量（PS：按需加載會導致大量重繪，影響渲染性能）。

a) LazyLoad；b) 滾屏加載；c) 通過Media Query加載；

7.   預加載。

大型重資源頁面（如游戲）可使用增加Loading的方法，資源加載完成后再顯示頁面。但Loading時間過長，會造成用戶流失。對用戶行為分析，可以在當前頁加載下一頁資源，提升速度；a) 可感知Loading(如進入空間游戲的Loading)；b) 不可感知的Loading（如提前加載下一頁）；

8.   壓縮圖片。

圖片是最占流量的資源，因此盡量避免使用他，使用時選擇最合適的格式（實現需求的前提下，以大小判斷），合適的大小，然后使用智圖壓縮，同時在代碼中用Srcset來按需顯示（PS：過度壓縮圖片大小影響圖片顯示效果）。

a) 使用智圖（雪碧圖）；

b) 使用其它方式代替圖片(1. 使用CSS3 2. 使用SVG 3. 使用IconFont)；

c) 使用Srcset；

d) 選擇合適的圖片(1. webP優于JPG 2. PNG8優于GIF)；

e) 選擇合適的大?。?. 首次加載不大于1014KB 2. 不寬于640（基于手機屏幕一般寬度））；

9.   減少Cookie、避免重定向以及異步加載第三方資源。

Cookie會影響加載速度，所以靜態資源域名不使用Cookie。此外，重定向也會影響加載速度，所以在服務器正確設置避免重定向。最后，第三方資源不可控會影響頁面的加載和顯示，因此要異步加載第三方資源。

推介閱讀：

SEO教程    互聯網+運動