網站頁面優化重要的方法_網站頁面優化有什么方法

　　網頁應該力求抓住而不是淹沒瀏覽者的注意力，過多的閃爍、色彩、下拉菜單框、圖片等會讓訪問者無所適從——離開是最好的選擇。下面由學習啦小編為大家整理的網站頁面優化方法，希望大家喜歡!

　　網站頁面優化方法

　　一、單頁面網站的缺點

　　1、內鏈建設

　　在內鏈建設上，單頁面網站沒有任何的操作余地，只能忽視這一項重要的優化手段;

　　2、流量獲取

　　我們知道，很多網站的流量是通過二級頁面和內容頁來獲取的，而單頁面網站不存在這樣頁面，所以對于流量而言，無疑對網站是一個重大的打擊;

　　3、跳出率

　　對于單頁面網站來說，我們可以不去關注跳出率的變化，因為跳出率肯定是100%的。這樣高的跳出率對于搜索引擎而言很可能會將該網站認為是無價值的網站，導致很難獲得良好的排名。

　　4、關鍵詞的布局

　　單頁面網站想要布局大量的關鍵詞的話很容易被認定為關鍵詞堆砌，而關鍵詞堆砌是一種常見的作弊行為，這樣很容易被搜索引擎K掉。

　　呵呵，說了這么多單頁面網站的缺點相信很多人都會被打擊到，但事物都是相輔相成的，有反面就必定會有正面，下面我們說說單頁面網站的優點。

　　二、單頁面網站的優點

　　1、利于抓取和收錄

　　單頁面網站不用擔心網站的內容不被搜索引擎抓取，只有一個頁面嘛，抓取、收錄、展現都是順理成章的事情。

　　2、利于增強網站的相關性

　　單頁面網站因為只有一個頁面，所以我們所做的工作都是圍繞著這個頁面而展開的，內容也好，關鍵詞也好，單頁面的網站相關性總是要更高一些。最為典型的例子就是百度百科，百度百科的頁面我們就可以把它看作為一個單頁面網站，里邊所有的內容都是圍繞相關詞條而編輯的，內容極具相關性和完整性，用戶通過一個頁面就可以了解到該詞條的所有知識點。

　　3、利于權重的集中

　　這可能是單頁面網站最為值得炫耀的優點了。我們知道，權重的集中對于一個網站的重要性，而單頁面網站不用做過多的設置就可以很好的阻止權重的分散。這無疑更加有利于網站相關關鍵詞在搜索引擎中的排名。

　　好了，關于單頁面網站的優缺點都比較詳細的介紹給大家了，那么單頁面網站的SEO優化應該如何下手呢?

　　三、單頁面網站的SEO優化策略

　　1、注重TDK的寫法

　　既然頁面單一，那么就更需要注重網站標題、關鍵詞和描述的寫法。標題上來說，要簡單明確，包含主要關鍵詞，一句話能概括全文;描述上來講，一句話活一小段文字提煉出文章的精髓，內容比標題更加詳細;關鍵詞，用絕對的與內容相關的詞語，多個關鍵詞用逗號分開。

　　2、外鏈錨文本的多樣化

　　在外鏈建設上，切忌內容單一，這樣很容易造成網站的過度優化，而我們都知道，網站的過度優化對SEO而言是不利的。

　　3、網站標簽的運用

　　合理的運用網站標簽可以讓搜索引擎更好的理解網站的層次內容，比如h標簽，strong標簽等等。

　　4、符合國際標準

　　這里所說的符合國際標準指的是告訴搜索引擎我的網站符合W3C標準，對任何瀏覽器都是兼容的。

　　5、代碼優化

　　CSS和JS的優化，盡可能的使用外部導入，從而讓網頁代碼更加簡潔，能用CSS就盡量不用JS，畢竟JS對于搜索引擎而言并不友好。

　　6、圖片的優化

　　這個屬于老生常談了，這里就不多說了。

　　7、合理設置錨點

　　有一些單頁面為了展示很多產品特點，頁面會拉的很長，不利于用戶查看，用戶體驗并不好，如果在單頁面網站上設置合理的錨點，用戶只需要點擊一下快速達到想要看到的內容區域。

　　8、避免全是圖片展示

　　如果單頁面網站為了提升視覺效果從而更多的使用圖片，那么就會造成網站文字內容過少，不利于搜索引擎對網站的抓取和索引。

　　9、內容為王

　　之前我們就舉過百度百科的例子，而作為單頁面網站來講，將用戶所有的需求點盡可能完整的展現出來，從而解決用戶的煩惱才是單頁面網站立足的關鍵。

　　網站頁面優化的技巧

　　1、用GZIP格式壓縮

　　gzip是GNUzip的縮寫，它是一個GNU自由軟件的文件壓縮程序。它是Jean-loupGailly和MarkAdler一起開發的，第一次公開發布版本是1992年10月31日發布的版本0.1，1993年2月發布了版本1.0。

　　我們在Linux中經常會用到后綴為.gz的文件，它們就是GZIP格式的，現今已經成為Internet上使用非常普遍的一種數據壓縮格式，或者說一種文件格式。

　　HTTP協議上的GZIP編碼是一種用來改進WEB應用程序性能的技術，大流量的WEB站點常常使用GZIP壓縮技術來讓用戶感受更快的速度。

　　這一般是指WWW服務器中安裝的一個功能，當有人來訪問這個服務器中的網站時，服務器中的這個功能就將網頁內容壓縮后傳輸到來訪的電腦瀏覽器中顯示出來。

　　一般對純文本內容可壓縮到原大小的40%，這樣傳輸就快了，效果就是你點擊網址后會很快的顯示出來，當然這也會增加服務器的負載，一般服務器中都安裝有這個功能模塊的。

　　根據W3C組織調查，大部分的網站都沒有啟用壓縮功能。

　　2、支持瀏覽器緩存

　　如果瀏覽器支持緩存，我們就不用重復下載網頁資源，最簡單的設置緩存方法是在響應頭中添加相應的內容，包括：Expires header，Last-Modified等。

　　你可以可以通過配置服務器來自動添加這些屬性，比如你在Apache服務器中配置緩存所有的照片一個月:

　　ExpiresActive On

　　ExpiresDefault "access plus 1 month"

　　3、使用內容分發網絡 (CDN)

　　CDN的全稱是Content Delivery Network，即內容分發網絡。其目的是通過在現有的Internet中增加一層新的網絡架構，將網站的內容發布到最接近用戶的網絡“邊緣”，使用戶可以就近取得所需的內容，提高用戶訪問網站的響應速度。

　　CDN有別于鏡像，因為它比鏡像更智能，或者可以做這樣一個比喻：CDN=更智能的鏡像+緩存+流量導流。

　　因而，CDN可以明顯提高Internet網絡中信息流動的效率，從技術上全面解決由于網絡帶寬小、用戶訪問量大、網點分布不均等問題，提高用戶訪問網站的響應速度。

　　為更好地理解CDN，讓我們看一下CDN的工作流程，當用戶訪問已經加入CDN服務的網站時，首先通過DNS重定向技術確定最接近用戶的最佳CDN節點，同時將用戶的請求指向該節點。

　　當用戶的請求到達指定節點時，CDN的服務器(節點上的高速緩存)負責將用戶請求的內容提供給用戶。

　　具體流程為: 用戶在自己的瀏覽器中輸入要訪問的網站的域名，瀏覽器向本地DNS請求對該域名的解析，本地DNS將請求發到網站的主DNS，主DNS根據一系列的策略確定當時最適當的CDN節點，并將解析的結果(IP地址)發給用戶，用戶向給定的CDN節點請求相——應網站的內容。

　　以上三個方法可以有效地加快頁面的訪問速度，現在我們將對你的代碼進行診斷，幫助我們給頁面減肥。

　　4、刪除不需要的資源

　　當你不再需要一個組件的時候，你應該刪掉它的CSS和JavaScript代碼，如果這些代碼都單獨放在一個文件中，那刪掉它們也不是難事，但如果已經沒有用的代碼和其它代碼在一個文件中，那你肯定要費不少精力去刪掉它們。

　　這個時候你就需要使用第三方的工具來幫你一鍵解決，比如JSLint，Dust-Me Selectors，CSS Usage或是像grunt-uncss一樣的構建工具。

　　5、style和font重復定義的沉余代碼

　　要充分利用好CSS代碼定義自己的顏色大小等，有些網站既用了CSS代碼定義了之后又去使用style或者是font這樣的代碼進行定義，這樣就無形中增加了無用代碼，容易造成代碼冗余，因此我們要對這樣的代碼進行壓縮，實現代碼精簡。

　　6、通用和最小化CSS

　　理想情況下，需要一個單獨的CSS文件，讓每個頁面都調用這一個布局，當然，如果你想要支持老版本的IE，你就得多弄一個CSS文件。

　　另外，還要提醒大家一點：當你把它們構建到服務器上之前，你應該把代碼間所有不必要的格式都刪掉。

　　有很多預處理工具都可以幫你解決這件麻煩事，比如Sass，LESS和Stylus。

　　有一些方法可以幫助你直接合并多個CSS文件，在Windows上：

　　copy file1.css+file2.css file.css

　　在Mac或Linux上：

　　cat file1.css file2.css > file.css

　　你可以把得到的CSS文件再經過在線的CSS壓縮工具刪除格式化。

　　最后，在head標簽中加載所有的CSS，這樣瀏覽器就知道你的頁面樣式不用多次重繪了。

　　7、通用和最小化的JavaScript

　　利用外部文件，我們可以用Javascript代碼和CSS代碼放在外部文件里面，在我們的HTML代碼里面加上調用代碼進行調用即可，如果打開一個網站去檢查它的源文件，前面如果有大量的Javascript代碼和CSS代碼就容易使得網站有用的內容文字部分推到后面去了，是不利于搜索引擎抓取的。

　　收集的數據顯示：平均每個頁面加載了18個javascript文件，雖然把像jQuery這樣的庫文件單獨分開非常實用，但是你自己的JavaScript代碼應該保持通用和最小化。

　　同樣很多第三方的工具可以幫你解決這樣事情，比如YUI Compressor，Closure Compiler和我最喜歡用的The JavaScript CompressorRater，簡化的JavaScript代碼會加快網頁的訪問速度，減少HTTP請求次數。

　　最后，最好在HTML的body標簽后放置JavaScript引用代碼，這樣能保證JavaScript代碼不影響到其它內容的加載。

　　8、減少頁面嵌套的表格

　　對于表格要盡量少使用，尤其是嵌套的表格部分，雖然CSS排版使得我們編寫代碼更加的精簡容易，但往往也是少不了表格的使用的，我們可以不去避免，但一定要減少使用多層嵌套的表格，不要產生沒有用的代碼。

　　9、網站圖片的優化

　　對于一些圖片站來說，加載錯誤的圖片格式會對你的網頁造成很大影響，所以，建議圖片站的站長一定要多對圖片做些優化。

　　(1)、圖片優化原則

　　一般來說選取圖片我們應用遵循如下原則：

　　①、照片使用JPG格式。

　　②、其它所有的圖片都使用PNG格式(具體可查看馬海祥博客《JPG、PNG和GIF圖片的基本原理及優化方法》的相關介紹)。

　　(2)、調整大圖的大小

　　目前智能機所拍出的照片越來越大，你不可能把原照片直接展示在頁面中，普通的編輯器都會直接上傳原圖，這樣會讓頁面的加載速度慢到另一個級別，在正常的照片處理中，一般都沒有必要給用戶高質量的圖片展示，所以，你需要一個自動調整圖片大小的工具。

　　需要注意的是，圖片的尺寸是不能超過容量的大小的，這樣一來頁面加載了全圖，卻無法展示出來，現在照片的尺寸基本上都超過電腦顯示屏的尺寸了。

　　圖片的大小在網頁總大小中占很大的比重，圖片減小50%會導致整體頁面大小減少75%，所以你應該認真解決一下圖片的加載

　　(3)、進一步壓縮圖片

　　僅僅調優圖片的大小是不夠的，你應該通過第三方工具對圖片進行分析，進一步壓縮圖片。

　　比較好用的工具有OptiPNG，PNGOUT，jpegtran和jpegoptim，這些工具大都能安裝成獨立的工具或是整合到開發過程中，另外像Smush這樣的工具，還可以直接在云端處理。

　　10、刪除不必要的字體和注釋

　　Web fonts已經徹底改變了字體的設計，它減少了很多不必要的文本，然而，目前的字體仍然會給你的網頁帶來多余的字節。

　　如果你使用超過兩種字體，這就已經開始對性能造成影響了。

　　網頁代碼盡量少用注釋，我們知道一段程序里面加上注釋能夠便于我們快速找到和理解具體代碼對應的功能，對于編程人員修改網頁是有幫助的，但是這樣的代碼對于搜索引擎來說是沒有任何的意義的，只能說是噪聲，因此我們要減少網頁代碼里面出現的注釋部分。

　　提升網站頁面質量的方法

　　1、代碼之加載速度

　　網頁的加載速度直接影響到用戶打開網站的體驗和蜘蛛爬行次數，如果一個網頁無法打開或者打開速度過于慢，很可能會失去大量的用戶，蜘蛛對此類網站也不會有任何好感。然而影響速度的不僅僅是服務器問題，服務器只需要買一臺好的就不會太差，真正影響的站內代碼。

　　在百度站長平臺上面有一個欄目“頁面優化建議”上面會詳細的寫出CSS和JS合并文件、gzip壓縮等等情況，這些都是具備可以優化的代碼，然后注意下頁面的死鏈接就可以了。

　　2、代碼之頁面相似度

　　頁面相似是非常常見的一種，大多數站長都是直接網絡上面下載源碼，并且安裝免費模板，這種模板與其他網站吻合至少達到了80%以上，但是對于SEO來說，這是一個嚴重的錯誤。百度喜歡“原創”不僅僅說的是文章，代碼也是一樣的，如果模板是自己原創那么以后優化會方便很多。

　　3、網頁排版

　　網頁排版應該滿國內用戶習慣，根據習慣來布局，打一比方百度和谷歌，從用戶搜索習慣上看國內用戶更喜歡百度搜索結果顯示，但是谷歌更適用國外。所以谷歌淘汰，百度存活。國內用戶更喜歡從左到右，從上到下，谷歌顯示結果與用戶完全相反。

　　4、內容質量

　　文章質量是網頁質量中最重要的一個因素，一篇文章如果對用戶具備實時性、幫助性、可讀性甚至互動性，那么絕對是“大神”級別的好文章，文章部分并非只是使用文字表達，一篇真正的高質量文章通常是采用圖文結合，甚至視頻結合。在文章底部可以加上相關文章，評論機制等等與用戶互動。

　　5、頁面廣告

　　現在的個人站長通常都是依靠廣告生存，特別是一些信息網站，所以頻繁的廣告占據了大量的位置，但是這是用戶需求的么?廣告會影響用戶的體驗，減少廣告也許會讓用戶體驗更好。廣告不能一味求多，如果用戶減少，廣告位價格就會變低，有一種丟西瓜撿芝麻的感覺了。

　　6、內部鏈接

　　內部鏈接同樣是網頁組成因素，有的站長為了提升關鍵詞排名，在一篇文章做上大量的錨文本，這種情況同樣是要杜絕的，實際錨文本只是為了傳遞權重，在頁面右邊加上一些相關文章版塊，最新文章版塊同樣可以傳遞權重，雖然效果沒有錨文本好，但是不屬于作弊手段，何樂而不為呢?