Angular 2 和 SEO 元标记

Question

我有 Angular 2 网站，我想添加元标记(关键字) 什么是最好的？

• 要将所有关键字放入Index.html 页面？
• 要通过 .ts 代码 (@angular/platform-b​​rowser) 为每个组件放置单独的标签？

搜索机有什么区别吗？

谢谢。

Answer 1

正确的解决方案是在组件级别处理这个问题，并像这样使用 Angular 提供的服务:

import { Meta, Title } from '@angular/platform-browser';

Meta 用于元标记，例如描述和关键字以及 html 标题的 title

例如

constructor(private titleService: Title, private metaService: Meta) {}


this.metaService.addTags([
  { name: 'keywords', content: 'Keyword1, Keyword2' },
  { name: 'description', content: 'Your SEO desc' },
]);


this.titleService('Your seo title');

将您的元标记放入 index.html 意味着您的应用中的所有页面都将具有相同的标题、描述和关键字，如果它是公开可用的网站，那么从 SEO 的 Angular 来看这将是不利的。