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

标签 html css mobile responsive-design seo

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

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

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

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

最佳答案

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

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

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

关于html - 避免在响应式设计中使用 Meta Viewport 标签 - Google Insights Score,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29188428/

相关文章:

html - 如何在 Shopify 中创建子类别?

html - 菜单下拉菜单右对齐

css - 无法在 MAMP 本地主机中呈现 CSS

javascript - Phonegap Windows Phone 8 自定义网络字体

HTML 页面不适合移动设备屏幕

html - 为什么我的适合移动设备的媒体屏幕查询在我的手机上不起作用?

javascript - AJAX 和 HTML 元素不起作用

javascript - Accordion 关闭动画不起作用。它打开(有动画)和关闭(没有动画)

html - 为什么我不能更改 CSS 上的导航链接颜色?

mobile - Couchbase-lite 和 CouchDB