Blogs/micro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix og:url and canonical to use pretty URL when available

Browse source
This commit is contained in:
Obsidian Sync 2026-02-25 19:26:17 +05:30
parent 0109c51f83
commit 462b941b71
1 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/Head.astro
View file

@ -21,6 +21,12 @@ interface Props {
const canonicalURL = new URL(Astro.url.pathname, Astro.site); const canonicalURL = new URL(Astro.url.pathname, Astro.site);
// For pretty URLs (e.g., /slug), use the pretty URL as canonical
const requestedPath = Astro.request.url.replace(Astro.site?.href || '', '/').replace(/\/$/, '');
const isPrettyUrl = requestedPath.startsWith('/20') || /^\/\d{4}-/.test(requestedPath);
const finalCanonicalPath = isPrettyUrl ? requestedPath : Astro.url.pathname;
const finalCanonicalURL = new URL(finalCanonicalPath, Astro.site);
const { title, description, image = "/astro-micro.jpg" } = Astro.props; const { title, description, image = "/astro-micro.jpg" } = Astro.props;
--- ---
@ -35,7 +41,7 @@ const { title, description, image = "/astro-micro.jpg" } = Astro.props;
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<!-- Canonical URL --> <!-- Canonical URL -->
<link rel="canonical" href={canonicalURL} /> <link rel="canonical" href={finalCanonicalURL} />
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>{title}</title> <title>{title}</title>
@ -44,7 +50,7 @@ const { title, description, image = "/astro-micro.jpg" } = Astro.props;
<!-- Open Graph / Facebook --> <!-- Open Graph / Facebook -->
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:url" content={Astro.url} /> <meta property="og:url" content={finalCanonicalURL} />
<meta property="og:title" content={title} /> <meta property="og:title" content={title} />
<meta property="og:description" content={description} /> <meta property="og:description" content={description} />
<meta property="og:image" content={new URL(image, Astro.url)} /> <meta property="og:image" content={new URL(image, Astro.url)} />