Vue Spa 将 <noscript> 标记内容显示为搜索引擎中的描述文本。例如谷歌搜索

Posted 2023-02-22

【中文标题】Vue Spa 将 <noscript> 标记内容显示为搜索引擎中的描述文本。例如谷歌搜索

【英文标题】：Vue Spa show <noscript> tag content as description text in search engine. ex.Google search

【发布时间】：2022-01-06 20:07:15

【问题描述】：

我有一个使用 Vue 2 和 vue router 和 vue pwa 构建的登录页面。

当公开生产时，一切运行正常，但是当我在 Google 中搜索我的网页时，结果仅显示 标题页、noscript 标记中的内容作为描述 和 当查看我的页面的缓存版本时，Google 显示完全空白的页面。

但是我的生产网络仍然运行正常，功能齐全，而且我绝对不会在浏览器中禁用 Js。我还尝试使用 Google Search Console 请求重新索引我的页面，但没有任何改变。

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。

【参考方案1】：

在 vue.config.js 中禁用预取和预加载解决了我的问题。

chainWebpack: config => 
  config.plugins.delete('preload')
  config.plugins.delete('prefetch')
,

【参考方案2】：

服务器中的一切都打开了吗？无论如何，今天发生了这种情况，您使用什么代码添加标题和描述。看起来页面加载时某些内容可能没有执行。

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。

我的网站是 vue 基础，我可能不会更改很多配置，我的代码看起来还可以。但是当我在 Google 搜索中查看其缓存版本时，我担心我的页面空白，似乎 Google bot 无法抓取我页面上的任何内容