手機網(wǎng)站也是現(xiàn)在很流行的一種，那么如何才能做好手機網(wǎng)站的建設呢?下面由學習啦小編為大家整理的手機網(wǎng)站制作的優(yōu)化技巧，希望大家喜歡!

　　手機網(wǎng)站制作的優(yōu)化技巧

　　一、開發(fā)前寫好需求和制作方案

　　這跟PC端網(wǎng)站、版面的搭建是一樣的，移動端因為是近幾年隨著智能手機的普及才空前發(fā)展起來的，可以說大部分業(yè)內人士還是在嘗試，為了提高開發(fā)效率，這就需要跟程序員在開發(fā)前進行功能、版面效果實現(xiàn)方式上的探討和確定，如果有個參考網(wǎng)站是最好的。

　　二、移動端url適配

　　首先需要實現(xiàn)移動設備訪問PC頁面進行自動跳轉，然后再去各大搜索引擎站長平臺進行移動端適配url提交。

　　三、頁面內容友好度

　　頁面內容的友好度是對真實訪客和搜索引擎兩者的友好：

　　1、頁面代碼簡潔、不冗余、要做頁面壓縮等;

　　2、重要的內容要在html中以文本的可讀形式進行展示，而不要將這些內容放到搜索引擎不可讀js、圖片中;尤其是js;

　　3、圖片尺寸能自適應，在不同屏幕尺寸進行很好的展示，并且要控制好圖片文件大小;

　　4、TDK標簽，個人認為這移動網(wǎng)站的標題、描述和關鍵詞大部分情況下是可以跟PC端一致的，當然因為移動設備的屏幕限制，為了更好的閱讀體驗，如果PC端標題過長可以進行適當?shù)恼{整。

　　四、不斷的測試、完善

　　做過程序開發(fā)或者跟蹤的，相信都會知道其實后期的程序測試和完善都是最花時間的。而網(wǎng)站手機版的測試除了對不同頁面和功能實現(xiàn)進行測試，還需要用不同手機尺寸、手機系統(tǒng)、不同的手機瀏覽器和不同設備進行測試，安卓、ios、UC瀏覽器、百度瀏覽器、微信內置瀏覽器、智能手機、平板電腦等。最重要的一點，程序修善所有的需求后，一定要所有頁面和展現(xiàn)設備再全面測試一遍。

　　五、PC站和移動站配置方式的選擇

　　目前PC站與移動站配置方式主要有三種：跳轉適配、代碼適配、自適應。

　　1、跳轉適配通俗的講就是新建個手機網(wǎng)站，移動端訪問pc網(wǎng)頁時能進行識別并跳轉到相應的手機版面，是目前國內被使用最廣的配置方式;

　　2、代碼適配和自適應都是在原網(wǎng)址中給用戶展現(xiàn)手機版面，其中代碼適配是識別不同的訪問設備類型生成不同的html，而自適應是根據(jù)屏幕尺寸以不同方式進行呈現(xiàn)，html代碼是相同的。

　　手機網(wǎng)站制作優(yōu)化的注意點

　　一、智能手機優(yōu)化網(wǎng)站的相關建議

　　建立目標是智能手機的網(wǎng)站的時候，谷歌支持以下三個不同的配置：

　　網(wǎng)站使用響應式設計在同一個URL下可在所有的設備下使用，這是谷歌最為推薦的設置。

　　第二種和原網(wǎng)站使用同樣的URL，但是每個URL使用不同的HTML(和CSS)展現(xiàn)取決于用戶使用的哪種桌面和移動設備。

　　建立單獨的移動網(wǎng)站。

　　二、響應式網(wǎng)站設計

　　響應式設計師構建Web頁面的一種技術，無論使用什么設備訪問頁面，其HRML代碼都不會變化。

　　使用響應式網(wǎng)頁設計的優(yōu)點，包括：

　　移動端和PC端的內容是同一個URL，更便于用戶的交互，分享和鏈接。對于谷歌算法來說，也更容易根據(jù)你的內容分配指定的索引屬性。

　　三、設備特定的HTML

　　然而，我們知道很多情況下所有網(wǎng)站都使用響應式設計是不太可能的。這是為什么我們支持網(wǎng)站使用設備特定的HTML。設備指定HTML可以識別相同的URL(配置稱為動態(tài)服務)或不同的網(wǎng)址。

　　如果你的網(wǎng)站使用動態(tài)服務配置，我們強烈建議使用不同的HTTP告知緩向服務器和谷歌算法在用戶代理請求頁面的時候內容可能會改變。我們也用此給Googlebot-Mobile作為一個抓取標志。

　　這些注釋將幫助谷歌更好的發(fā)現(xiàn)你智能手機優(yōu)化的內容，且?guī)椭雀杷惴靼變热莸慕Y構，有機會在搜索結果里面獲得更好的展現(xiàn)。

　　8個手機網(wǎng)站優(yōu)化技巧

　　1、定位和頁面設計

　?、贌o論是PC端還是移動端，網(wǎng)站都要考慮清楚目標客戶的定位問題。這個可以參考之前老牛講到過的多次網(wǎng)站定位問題，比如搞清楚“目標客戶”和“目標客戶的客戶”分別要的是什么。

　　②在頁面設計時，要考慮到用戶打開網(wǎng)頁的時長，避免使用彈窗、flash、javascript等技術。這不僅僅是影響用戶體驗，同時對于搜索引擎而言，基本理解不了。我們要盡量減少百度索引抓取的工作，讓百度蜘蛛盡可能多的爬行和收錄頁面。

　　在技術層面來講，Apple產(chǎn)品不支持Flash功能，同時Flash會占用大量的流量和網(wǎng)速,目前已經(jīng)處于邊緣化，地位逐漸被HTML5所替代。

　　2、網(wǎng)站盡可能簡潔

　?、偈謾C網(wǎng)站比PC端網(wǎng)站的頁面下載速度要慢得多，因此盡量把頁面數(shù)和頁面大小控制到最低。

　　②此外，手機用戶瀏覽網(wǎng)頁的時間是零碎的，不可能耐心點擊很多的頁面，而且瀏覽習慣是縱向(上下)滑動。因此，網(wǎng)站首頁可以多屏設計，但是要盡可能的減少網(wǎng)站頁面層級。

　　③咨詢探頭盡可能精簡再精簡，從客戶進入網(wǎng)站到詢盤盡可能提供最直接的方式，比如電話咨詢，杜絕在線留言、發(fā)郵件等。

　　然后放大招，內容涉及到專業(yè)術語，建議專業(yè)優(yōu)化以站長對比檢查：

　　3、域名和robots設置。

　?、儆蛎M可能簡短易記，大部分手機版網(wǎng)站的域名是PC端網(wǎng)站的二級域名，當然這個也很好，與傳統(tǒng)網(wǎng)站保持一致，更讓重視用戶信賴。

　?、趓obots設置上最好不要任何限制，讓所有搜索引擎抓取。另外小生在這里糾正一個很多站長想當然的誤區(qū)，百度官方聲明百度spider的爬蟲UA是Baiduspider(www 和wap 一致)，個別站長經(jīng)常會誤認為百度手機爬蟲的UA是baiduspider-mobile，其實沒這回事。

　　4、頁面細節(jié)優(yōu)化。

　?、賹俚氖謾C網(wǎng)站頭部標簽。

　　對于手機網(wǎng)站的首頁或者頻道首頁的網(wǎng)頁代碼中的keywords、description最好加上與PC端有所區(qū)別的meta標簽和關鍵詞，在每個頁面的關鍵字及描述像做傳統(tǒng)PC端網(wǎng)站一 樣，做好針對性的填寫工作。對搜索結果的展現(xiàn)(摘要)以及優(yōu)化工作大有幫助。

　?、跍p少死鏈。

　　如果沒有內容，最好用狀態(tài)碼指定，比如404、403 等;如果內容死鏈希望重定向到首頁，最好通過302重定向跳轉，不要使用javascript的動態(tài)請求方式跳轉。

　　5、使用規(guī)范化的協(xié)議，做好瀏覽器兼容調試工作。

　　一般來說手機建站有xhtml、html5、wml 三種協(xié)議，最好使用規(guī)范化、標準化的協(xié)議格式，避免造成不必要的麻煩。當然也可以做多個版本的站點，站點進行不同版式的自動適配。

　　6、url鏈接規(guī)范化。

　?、賹τ诙鄠€板塊的二級域名或者目錄來說，使用規(guī)范、簡單的url，盡量去除與頁面內容無關的參數(shù)，如用來區(qū)分手機型號、區(qū)分訪問用

　　戶，方便統(tǒng)計參數(shù)。

　?、陧撁鎢rl鏈接跳轉最好是正常格式的目標url，不要有太多的參數(shù)夾在在url中間進行跳轉。

　　7、做好移動版與PC版網(wǎng)站的轉換。

　?、俅_保在手機網(wǎng)站或者PC端網(wǎng)站各個頁面上有相應的導航或者提示鏈接，讓用戶可以在手機版和PC版進行切換，也便于搜索引擎更好的收錄。

　?、诎俣裙俜皆暶?，對于移動站點，當baiduspider ua或者其它無法確定來源的ua訪問時，建議默認情況下直接返回html5 或xhtml 類型的移動頁面，不要重定向到PC頁面。

　　8、其它優(yōu)化事項。

　　其它一些優(yōu)化要點與傳統(tǒng)PC端網(wǎng)站優(yōu)化一樣。如網(wǎng)站結構要用合理的樹形結構，最好采用樹形和扁平相結合;清晰的面包屑導航，方便搜索引擎爬行抓取和用戶體驗;title寫法要盡量包含關鍵字，首頁、頻道頁、內容頁寫法要有所側重。