タイトルタグを変更する

投稿日:2020年11月26日

更新日:2020年11月26日

各ページごとのタイトルタグを変更する

やってると思ってたらやってなかった…

公式サイトTemplates の一番下の「Node fields as meta info」に記載がありました。

各ページごとに指定します。メタ情報と同じ感じかな。

「わたしについて」のページのテンプレートには、↓な感じで追加

<static-query>
query {
  metadata {
    siteName
    pageUrl
  }
}
</static-query>

<script>
export default {
  metaInfo() {
    return {
      title: 'わたしについて' + ' | ' + this.$static.metadata.siteName,
      meta: [
        {
          key: 'description',
          name: 'description',
          -- 以下略

各記事のテンプレートは、⇓な感じ。

title: this.$page.stepPost.title + ' | ' + this.$static.metadata.siteName,

OGPのタイトルタグと同じですね。

よしOK!!

目次ページに戻る