制作手機網站有哪些優化技巧_手機網站制作優化有什么技巧

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

　　手機網站制作的優化技巧

　　一、開發前寫好需求和制作方案

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

　　二、移動端url適配

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

　　三、頁面內容友好度

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

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

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

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

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

　　四、不斷的測試、完善

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

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

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

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

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

　　手機網站制作優化的注意點

　　一、智能手機優化網站的相關建議

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

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

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

　　建立單獨的移動網站。

　　二、響應式網站設計

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

　　使用響應式網頁設計的優點，包括：

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

　　三、設備特定的HTML

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

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

　　這些注釋將幫助谷歌更好的發現你智能手機優化的內容，且幫助谷歌算法明白內容的結構，有機會在搜索結果里面獲得更好的展現。

　　8個手機網站優化技巧

　　1、定位和頁面設計

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

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

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

　　2、網站盡可能簡潔

　　①手機網站比PC端網站的頁面下載速度要慢得多，因此盡量把頁面數和頁面大小控制到最低。

　?、诖送猓謾C用戶瀏覽網頁的時間是零碎的，不可能耐心點擊很多的頁面，而且瀏覽習慣是縱向(上下)滑動。因此，網站首頁可以多屏設計，但是要盡可能的減少網站頁面層級。

　?、圩稍兲筋^盡可能精簡再精簡，從客戶進入網站到詢盤盡可能提供最直接的方式，比如電話咨詢，杜絕在線留言、發郵件等。

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

　　3、域名和robots設置。

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

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

　　4、頁面細節優化。

　　①專屬的手機網站頭部標簽。

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

　?、跍p少死鏈。

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

　　5、使用規范化的協議，做好瀏覽器兼容調試工作。

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

　　6、url鏈接規范化。

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

　　戶，方便統計參數。

　　②頁面url鏈接跳轉最好是正常格式的目標url，不要有太多的參數夾在在url中間進行跳轉。

　　7、做好移動版與PC版網站的轉換。

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

　　②百度官方曾聲明，對于移動站點，當baiduspider ua或者其它無法確定來源的ua訪問時，建議默認情況下直接返回html5 或xhtml 類型的移動頁面，不要重定向到PC頁面。

　　8、其它優化事項。

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