2021年1月、ryus.dev の SEO 周りをまとめて整えた。2020年に書いた Nextjs metaタグを別ファイルで管理する の続き。

入れたもの

項目 内容
meta 外部化 ルートごとに title / description を JSON 管理
Google Tag Manager アクセス解析用コンテナ
sitemap 記事一覧から XML 自動生成
月ごとアーカイブ 記事を年月でグルーピング

sitemap 生成

記事の frontmatter から URL 一覧を作るシンプルな方式。ビルド時に sitemap.xml を出力。

const articles = getAllArticles();
const urls = articles.map((a) => ({
  loc: `https://ryus.dev/articles/${a.slug}/`,
  lastmod: a.date,
}));

学び

個人ブログの SEO は「構造化データを完璧に」より、title/description が記事ごとに正しい 方が効く。GTM はタグ増殖に注意。