其實(shí)很久之前就注意到了,看小說的時候發(fā)現(xiàn)很多網(wǎng)址前面有個“m.”,當(dāng)時就懷疑這是移動端的標(biāo)志了,還曾經(jīng)試圖去掉“m.”看能不能轉(zhuǎn)為PC端的,移動搜索一般指的是手機(jī)搜索。Pad、平板電腦類設(shè)備通常被視同PC,因?yàn)槠聊怀叽绾陀脩趔w驗(yàn)更靠近PC。
網(wǎng)頁的移動搜索優(yōu)化分為幾種情況:
有移動版本,并且有專用的與PC版不一樣的URL;
有移動版本,但URL不變,與PC的一樣;
沒有移動版本。
獨(dú)立URL的移動版本
在獨(dú)立的的URL上建立專門為手機(jī)優(yōu)化過的移動版本,移動版與PC版雖然URL不用,頁面排版布局頁也非常不同,但內(nèi)容相同,是一一對應(yīng)的。
自主適配
轉(zhuǎn)向,適用于所有搜索引擎。百度建議使用301轉(zhuǎn)向(永久轉(zhuǎn)向),不要使用JS轉(zhuǎn)向;Google表態(tài)使用301、302、JS轉(zhuǎn)向都可以,更推薦302(暫時轉(zhuǎn)向)。
注意:轉(zhuǎn)向要在對應(yīng)的頁面之間進(jìn)行,不要把所有的頁面都轉(zhuǎn)向移動版的首頁,會使得搜索引擎無法判斷,用戶體驗(yàn)也不好。不如不轉(zhuǎn)向,給用戶一個排版和體驗(yàn)不怎么樣的頁面,比給用戶一個找不到想要的信息的頁面好。
Meta標(biāo)注
技術(shù)原因不能做轉(zhuǎn)向,可以用meta標(biāo)簽告訴搜索引擎兩個版本之間的對應(yīng)關(guān)系。百度和Google使用的標(biāo)簽不同。
百度要求在PC版頁面HTML代碼<head>部分加上meta標(biāo)注:
<meta name="mobile-agent" content="format=html5;url=http://m.domain.com/123.html">view pl
即通知百度,本PC頁(http://www.domain.com/123.html)對應(yīng)的手機(jī)頁面在http://m.domain.com/123.html。
Google的要求是,在PC頁面標(biāo)注:
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.domain.com/123.html">
同時在對應(yīng)的手機(jī)頁面(http://m.domain.com/123.html)標(biāo)注:
<link rel="canonical" href="http://www.domain.com/123.html"> view plai
Google要求在PC和手機(jī)頁面同時都要加meta標(biāo)注。
對應(yīng)關(guān)系Sitemap
如果轉(zhuǎn)向、meta都不能做,還可以通過Sitemap通知搜索引擎PC頁面和手機(jī)頁面的對應(yīng)關(guān)系。
百度:登錄百度站長平臺,在“其他工具”-“開放適配”部分提交對應(yīng)關(guān)系Sitemap,頁面對應(yīng)關(guān)系可以是url級別或者pattern級別的。Sitemap制作方法百度有詳細(xì)說明:http://zhanzhang.baidu.com/wiki/62.
Google,可以在PC版本的正常Sitemap中加入同樣的rel=“alternate”meta標(biāo)注,手機(jī)頁面的rel="canonical"標(biāo)注也要保留。
也可以自主適配、meta標(biāo)注、Sitemap都做,要注意,轉(zhuǎn)向及標(biāo)注的URL必須一致。不要出現(xiàn)一個移動頁面對應(yīng)多個PC頁面,或一個PC頁面對應(yīng)多個移動頁面的情況。
URL不變的移動版本
沒說的,共用一套代碼,針對手機(jī)瀏覽器做的優(yōu)化主要通過CSS控制布局排版、導(dǎo)航的簡化,以及JS控制廣告、側(cè)欄等的刪減。即響應(yīng)式設(shè)計(jì)。
注意:不要禁止搜索引擎抓取CSS、JS及圖片文件,不然搜索引擎無法判斷頁面在手機(jī)端是否易用。
長遠(yuǎn)來看, URL不變的移動版本最為理想:
網(wǎng)站維護(hù)更簡單;
用戶分享更方便,信號集中在一個URL;
不用轉(zhuǎn)向,避免了過程中出錯,影響用戶體驗(yàn), 速度也更快。
如果要使用URL不變的移動版本,目前百度建議在自適應(yīng)的頁面加上這樣的meta標(biāo)注,幫助度娘理解頁面適用于PC和手機(jī),會根據(jù)屏幕尺寸調(diào)整布局和效果。
<meta name="applicable-device" content="pc,mobile">
缺點(diǎn):移動版使用同樣的HTML代碼,其中有的內(nèi)容可能在手機(jī)上通過CSS隱藏,如導(dǎo)航的簡化、減少圖片顯示、刪除側(cè)欄等,然而HTML代碼中還存在,浪費(fèi)了帶寬和下載時間。
沒有移動版本
沒有移動版本,PC頁面在手機(jī)上顯示效果也不好,百度和Google的處理方法不一樣。
百度會盡量將網(wǎng)站轉(zhuǎn)碼,也就是生成一個適合手機(jī)瀏覽的移動頁面,供搜索用戶訪問,雖然在移動搜索結(jié)果中顯示的URL、標(biāo)題等是網(wǎng)站的,用戶點(diǎn)擊搜索結(jié)果后看到的也是網(wǎng)站內(nèi)容,但實(shí)際上用戶訪問的是度娘服務(wù)器上的移動頁面,沒有真正訪問網(wǎng)站頁面。
如果站長不希望頁面被轉(zhuǎn)碼,可以在頁面上加這個meta標(biāo)簽:
<meta http-equiv="Cache-Control" content="no-transform">
另一折中解決方法是使用百度的PC網(wǎng)站快速移動化工具:SiteApp(注意和Sitemap區(qū)分):http://siteapp.baidu.com/。
站長添加要移動化的站點(diǎn)域名,選擇模板,定制導(dǎo)航,SiteApp就生成一個WebApp。站長再選擇一個移動版本的子域名,如m.domain.com,將子域名解析到百度服務(wù)器,用戶就可以通過移動版本訪問手機(jī)頁面,和前面討論的獨(dú)立URL的移動版本是一樣的。
優(yōu)點(diǎn):SiteApp有多套模板可供選擇,提供后臺流量統(tǒng)計(jì)、優(yōu)化工具,更重要的是實(shí)時同步PC頁面內(nèi)容,站長無需維護(hù),省時省力。
缺點(diǎn):較為簡陋,體驗(yàn)不太好。
Google沒有轉(zhuǎn)碼機(jī)制,對沒有移動版本的網(wǎng)站,直接返回PC版本。
百度如果找不到對應(yīng)的移動版本,轉(zhuǎn)碼效果又不好時,也會直接返回PC版本。<span style="outline: 0px; word-break: bre