Cover Image for next-seoでmetaタグなどを変更

next-seoでmetaタグなどを変更

2023/03/03
next.js

next-seoを編集する

ブログのソースを見ると

<meta name="description" content="blog"/>

ディスクリプションの説明文がblogになっている。

\src\components\features\app\Seo\Seo.tsx

      <DefaultSeo
        defaultTitle="憑むログ（たのむろぐ）"
        description="憑むログ（たのむろぐ）はお勉強用のブログです。今のところ。"
        openGraph={{
          type: 'website',
          title: '憑むログ',
          description: '憑むログ（たのむろぐ）はお勉強用のブログです。今のところ。',
          site_name: '憑むログ',
          url: 'https://nextcloudf.pages.dev/',

各々変更していく。

これだけだと全ページ同じmetaになってしまう。

.env

NEXT_PUBLIC_ROOT_URL=https://sub-t.github.io/blog-template/
NEXT_PUBLIC_SITE_NAME=blog