Question

Google将我的网站确定为“非移动设备友好型”。

前段时间我在网站上重新设计了几个页面，以确保它们在移动设备上正常显示。直到最近，用户必须手动选择要使用的版本。我意识到这并不令人满意，因为它导致谷歌不理解这些页面之间的关系，因此他们被视为＆＃34;不适合移动设备＆＃34;

我一直在尝试解决此问题，并已阅读并遵循Google的说明，该说明通过在页面顶部插入以下标记来描述对桌面和移动网页使用单独的网址：

link rel =＆＃34; alternate＆＃34;桌面版本上的标签和一个 link rel =＆＃34; canonical＆＃34;移动版上的标签

这是我遵循的完整方法：

为移动网站设置子域名：www.m.identitydesign.co.nz
使用此处的代码作为.htaccess文件： http://webdesignandsuch.com/redirect-to-a-mobile-site-with-htaccess-and-set-a-cookie-to-break-redirect/

此时我似乎完全正确，因为重定向正在运行，但仍然存在持续的循环重定向＆＃39;在移动设备上查看时，由于过度重定向导致页面根本无法显示。

要修复此问题并停止循环，我使用以下代码为子域创建了另一个.htaccess文件：

RewriteEngine off RewriteBase /
这很好但后来出现了一个新问题（这仍然是一个重定向问题）。如果用户想要覆盖自动重定向到移动网站，他们应该能够单击手动链接返回主站点。但它会自动循环回移动站点，如果他们希望看到它，就会阻止访问主站点。

为了解决这个问题，我在移动网站上的href链接之后直接插入了代码？m = 0，如下所示：

<a href=“http://www.example.com?m=0”>

这打破了重定向，导致它停止循环。

此时我觉得这一切都很好，但我发现还有问题。

也许是因为谷歌还没有将这些网页编入索引，但它仍然显示为“不适合移动设备”＃34;在谷歌的SERP中。但是，当我访问Google的适合移动设备的测试页面并分析页面时，它会告诉我它真棒！＆＃34;

这很好，但是当我尝试分析其他页面时（除了主页），例如。 http://www.identitydesign.co.nz/artists_impressions.html 应加载此页面：
www.m.identitydesign.co.nz/artists_impressions.html

它会继续加载INDEX页面。

这是问题的CRUX：
在分析桌面页面时，我得到了一个肯定的结果，但它会重定向到索引页面，而不是指向正确的相应移动页面。

结果是，当我进行Google搜索时，例如＆＃34;艺术家印象奥克兰＆＃34;我的页面出现在SERP中。如果我在桌面上搜索，则链接会转到正确的页面。但是，如果我在移动设备上进行相同的搜索，该链接会将我带到INDEX页面，而不是＃34;艺术家印象＆＃34;的正确相应页面。

我在StackOverflow网站上搜索了类似的问题，但却看不到具有相同特定问题的网站。最接近的匹配线程涉及PHP的使用，这在我的案例中并不适用。

我感谢任何帮助或帮助。谢谢。

Answer 1

在我看来，将子域用于同一网站的移动版和桌面版的想法有点陈旧。

您是否看过使用自适应网页设计？它侧重于使用可扩展内容的想法，该内容将适应所使用设备上的屏幕大小。对于两个版本的网站而言，这意味着只需维护一组页面而不是单独的页面。这将消除您的问题，并使其在未来更容易维护。现在比以往任何时候都更容易构建具有大量HTML和CSS框架的响应式网站，例如http://getbootstrap.com/和http://foundation.zurb.com/

话虽如此，如果您希望坚持当前的方法，我会建议.htaccess文件有问题。您可能希望重写匹配的用户代理字符串列表，因为它看起来已经过时了。

在您的示例中执行重定向的行指向固定的URL：

RewriteRule ^ http://m.example.com [R,L]

更改此项以复制路径组件：

RewriteRule ^ http://m.example.com%{REQUEST_URI} [R,L]

为桌面和移动网页

1 个答案: