我们假设我的网站目前没有响应。我可以修改CSS和HTML以使其响应(通过使用宽度技术甚至CSS中的媒体功能)现在这将100%工作并使我的网站适合移动设备。
另一个解决方案是创建一个全新的移动模板,并且几乎只将其加载到不同的站点下,因此当用户从移动设备访问该站点时,它会将它们重定向到新站点“mobile.websitename.com”。
这是否会使得初始网站(在域中没有“移动”的无响应的网站)响应Google的观点?或者谷歌是不是很聪明,不会认识到移动用户会被重定向到该网站的移动版本?
Google非常希望您能够创建真正的响应式设计。但是,他们也明白,对所有人或预算来说,这是不可能的,因此愿意采用不太彻底的解决方案。
假设您拥有主站点www.example.com
,并且您希望在m.example.com
建立一个单独的移动站点。
在主站点的每个页面上,您需要在标题中添加以下内容:
<link rel="alternate" media="only screen and (max-width: 320px)"
href="http://m.example.com/****" >
将****
替换为移动站点上相应页面的路径,并将media=
中的部分调整为您希望页面用于的相应媒体查询。如果您愿意,可以有几个可以满足多种屏幕尺寸。
N.B。:这实际上并没有重定向用户 - 只有谷歌或其他搜索引擎(我知道,它们仍然存在令人震惊,对吗?)或手机浏览器上的功能,用户可以明确请求移动/桌面网站。您需要根据用户代理字符串处理重定向
然后,在您的移动网站的每个页面上,您需要一个类似的链接:
<link rel="canonical" href="http://www.example.com/****" >
再次,用适当的相应页面替换****
。
您可以通过查看their web pages on the subject了解有关响应式设计和Google喜欢的内容的更多信息。只是在没有此标记的情况下重定向移动用户可能会阻碍Google意识到您向移动用户提供格式良好的内容,并导致您的网站因移动搜索而受到处罚。