Angular ngMeta - 动态标题和描述未在预渲染页面中解析（prerender.io）

Question

我正在使用prerender.io进行Angular Single Page Application的服务器端渲染。

1. 添加了ngMeta依赖项并动态添加了标题和描述元标记。
2. 添加了包含所有网址的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">

此外，Google搜索网站缺少说明。

有人可以帮我解决这个问题吗？

Answer 1

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