Google 在 VUE 应用程序中放置搜索说明的位置？
Where to place Google Search description on VUE app?
我们开发了一个支持不同语言的vue 应用程序。为此，我们使用 i18n 的字典。
此外，在“/public/index.html”上，我们添加了我们希望在 google 搜索页面上阅读的描述，标签为：
<meta property="og:title" content="....">
但是我们在google上看到的是：
所以我的问题是：
- 我们如何设置正确的值？
- 我们是否必须以某种方式请求 google 更新这些值，以防这些值在我们更新之前被获取？
谢谢
---------------- 编辑 1 ------------------
应用程序中的每个字符串，它都会检查字典中的索引：
BF_PRICING_CARD...
如果它不存在，默认行为是 print/echo 键的字符串
关于 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>
URL不变。在浏览器上检测语言，然后将其作为 JS 变量传递给应用程序以获取正确的词典。
- 问题是当 Google 索引它时，我们没有任何可用于其机器人的翻译吗？
Google 无法为翻译后的内容编制索引，除非您为每种语言使用单独的 URL。 Google says:
If you prefer to dynamically change content or reroute the user based on language settings, be aware that Google might not find and crawl all your variations. This is because the Googlebot crawler usually originates from the USA. In addition, the crawler sends HTTP requests without setting Accept-Language in the request header.
根据我的经验，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 匹配。您需要用于 SEO 的 <title> 标签和 <meta name=description> 标签。如果您希望您的网站在 Facebook 和 Twitter 上共享时看起来不错，您需要为图像和描述包含开放图元标记。
我们开发了一个支持不同语言的vue 应用程序。为此，我们使用 i18n 的字典。
此外，在“/public/index.html”上，我们添加了我们希望在 google 搜索页面上阅读的描述，标签为：
<meta property="og:title" content="....">
但是我们在google上看到的是：
所以我的问题是：
- 我们如何设置正确的值？
- 我们是否必须以某种方式请求 google 更新这些值，以防这些值在我们更新之前被获取？
谢谢
---------------- 编辑 1 ------------------
应用程序中的每个字符串，它都会检查字典中的索引：
BF_PRICING_CARD...
如果它不存在，默认行为是 print/echo 键的字符串
关于 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>
URL不变。在浏览器上检测语言，然后将其作为 JS 变量传递给应用程序以获取正确的词典。
- 问题是当 Google 索引它时，我们没有任何可用于其机器人的翻译吗？
Google 无法为翻译后的内容编制索引，除非您为每种语言使用单独的 URL。 Google says:
If you prefer to dynamically change content or reroute the user based on language settings, be aware that Google might not find and crawl all your variations. This is because the Googlebot crawler usually originates from the USA. In addition, the crawler sends HTTP requests without setting
Accept-Languagein the request header.
根据我的经验，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 匹配。您需要用于 SEO 的 <title> 标签和 <meta name=description> 标签。如果您希望您的网站在 Facebook 和 Twitter 上共享时看起来不错，您需要为图像和描述包含开放图元标记。