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