谷歌将强烈希望您创建一个真正具有响应性设计。但是,他们也明白,这对于所有人或预算都是不可能的,因此愿意采用不太全面的解决方案。
假设你有你的主要网站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