实现具有响应性布局和动态服务布局的混合站点是否存在缺陷？

Question

我有一个20年前的网站，我想升级到一个响应性的布局。最初，它只是桌面布局，但当我的用户基础上有很大一部分走向移动时，我实现了动态服务布局，根据用户代理是否用于移动设备，我嗅探用户代理并提供不同的HTML。

我开始实现响应性布局，但我发现大约5%的用户是在没有我想要使用的CSS和JavaScript的旧浏览器上。例如，只有95.42%的用户完全支持CSS网格布局：https://caniuse.com/css-grid虽然我不想花时间开发一个只占我用户5%的站点，但我已经有了一个为这些用户工作的站点，并且我不想在移动响应时失去那么多流量。

我目前的计划是仍然在用户代理的基础上进行服务器端测试，如以下伪代码：

use responsive-layout if (bot) 
use desktop-layout if (msie or firefox < 54 or chrome < 58  or edge < 16)
use mobile-layout if (opera-mini or android-browser or samsung-internet < 5 or safari-mobile < 10.3)
use responsive-layout otherwise

我的大多数用户和搜索引擎爬虫都会得到响应性的布局。只有特定的、不能使用的和较旧的浏览器才能得到我现有的静态布局。

通过使用模板，我确保所有不同的布局都有相同的内容。因此，虽然布局都有不同的顶级HTML结构，但它们最终包含了具有相同内容的较小的部分。

桌面

<table><tr><td>
#include(Section1)
</td><td>
#include(Section2)
</td></tr></table>

移动

<div>
#include(Section1)
</div>
<div>
#include(Section2)
</div>

响应

<div id=grid>
#include(Section1)
#include(Section2)
</div>

我知道Google支持响应性布局或动态服务布局，但是我还没有找到像这样的混合方法的任何信息。是否有任何缺陷(特别是在SEO方面)，主要是使用响应，但回到动态服务的一些浏览器？

Answer 1

我能想到的最大的问题是不同设置之间内容的等效性。谷歌在他们的手机-第一篇文章上说：

确保您的移动站点包含与桌面站点相同的内容。

和：

更新您的移动站点，使其主要内容相当于您的桌面网站。

这似乎适用于不同类型的移动站点。只要动态服务站点和响应站点返回等效的主要内容，如果谷歌看到不同的页面，就不应该担心。虽然等值主要是指谷歌没有遗漏你写过的内容，但你也可以看到它的滥用一面--如果内容有很大的不同，那么它可能看起来就像是你试图偷偷地进入内容，并操纵行为。

尽管如此，我不确定Google会不会看到他们在最新版本的Chromium (见SEL)中爬行的动态服务站点，而且你的条件似乎只会显示其中的响应性设计。并不是说你应该认为这是理所当然的，但这可能会将风险降到最低。