移動端網(wǎng)站SEO優(yōu)化怎么做?來源于SEO每天一貼

2016-11-10    分類: 網(wǎng)站建設(shè)

對于大部分行業(yè)來說,移動端流量要大于PC端。在做網(wǎng)站優(yōu)化的時候,很多seor和企業(yè)都很重視移動站點優(yōu)化,手機(jī)網(wǎng)站如何做好關(guān)鍵詞優(yōu)化?創(chuàng)新互聯(lián)為您分享:

移動端網(wǎng)站SEO優(yōu)化怎么做?來源于SEO每天一貼,旨在分享,共同成長

很多移動SEO的問題涉及到用哪種架構(gòu)做移動站。不少SEO貌似對獨立移動站,也就是單獨的m.domain站有不小的執(zhí)念,認(rèn)為獨立移動站才是效果最好的。具體是不是這樣?今天的帖子就深入探討一下怎樣選擇移動優(yōu)化的三種方式。

 

移動網(wǎng)站大體上有三種方式可以選擇:

 

響應(yīng)式設(shè)計(responsive design):

PC站和移動站的URL是完全一樣的(不管用什么設(shè)備訪問都一樣),返回給瀏覽器的HTML代碼也是一樣的,不同寬度的屏幕排版不同是通過CSS控制的。以前也經(jīng)常稱為自適應(yīng)設(shè)計,就是因為排版是根據(jù)屏幕寬度自動適應(yīng)的。

 

動態(tài)服務(wù)(dynamic serving):

PC站和移動站的URL是完全一樣的,這點和響應(yīng)式設(shè)計相同,但動態(tài)服務(wù)方式返回給瀏覽器的HTML代碼(以及CSS)是不一樣的,PC設(shè)備得到的HTML代碼是PC版,移動設(shè)備得到的HTML代碼是專門做了移動優(yōu)化的移動版本。

 

獨立移動站(separate m. site) :

移動站的URL和PC站是不一樣的,通常用單獨的子域名,比如PC站是www.35hw.com,移動站是m.35hw.com,當(dāng)然移動站的HTML代碼(以及CSS)與PC站也是不一樣的,是專門做了移動優(yōu)化的。換句話說,這種方式下,移動站就是個獨立的網(wǎng)站。

 

 

移動網(wǎng)站建設(shè),這三種方式各有各的特點。

 

響應(yīng)式設(shè)計

既然URL一樣,所有設(shè)備得到的 HTML代碼也一樣,好處顯而易見:簡單明了,搜索引擎不會被弄糊涂。搜索引擎抓取、索引一套頁面就行了,提高索引效率,尤其對大網(wǎng)站,抓取份額浪費在多個URL上,就意味著降低深層頁面被抓取的機(jī)會。自適應(yīng)設(shè)計只有一個URL,鏈接、權(quán)重計算都集中在一個URL上,不會出問題。

 

用戶也不會被弄糊涂,收藏書簽、分享頁面也不會因為URL的不同而出問題。

 

站長方面開發(fā)維護(hù)一套代碼就可以了,后端開發(fā)成本相對低一些。建設(shè)的外鏈也集中在一個URL上。不需要判斷設(shè)備、瀏覽器類型,也不需要轉(zhuǎn)向,也就不會出錯。

 

當(dāng)然也有壞處。比如,移動設(shè)備由于屏幕大小的關(guān)系,經(jīng)常要隱藏一些內(nèi)容和功能,但還是需要下載完整的HTML代碼,經(jīng)常還包括圖片,所以會浪費帶寬。手機(jī)網(wǎng)速慢的話,多下載文件就意味著速度變慢。而且,同一套代碼要在所有設(shè)備顯示正常,還要盡快開始渲染,前端設(shè)計需要比較高的水平。

 

響應(yīng)式設(shè)計的頁面必須設(shè)置viewport,告訴瀏覽器按照屏幕寬度自動調(diào)整頁面排版:

 

雖然有缺點,但隨著移動網(wǎng)速、手機(jī)性能的提高,響應(yīng)式的缺點逐漸顯得沒那么致命,而它的簡捷性就更顯優(yōu)勢了。所以,響應(yīng)式設(shè)計是今后的方向,是大勢所趨。這也就是為什么我建議新網(wǎng)站,或者剛剛要做移動SEO的網(wǎng)站,肯定直接就做響應(yīng)式了,不用考慮其它選項。(除非貴公司不差錢,可以考慮動態(tài)服務(wù)。)

 

獨立移動站

和響應(yīng)式設(shè)計相比,獨立移動站顯然開發(fā)成本要提高,要開發(fā)維護(hù)兩套代碼。隨著國內(nèi)人力成本提高,需要重復(fù)做的事情會越來越不劃算。

 

獨立移動站的更大潛在麻煩是URL的不同可能造成混亂和各種出錯。比如,既然移動和PC版本URL不同,搜索引擎就需要建立對應(yīng)關(guān)系,必須判斷PC頁面對應(yīng)的移動版本URL是什么,移動頁面對應(yīng)的PC版本URL是什么。網(wǎng)站需要在頁面添加代碼幫助搜索引擎判斷:

 

PC頁面需要加下面代碼指明移動版本位置:

 

 

對應(yīng)的移動頁面需要加下面代碼指明PC版本位置:

 

 

在搜索引擎兩個版本都抓取了、并且正確判斷的情況下,PC和移動版本就建立了一一對應(yīng)關(guān)系。但是,如果站長把標(biāo)簽加錯了怎么辦?搜索引擎只抓取了一個版本怎么辦?搜索引擎沒有準(zhǔn)確解析標(biāo)簽怎么辦?

 

而且,要建立一一對應(yīng)關(guān)系,需要PC版本和移動版本主體內(nèi)容是一樣的。很多時候m.移動版本頁面內(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)向:

 

PC用戶由于某種原因訪問了移動URL的話,需要被自動301轉(zhuǎn)向到PC版本URL

移動用戶由于某種原因訪問了PC頁面URL的話,需要被自動301轉(zhuǎn)向到移動URL

301轉(zhuǎn)向一般是服務(wù)器端做的,首先就需要根據(jù)瀏覽器用戶代理匹配特征字符串判斷用戶設(shè)備和瀏覽器類型,上網(wǎng)設(shè)備和瀏覽器五花八門,程序100%檢測正確不是件容易的事。判斷出錯,用戶可能就只能看到一個排版錯誤的頁面,甚至某些功能都無法使用。搜索引擎蜘蛛也可能被判斷錯,導(dǎo)致不能建立兩個版本的對應(yīng)關(guān)系。

 

大公司需要用子域名做多語言網(wǎng)站SEO的話,加上m.獨立移動站,就會使管理子域名更加復(fù)雜,因為網(wǎng)站又要增加:

sg.35hw.com

m.sg.35hw.com

cn.35hw.com

m.cn.35hwc.com

等等。多語言hreflang標(biāo)簽和獨立移動站的標(biāo)簽排列組合起來,哪個對應(yīng)哪個不能弄錯了。如果再加上Google AMP和百度MIP頁面版本,所有版本之間的對應(yīng)關(guān)系和標(biāo)簽寫法,可能會把人繞暈倒。

 

 

動態(tài)服務(wù)

動態(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%的文件下載量,對手機(jī)用戶來說,頁面打開速度的提升是至關(guān)重要的 。

分享文章:移動端網(wǎng)站SEO優(yōu)化怎么做?來源于SEO每天一貼
本文網(wǎng)址:http://www.bm7419.com/news/64614.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計公司、ChatGPT企業(yè)建站、品牌網(wǎng)站設(shè)計網(wǎng)站設(shè)計、營銷型網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司