diff --git a/components/HtmlHead.tsx b/components/HtmlHead.tsx
index d12ab014be47e..416574e87025a 100644
--- a/components/HtmlHead.tsx
+++ b/components/HtmlHead.tsx
@@ -11,12 +11,15 @@ const HtmlHead = ({ frontMatter }: HeaderProps) => {
const siteConfig = useSiteConfig();
const { route, basePath } = useRouter();
- const pageTitle = frontMatter.title || siteConfig.title;
const canonicalLink = `https://nodejs.org${route}`;
+ const pageTitle = frontMatter.title
+ ? `${frontMatter.title} | ${siteConfig.title}`
+ : siteConfig.title;
+
return (
- {siteConfig.title}
+ {pageTitle}
diff --git a/pages/en/blog/index.md b/pages/en/blog/index.md
index 24248de1867d0..7227b0d41376e 100644
--- a/pages/en/blog/index.md
+++ b/pages/en/blog/index.md
@@ -1,4 +1,5 @@
---
layout: blog-index.hbs
+title: News
paginate: blog
---
diff --git a/scripts/next-data/generatePreBuildFiles.mjs b/scripts/next-data/generatePreBuildFiles.mjs
index d012c8b4571fc..a6a3d2ef2c20d 100644
--- a/scripts/next-data/generatePreBuildFiles.mjs
+++ b/scripts/next-data/generatePreBuildFiles.mjs
@@ -20,7 +20,7 @@ const publicFeedPath = join(__dirname, '../../public/en/feed');
const createBlogYearFile = year =>
writeFile(
join(blogPath, `year-${year}.md`),
- `---\nlayout: blog-index.hbs\npaginate: blog\n---\n`
+ `---\nlayout: blog-index.hbs\ntitle: News from ${year}\npaginate: blog\n---\n`
);
export const generateBlogYearPages = cachedBlogData =>