Angular 2 和 SEO 元标签

编程问答 2022-05-24

问题描述

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

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

搜索机器有什么不同吗？

谢谢。

解决方法

正确的解决方案是在组件级别处理此问题并使用 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 的角度来看是不利的。

>
angularangularkeyword