隨著越來越多的用戶使用手機瀏覽網(wǎng)站和查詢信息,移動搜索引擎已經(jīng)成為新的趨勢。現(xiàn)在移動搜索引擎的流量已經(jīng)超過了PC端網(wǎng)站的流量,所以手機版的網(wǎng)站優(yōu)化是不可低估的。對于中小企業(yè)而言,如果想通過網(wǎng)站獲客,那么,手機端網(wǎng)站的優(yōu)化是必不可少的。
那么,手機版網(wǎng)站該如何進行SEO優(yōu)化呢?下面,必途必營銷老師就為大家談一談這個問題。
手機端網(wǎng)站有三種方式可以選擇
一、響應(yīng)式設(shè)計:
PC站和手機站的URL是完全一樣的(不管用什么設(shè)備訪問都一樣),返回給瀏覽器的HTML代碼也是一樣的,不同寬度的屏幕排版不同是通過CSS控制的。以前也經(jīng)常稱為自適應(yīng)設(shè)計,就是因為排版是根據(jù)屏幕寬度自動適應(yīng)的。
既然URL一樣,所有設(shè)備得到的 HTML代碼也一樣,好處顯而易見:簡單明了,搜索引擎不會被弄糊涂。搜索引擎抓取、索引一套頁面就行了,提高索引效率,尤其對大網(wǎng)站,抓取份額浪費在多個URL上,就意味著降低深層頁面被抓取的機會。自適應(yīng)設(shè)計只有一個URL,鏈接、權(quán)重計算都集中在一個URL上,不會出問題。用戶也不會被弄糊涂,收藏書簽、分享頁面也不會因為URL的不同而出問題。站長方面開發(fā)維護一套代碼就可以了,后端開發(fā)成本相對低一些。建設(shè)的外鏈也集中在一個URL上。不需要判斷設(shè)備、瀏覽器類型,也不需要轉(zhuǎn)向,也就不會出錯。當(dāng)然也有壞處。比如,移動設(shè)備由于屏幕大小的關(guān)系,經(jīng)常要隱藏一些內(nèi)容和功能,但還是需要下載完整的HTML代碼,經(jīng)常還包括圖片,所以會浪費帶寬。而且,同一套代碼要在所有設(shè)備顯示正常,還要盡快開始渲染,前端設(shè)計需要比較高的水平。
響應(yīng)式設(shè)計的頁面必須設(shè)置viewport,告訴瀏覽器按照屏幕寬度自動調(diào)整頁面排版:
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″
雖然有缺點,但隨著移動網(wǎng)速、手機性能的提高,響應(yīng)式的缺點逐漸顯得沒那么致命,而它的簡捷性就更顯優(yōu)勢了。所以,響應(yīng)式設(shè)計是今后的方向,是大勢所趨。這也就是為什么我們建議新網(wǎng)站,或者剛剛要做移動SEO的網(wǎng)站,肯定直接就做響應(yīng)式。
二、動態(tài)服務(wù):
PC站和手機站的URL是完全一樣的,這點和響應(yīng)式設(shè)計相同,但動態(tài)服務(wù)方式返回給瀏覽器的HTML代碼(以及CSS)是不一樣的,PC設(shè)備得到的HTML代碼是PC版,移動設(shè)備得到的HTML代碼是專門做了移動優(yōu)化的移動版本。
動態(tài)服務(wù)和獨立手機站一樣,首先在服務(wù)器端判斷設(shè)備和瀏覽器類型,然后在同樣的URL上、根據(jù)瀏覽器屏幕寬度返回不同的HTML和CSS代碼。所以動態(tài)服務(wù)方法相當(dāng)于把響應(yīng)式設(shè)計和獨立手機站的優(yōu)點結(jié)合起來了,即有URL統(tǒng)一的簡潔明了,又有獨立手機站的代碼優(yōu)化,SEO效果是最好的。當(dāng)然,代價是前后端成本都要提高。
對要求較高的公司來說,動態(tài)內(nèi)容是最佳選擇,比如amazon現(xiàn)在就是用動態(tài)服務(wù)做移動優(yōu)化的,URL統(tǒng)一簡單,不會出錯,兩個版本的代碼還可以分別優(yōu)化,據(jù)說,亞馬遜移動版本節(jié)省了40%的文件下載量,對手機用戶來說,頁面打開速度的提升是至關(guān)重要的 。
是否使用動態(tài)服務(wù)要看公司情況。對大部分網(wǎng)站來說,頁面內(nèi)容、排版、功能沒那么復(fù)雜,響應(yīng)式設(shè)計已經(jīng)滿足需要,用高成本實現(xiàn)動態(tài)服務(wù),節(jié)省的下載量沒那么明顯,動態(tài)服務(wù)就沒意義了。
搜索引擎蜘蛛訪問動態(tài)服務(wù)的頁面時,從HTML代碼是無法自動知道不同瀏覽器得到的代碼將會是不同的。比如PC蜘蛛訪問時,得到的是PC版代碼,但蜘蛛并不必然知道移動蜘蛛來訪問的話會得到不同的代碼,所以服務(wù)器端需要通過Vary HTTP頭信息告訴搜索引擎蜘蛛,PC蜘蛛和移動蜘蛛得到的代碼是不一樣的,兩個蜘蛛都要來訪問一下。
三、獨立手機站 :
手機站的URL和PC站是不一樣的,通常用單獨的子域名。
和響應(yīng)式設(shè)計相比,獨立手機站顯然開發(fā)成本要提高,要開發(fā)維護兩套代碼。隨著國內(nèi)人力成本提高,需要重復(fù)做的事情會越來越不劃算。獨立手機站的更大潛在麻煩是URL的不同可能造成混亂和各種出錯。比如,既然移動和PC版本URL不同,搜索引擎就需要建立對應(yīng)關(guān)系,必須判斷PC頁面對應(yīng)的移動版本URL是什么,移動頁面對應(yīng)的PC版本URL是什么。網(wǎng)站需要在頁面添加代碼幫助搜索引擎判斷:
PC頁面需要加下面代碼指明移動版本位置:
<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”https://m.seozac.com/”
對應(yīng)的移動頁面需要加下面代碼指明PC版本位置:
<link rel=”canonical” href=”https://www.seozac.com/”
在搜索引擎兩個版本都抓取了、并且正確判斷的情況下,PC和移動版本就建立了一一對應(yīng)關(guān)系。但是,如果站長把標(biāo)簽加錯了怎么辦?搜索引擎只抓取了一個版本怎么辦?搜索引擎沒有準(zhǔn)確解析<link ref>標(biāo)簽怎么辦?
要建立一一對應(yīng)關(guān)系,需要PC版本和移動版本主體內(nèi)容是一樣的。很多時候移動版本頁面內(nèi)容精減或修改過多,搜索引擎認(rèn)為內(nèi)容不相符怎么辦?甚至有的時候獨立手機站只建了部分頁面,很多PC頁面沒有對應(yīng)移動頁面又怎么辦?網(wǎng)站有兩個版本,用戶在添加書簽、分享鏈接時,不可避免地會有一部分指向PC頁面URL,一部分指向移動URL,鏈接權(quán)重將分散。
通常,為了用戶體驗和幫助搜索引擎判斷對應(yīng)關(guān)系,網(wǎng)站需要做符合規(guī)則的轉(zhuǎn)向:
A:PC用戶由于某種原因訪問了移動URL的話,需要被自動301轉(zhuǎn)向到PC版本URL;
B:移動用戶由于某種原因訪問了PC頁面URL的話,需要被自動301轉(zhuǎn)向到移動URL;
301轉(zhuǎn)向一般是服務(wù)器端做的,首先就需要根據(jù)瀏覽器用戶代理匹配特征字符串判斷用戶設(shè)備和瀏覽器類型,上網(wǎng)設(shè)備和瀏覽器五花八門,程序100%檢測正確不是件容易的事。判斷出錯,用戶可能就只能看到一個排版錯誤的頁面,甚至某些功能都無法使用。搜索引擎蜘蛛也可能被判斷錯,導(dǎo)致不能建立兩個版本的對應(yīng)關(guān)系。
總結(jié):
上述三種類型,各有特點,搜索引擎并沒有明顯的偏向。三種類型都可以做出非??壳暗木W(wǎng)站。對于多數(shù)中小企業(yè)而言,搭建響應(yīng)式手機網(wǎng)站就足夠了。響應(yīng)式網(wǎng)站可兼容多個終端的形態(tài),讓網(wǎng)站的布局和功能隨用戶的使用環(huán)境(屏幕大小、輸入方式、設(shè)備/瀏覽器能力)而變化。



皖公網(wǎng)安備 34010202600669



