避免响应式设计中的Meta Viewport标签- Google Insights评分

Question

我已经将我的网站设计为响应式的，而不实际使用

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

它看起来就像我在手机上想要的那样。问题是，当我去Google Insights测试我的网站是否进行了移动端优化时，它说不是。当我添加meta标签时，它会显示我的站点是移动端优化的(尽管它在人类看来要糟糕得多)。

我的问题是，可以使用元视图标签，同时仍然有Google Insights告诉我，我的网站是移动优化的，因此增加了SEO的好处。

Answer 1

您不希望将视口宽度设置为特定大小。这将使所有设备将其视为该设置大小。

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

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