角コンポーネントを使用してSEOのためにメタタグとタイトルを動的に加えてください
1060 ワード
ブログはすべてメタタグについてです.簡単な方法でメタタグを検索エンジンの最適化のページの内容を記述するために使用されます.常に
我々は動的に最も一般的な3つのヘッダメタ
コンポーネントで定義済みのメタサービスをインポートします.
<head>
のセクション内のメタタグ.我々は動的に最も一般的な3つのヘッダメタ
description
、title
とtag content
を設定するつもりです.コンポーネントで定義済みのメタサービスをインポートします.
import { Meta, Title } from '@angular/platform-browser';
コンストラクタでサービスを注入しますconstructor(private title: Title, private meta: Meta) {}
title
とmeta 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'
});
}
ハッピーコーディング!Reference
この問題について(角コンポーネントを使用してSEOのためにメタタグとタイトルを動的に加えてください), 我々は、より多くの情報をここで見つけました https://dev.to/slk5611/add-meta-tags-and-title-dynamically-for-seo-using-angular-component-145bテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol