Set default titleTemplate

src/components/common/MetaTags.astro

@@ -11,6 +11,10 @@ import SplitbeeAnalytics from './SplitbeeAnalytics.astro';
 
 import { MetaSEO } from '~/types';
 
+export interface Props extends MetaSEO {
+	dontUseTitleTemplate?: boolean;
+}
+
 const defaultImage = SITE.defaultImage
 	? (
 			await getImage({
@@ -22,8 +26,6 @@ const defaultImage = SITE.defaultImage
 	  ).src
 	: '';
 
-export interface Props extends MetaSEO {}
-
 const {
 	title = SITE.name,
 	description = '',
@@ -35,6 +37,8 @@ const {
 
 	ogTitle = title,
 	ogType = 'website',
+
+	dontUseTitleTemplate = false,
 } = Astro.props;
 
 const image =
@@ -51,6 +55,7 @@ const image =
 
 <AstroSeo
 	title={title}
+	titleTemplate={dontUseTitleTemplate ? '%s' : `%s — ${SITE.name}`}
 	description={description}
 	canonical={String(canonical)}
 	noindex={noindex}

src/pages/404.astro

@@ -1,9 +1,8 @@
 ---
 import Layout from '~/layouts/BaseLayout.astro';
-import { SITE } from '~/config.mjs';
 import Error404 from '~/components/widgets/Error404.astro';
 
-const title = `Error 404 — ${SITE.name}`;
+const title = `Error 404`;
 ---
 
 <Layout meta={{ title }}>

src/pages/[...blog]/[...page].astro

@@ -22,7 +22,7 @@ const { page } = Astro.props;
 const currentPage = page.currentPage ?? 1;
 
 const meta = {
-	title: `Blog ${currentPage > 1 ? `— Page ${currentPage} ` : ''}— ${SITE.name}`,
+	title: `Blog${currentPage > 1 ? ` — Page ${currentPage}` : ''}`,
 	description: SITE.description,
 	canonical: getCanonical(getPermalink(BLOG?.blog?.pathname)),
 	ogType: 'blog',

src/pages/[...blog]/[slug].astro

@@ -25,7 +25,7 @@ const { post } = Astro.props;
 const url = getCanonical(getPermalink(post.slug, 'post'));
 
 const meta = {
-	title: `${post.title} — ${SITE.name}`,
+	title: post.title,
 	description: post.description,
 	canonical: post.canonical || url,
 	image: await findImage(post.image),

src/pages/[...categories]/[category]/[...page].astro

@@ -34,7 +34,7 @@ const { page, category } = Astro.props;
 
 const currentPage = page.currentPage ?? 1;
 const meta = {
-	title: `Category '${category}' ${currentPage > 1 ? `— Page ${currentPage} ` : ''}— ${SITE.name}`,
+	title: `Category'${category}' ${currentPage > 1 ? ` — Page ${currentPage}` : ''}`,
 	description: SITE.description,
 	canonical: getCanonical(getPermalink(category, 'category')),
 	noindex: true,

src/pages/[...tags]/[tag]/[...page].astro

@@ -34,7 +34,7 @@ const { page, tag } = Astro.props;
 
 const currentPage = page.currentPage ?? 1;
 const meta = {
-	title: `Posts by tag '${tag}' ${currentPage > 1 ? `— Page ${currentPage} ` : ''}— ${SITE.name}`,
+	title: `Posts by tag '${tag}'${currentPage > 1 ? ` — Page ${currentPage} ` : ''}`,
 	description: SITE.description,
 	canonical: getCanonical(getPermalink(tag, 'tag')),
 	noindex: true,

src/pages/index.astro

@@ -18,6 +18,7 @@ const meta = {
 	title: SITE.title,
 	description: SITE.description,
 	canonical: getCanonical(getHomePermalink()),
+	dontUseTitleTemplate: true,
 };
 ---