Angular ngMeta - 动态标题和描述在预渲染页面中没有得到解决（prerender.io）

Question

我正在使用 prerender.io 为 Angular 单页应用程序进行服务器端渲染。

1. 添加 ngMeta 依赖并动态添加 title 和 description 元标记。
2. 添加了包含所有 URL 的 sitemap.xml 文件
3. 将该网站添加为 Google 网站管理员控制台上的属性。
4. 使用 prerender.io 渲染页面

标题和描述标签在页面视图源中显示如下：

<meta name="description"
    content="{{ngMeta.description}}">
<meta name="robots" content="noodp" />
<meta name="robots" content="noindex" />
<link rel="canonical" href="https://www.example.com/">

<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:title" content="{{ngMeta.title}}" />
<meta property="og:description" content="{{ngMeta.description}}" />
<meta property="og:keywords" content="{{ngMeta.keywords}}" />
<meta property="og:url" content="https://www.example.com/"">
<meta property="og:site_name" content="xxx">

但是，渲染的页面显示标题和描述如下：

<meta name="description" content="">
<meta name="robots" content="noodp">
<meta name="robots" content="noindex">
<link rel="canonical" href="https://www.example.com/">

<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:keywords" content="">
<meta property="og:url" content="https://www.example.com/">
<meta property="og:site_name" content="xxx">

此外，谷歌搜索中缺少该网站的描述。

谁能帮我解决这个问题？

Answer 1

我删除了<meta name="robots" content="noindex" /> 行，并使用了另一个名为“angular-update-meta”的插件，而不是“ngMeta”。现在，谷歌搜索填充了元描述和标题。