html - 避免在响应式设计中使用 Meta Viewport 标签 - Google Insights Score

Question

我将我的网站设计为无需实际使用即可响应

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

它在移动设备上看起来正是我想要的样子。问题是，当我使用 Google Insights 来测试我的网站是否针对移动设备进行了优化时，它却说不是。当我添加元标记时，它会说我的网站已针对移动设备进行了优化(尽管对于人类来说它看起来更糟糕)。

我的问题是，可以绕过使用 meta viewport 标签，同时让 Google Insights 告诉我我的网站是移动优化的，因此增加了 SEO 的好处。

Answer 1

您不想将视口(viewport)宽度设置为特定大小。这将使所有设备将其视为设置的大小。

将其更改为如下所示的“设备宽度”，它将根据设备宽度调整大小。

<meta name="viewport" content="width=device-width,initial-scale=1" />