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 标题的标题

例如

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 的角度来看这将是不利的。