diff --git a/src/routes/photos/[albumSlug]/[photoId]/+page.svelte b/src/routes/photos/[albumSlug]/[photoId]/+page.svelte
index 28f99cd..84825dd 100644
--- a/src/routes/photos/[albumSlug]/[photoId]/+page.svelte
+++ b/src/routes/photos/[albumSlug]/[photoId]/+page.svelte
@@ -1,5 +1,7 @@
diff --git a/src/routes/photos/[slug]/+page.svelte b/src/routes/photos/[slug]/+page.svelte
index d2c5622..fe5575c 100644
--- a/src/routes/photos/[slug]/+page.svelte
+++ b/src/routes/photos/[slug]/+page.svelte
@@ -1,6 +1,8 @@
diff --git a/src/routes/universe/+page.svelte b/src/routes/universe/+page.svelte
index 1f4c44c..5f71103 100644
--- a/src/routes/universe/+page.svelte
+++ b/src/routes/universe/+page.svelte
@@ -1,13 +1,40 @@
diff --git a/src/routes/universe/[slug]/+page.svelte b/src/routes/universe/[slug]/+page.svelte
index e4f4a98..0804b4a 100644
--- a/src/routes/universe/[slug]/+page.svelte
+++ b/src/routes/universe/[slug]/+page.svelte
@@ -3,6 +3,8 @@
import BackButton from '$components/BackButton.svelte'
import DynamicPostContent from '$components/DynamicPostContent.svelte'
import { getContentExcerpt } from '$lib/utils/content'
+ import { generateMetaTags, generateArticleJsonLd } from '$lib/utils/metadata'
+ import { page } from '$app/stores'
import type { PageData } from './$types'
let { data }: { data: PageData } = $props()
@@ -13,28 +15,74 @@
const description = $derived(
post?.content
? getContentExcerpt(post.content, 160)
- : `${post?.postType === 'essay' ? 'Essay' : 'Post'} by jedmund`
+ : `${post?.postType === 'essay' ? 'Essay' : 'Post'} by @jedmund`
+ )
+ const pageUrl = $derived($page.url.href)
+
+ // Generate metadata
+ const metaTags = $derived(
+ post
+ ? generateMetaTags({
+ title: pageTitle,
+ description,
+ url: pageUrl,
+ type: 'article',
+ image: post.attachments?.[0]?.url,
+ publishedTime: post.publishedAt,
+ author: 'Justin Edmund',
+ section: post.postType === 'essay' ? 'Essays' : 'Posts',
+ titleFormat:
+ post.postType === 'essay' ? { type: 'by' } : { type: 'snippet', snippet: description }
+ })
+ : generateMetaTags({
+ title: 'Post Not Found',
+ description: 'The post you are looking for could not be found.',
+ url: pageUrl,
+ noindex: true
+ })
+ )
+
+ // Generate article JSON-LD
+ const articleJsonLd = $derived(
+ post
+ ? generateArticleJsonLd({
+ title: pageTitle,
+ description,
+ url: pageUrl,
+ image: post.attachments?.[0]?.url,
+ datePublished: post.publishedAt,
+ dateModified: post.updatedAt || post.publishedAt,
+ author: 'Justin Edmund'
+ })
+ : null
)
- {#if post}
- {pageTitle} - jedmund
-
+ {metaTags.title}
+
-
-
-
-
- {#if post.attachments && post.attachments.length > 0}
-
- {/if}
+
+ {#each Object.entries(metaTags.openGraph) as [property, content]}
+
+ {/each}
-
-
-
- {:else}
- Post Not Found - jedmund
+
+ {#each Object.entries(metaTags.twitter) as [property, content]}
+
+ {/each}
+
+
+ {#if metaTags.other.canonical}
+
+ {/if}
+ {#if metaTags.other.robots}
+
+ {/if}
+
+
+ {#if articleJsonLd}
+ {@html ``}
{/if}
diff --git a/src/routes/work/[slug]/+page.svelte b/src/routes/work/[slug]/+page.svelte
index b3f829a..5d21b39 100644
--- a/src/routes/work/[slug]/+page.svelte
+++ b/src/routes/work/[slug]/+page.svelte
@@ -4,6 +4,8 @@
import ProjectPasswordProtection from '$lib/components/ProjectPasswordProtection.svelte'
import ProjectHeaderContent from '$lib/components/ProjectHeaderContent.svelte'
import ProjectContent from '$lib/components/ProjectContent.svelte'
+ import { generateMetaTags, generateCreativeWorkJsonLd } from '$lib/utils/metadata'
+ import { page } from '$app/stores'
import type { PageData } from './$types'
import type { Project } from '$lib/types/project'
import { spring } from 'svelte/motion'
@@ -12,6 +14,42 @@
const project = $derived(data.project as Project | null)
const error = $derived(data.error as string | undefined)
+ const pageUrl = $derived($page.url.href)
+
+ // Generate metadata
+ const metaTags = $derived(
+ project
+ ? generateMetaTags({
+ title: project.title,
+ description:
+ project.description || `${project.title} — A professional project by Justin Edmund`,
+ url: pageUrl,
+ image: project.thumbnailUrl || project.logoUrl,
+ type: 'article',
+ titleFormat: { type: 'by' }
+ })
+ : generateMetaTags({
+ title: 'Project Not Found',
+ description: 'The project you are looking for could not be found.',
+ url: pageUrl,
+ noindex: true
+ })
+ )
+
+ // Generate creative work JSON-LD
+ const projectJsonLd = $derived(
+ project
+ ? generateCreativeWorkJsonLd({
+ name: project.title,
+ description: project.description,
+ url: pageUrl,
+ image: project.thumbnailUrl || project.logoUrl,
+ creator: 'Justin Edmund',
+ dateCreated: project.year ? `${project.year}-01-01` : undefined,
+ keywords: project.tags || []
+ })
+ : null
+ )
let headerContainer = $state
(null)
@@ -50,6 +88,34 @@
}
+
+ {metaTags.title}
+
+
+
+ {#each Object.entries(metaTags.openGraph) as [property, content]}
+
+ {/each}
+
+
+ {#each Object.entries(metaTags.twitter) as [property, content]}
+
+ {/each}
+
+
+ {#if metaTags.other.canonical}
+
+ {/if}
+ {#if metaTags.other.robots}
+
+ {/if}
+
+
+ {#if projectJsonLd}
+ {@html ``}
+ {/if}
+
+
{#if error}