角コンポーネントを使用してSEOのためにメタタグとタイトルを動的に加えてください


ブログはすべてメタタグについてです.簡単な方法でメタタグを検索エンジンの最適化のページの内容を記述するために使用されます.常に<head>のセクション内のメタタグ.
我々は動的に最も一般的な3つのヘッダメタdescriptiontitletag contentを設定するつもりです.
コンポーネントで定義済みのメタサービスをインポートします.
import { Meta, Title } from '@angular/platform-browser';
コンストラクタでサービスを注入します
constructor(private title: Title, private meta: Meta) {}
titlemeta tagを使用してngOnInit()setTitleを加えた.
ngOnInit()
{ 
  this.title.setTitle('Angular Overview'); 
  this.meta.updateTag({ 
  name:'author',content:'angulartpoint.com'}); 
  this.meta.updateTag(
  {
    name:'keyword',
    content:'angular overview, features'
  }); 

  this.meta.updateTag(
    {
      name:'description',
      content:'It contains overview of angular application'
    }); 
}
ハッピーコーディング!