在 VUE 应用上放置 Google 搜索描述的位置？

Question

我们开发了一个支持不同语言的 vue 应用。为此，我们使用 i18n 的字典。

此外，在“/public/index.html”上，我们添加了我们希望在谷歌搜索页面上阅读的描述：

 <meta property="og:title" content="....">

但我们在 google 上看到的是：

所以我的问题是：

1. 我们如何设置正确的值？
2. 我们是否必须以某种方式请求 google 更新这些值，以防这些值在我们更新之前被采用？

谢谢

--------------- 编辑 1 -------

应用程序上的每个字符串，它都会检查字典上的索引： BF_PRICING_CARD... 如果它不存在，默认行为是打印/回显键的字符串

关于og:title: 标签。我们正在使用这一套：

<meta name="title" content="bla bla"> 
<meta name="author" content="bla">
<meta name="description" content="bla bla bla">
<meta name="keywords" content="bla bla bla bla bla">

--------------- 编辑 2 ------- <title>bla blag</title>

网址不会改变。在浏览器上检测到语言，然后作为 JS 变量传递给应用程序以获取正确的字典。

1. 问题可能是当 Google 索引它时，我们没有任何可用于其机器人的翻译？

Answer 1

除非您为每种语言使用单独的网址，否则 Google 无法将翻译后的内容编入索引。 Google says:

如果您希望根据语言设置动态更改内容或重新路由用户，请注意，Google 可能无法找到并抓取您的所有变体。这是因为 Googlebot 爬虫通常来自美国。另外，爬虫发送HTTP请求时没有在请求头中设置Accept-Language。

根据我的经验，Googlebot 不会找到从同一个 URL 提供的多种语言。您需要为页面创建多个 URL。见How should I structure my URLs for both SEO and localization?

当使用像 Vue 这样的单页应用程序框架时，这通常意味着：

• 在加载新内容（或更改语言）时使用 history.pushState() 更改 URL
• 在您的页面中使用<a href=...> 链接来告诉搜索引擎有关其他页面的信息。对于用户，您可以拦截这些点击并使用您的 JavaScript 框架更改内容和 URL。
• 将您的网络服务器配置为为每个有效 URL 提供单页应用程序，并确保您的应用程序根据初始 URL 加载正确的内容。
• 实施服务器端渲染（也称为预渲染）以使您的网站更容易被机器人访问。 Googlebot 是唯一一个高级到足以执行 JS 的搜索引擎机器人。即使对于 Googlebot，如果您需要 Googlebot 来呈现它而不是在服务器端这样做，索引编制也会变得更糟和更慢。
• 避免根据用户交互更改您希望在搜索引擎中编入索引的内容。即使 Googlebot 执行 JavaScript，它也不会模拟用户行为，例如点击或滚动。

当您使用元标记时，请确保它们与 URL 匹配。您需要 <title> 标签和 <meta name=description> 标签用于 SEO。如果您希望您的网站在 Facebook 和 Twitter 上共享时看起来不错，则需要为图像和描述添加开放图形元标记。