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

Question

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

1. 添加了 ngMeta 依赖并动态添加了标题和描述元标记。
2. 添加了包含所有 URL 的 sitemap.xml 文件
3. 在 Google 网站站长控制台上将网站添加为 Assets 。
4. 使用 prerender.io 呈现页面

标题和描述标签在页面 View 源中显示如下:

<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'。现在，谷歌搜索会填充元描述和标题。