谷歌將強烈希望您創建一個真正具有響應性設計。但是,他們也明白,這對於所有人或預算都是不可能的,因此願意採用不太全面的解決方案。
假設你有你的主要網站www.example.com
,且您希望在m.example.com
製作一個單獨移動網站。
在您的主要網站的每個頁面,則需要添加以下的標題:
<link rel="alternate" media="only screen and (max-width: 320px)"
href="http://m.example.com/****" >
與路徑更換****
到相應的網頁上您的移動網站,同時還調整了部分在media=
中添加到您希望將頁面用於的相應媒體查詢。如果你願意,你可以有幾個迎合多種屏幕尺寸。
注:這實際上並沒有將用戶重定向 - 功能在手機上它僅適用於谷歌或其他搜索引擎(?我知道,它們仍然存在令人震驚的是,右)或瀏覽器,用戶可以明確要求移動/桌面網站。你需要處理基於用戶代理字符串重定向
然後,您的移動網站的每個網頁上,你需要一個類似的鏈接:
<link rel="canonical" href="http://www.example.com/****" >
再次,適當更換****
,相應的頁面。
您可以通過查看their web pages on the subject瞭解有關響應式設計和Google喜歡的更多內容。 只是重定向移動用戶遠沒有這個標記在實現你是服務以及格式的內容向移動用戶可能妨礙谷歌,並導致您的網站從移動搜索被處罰。
我**猜測**是谷歌將解釋爲兩個不同的網站**,因爲它們是**。你會得到兩個排名,每個域名一個......我想。 –
@Paulie_D嗯有趣,所以你說的這個問題谷歌沒有正式公告,這意味着它只是專家意見會發生什麼。 – Eclipse
@TZHX我將爲移動設備創建一個全新的目錄,這意味着不僅僅是新的CSS,還包括新的HTML甚至PHP。 – Eclipse