feat: add og meta tags

cychitivav · Sep 21, 2024 · 299bce3 · 299bce3
1 parent 24b9615
commit 299bce3
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/public/images/og-image.webp b/public/images/og-image.webp
diff --git a/src/layouts/Root.astro b/src/layouts/Root.astro
@@ -21,6 +21,25 @@ import Particles from "@components/Particles.astro"
 			content="developer, web, frontend, backend, robotics, software, engineer, fullstack"
 		/>
 
+		<!--  Essential META Tags -->
+		<meta property="og:title" content="Cristian Chitiva" />
+		<meta property="og:type" content="portfolio" />
+		<meta property="og:image" content="/assets/images/og-image.webp" />
+		<meta property="og:url" content="https://cristianchitiva.dev" />
+		<meta name="twitter:card" content="summary_large_image" />
+
+		<!--  Non-Essential, But Recommended -->
+		<meta
+			property="og:description"
+			content="Personal website of Cristian Chitiva, a passionate robotics engineer with experience in designing and building autonomous systems."
+		/>
+		<meta property="og:site_name" content="Cristian Chitiva" />
+		<meta name="twitter:image:alt" content="Cristian Chitiva" />
+
+		<!--  Non-Essential, But Required for Analytics -->
+		<!-- <meta property="fb:app_id" content="your_app_id" /> -->
+		<meta name="twitter:site" content="@CChitiva7" />
+
 		<ClientRouter />
 
 		<title>Cristian Chitiva</title>