具有动态异步内容的AngularJS元数据

Question

我在.net应用程序中运行一个有角度的应用程序，我正在尝试实现用于SEO和其他目的的元标记。我遇到的问题是，直到调用外部站点后，我才知道页面标题等。

例如，我可能导航到的URL是www.mywebsite.com/people/1234。 这将调用www.apiwebsite.com/api/person/get?id=1234，然后将返回信息，例如要在页面标题中使用的名称和其他重要的元数据。

这里的问题是，从用户角度来看，这是可行的，爬虫和开放式网格不会等待该信息，因此仅网站默认元数据可见。

我已经将angularjs（角度1）的服务器端渲染作为一种选择，但是找不到可用的东西，是否有人熟悉我可以用来确保将正确的页面数据提供给搜索引擎等？

Answer 1

根据您的应用程序和要求，有几种方法可以做到这一点。

1. 您可以使用诸如prerender.io
之类的服务
2. 您可以设置rendertron或puppeteer来呈现页面
3. 如果您升级到Angular 6+，可以使用Angular Universal

我使用puppeteer作为构建步骤，当时大多数重要信息不是太动态，并且效果很好。很多人似乎对Rendertron和prerender.io也很满意。