diff --git a/examples/portfolio/src/components/MainHead.astro b/examples/portfolio/src/components/MainHead.astro
index 1a55794ab..74eb59164 100644
--- a/examples/portfolio/src/components/MainHead.astro
+++ b/examples/portfolio/src/components/MainHead.astro
@@ -1,8 +1,9 @@
 ---
-const { title = 'Jeanine White: Personal Site' } = Astro.props;
+const { title = 'Jeanine White: Personal Site', description = 'The personal site of Jeanine White' } = Astro.props;
 ---
 
 <meta charset="UTF-8">
+<meta name="description" property="og:description" content={description}>
 <meta name="viewport" content="width=device-width">
 <title>{title}</title>
 
diff --git a/examples/portfolio/src/layouts/project.astro b/examples/portfolio/src/layouts/project.astro
index 8e649ee1f..6ad043a4e 100644
--- a/examples/portfolio/src/layouts/project.astro
+++ b/examples/portfolio/src/layouts/project.astro
@@ -8,7 +8,7 @@ const { content } = Astro.props;
 ---
 <html lang={ content.lang || 'en' }>
   <head>
-    <MainHead title={content.title} />
+    <MainHead title={content.title} description={content.description} />
     <style lang="scss">
       .hero {
         padding: 8rem;
diff --git a/examples/portfolio/src/pages/about.astro b/examples/portfolio/src/pages/about.astro
index 1fb855eb0..fd84c27da 100644
--- a/examples/portfolio/src/pages/about.astro
+++ b/examples/portfolio/src/pages/about.astro
@@ -7,7 +7,7 @@ import Nav from '../components/Nav/index.jsx';
 
 <html lang="en">
   <head>
-    <MainHead title="About | Jeanine White" />
+    <MainHead title="About | Jeanine White" description="About Jeanine White Lorem Ipsum" />
     <style lang="scss">
       .heroImg {
         object-fit: cover;
diff --git a/examples/portfolio/src/pages/index.astro b/examples/portfolio/src/pages/index.astro
index 84bc0af23..673ade234 100644
--- a/examples/portfolio/src/pages/index.astro
+++ b/examples/portfolio/src/pages/index.astro
@@ -15,7 +15,7 @@ const featuredProject = projects[0];
 ---
 <html lang="en">
   <head>
-    <MainHead title="Jeanine White: Personal Site" />
+    <MainHead title="Jeanine White: Personal Site" description="Jeanine White: Developer, Speaker, and Writer..." />
     <style lang="scss">
       $w-s: 750px;
 
diff --git a/examples/portfolio/src/pages/projects.astro b/examples/portfolio/src/pages/projects.astro
index 77ef0b7a5..44047117a 100644
--- a/examples/portfolio/src/pages/projects.astro
+++ b/examples/portfolio/src/pages/projects.astro
@@ -15,7 +15,7 @@ const projects = Astro.fetchContent<MarkdownFrontmatter>('./project/**/*.md')
 
 <html lang="en">
   <head>
-    <MainHead title="All Projects | Jeanine White" />
+    <MainHead title="All Projects | Jeanine White" description="Learn about Jenine White's most recent projects" />
     <style lang="scss">
       .grid {
         display: grid;
