baterson
diff --git a/‎src/app.html
-17 b/‎src/app.html
-17
diff --git a/‎src/lib/Components/Head.svelte
+47 b/‎src/lib/Components/Head.svelte
+47
diff --git a/‎src/routes/+layout.svelte
+2 b/‎src/routes/+layout.svelte
+2
diff --git a/‎static/algo-screen.png
105 KB b/‎static/algo-screen.png
105 KB
diff --git a/‎static/og_image.png
-106 KB b/‎static/og_image.png
-106 KB
diff --git a/‎static/robots.txt b/‎static/robots.txt
@@ -4,27 +4,10 @@
         <title>Pathfinding Visualizer</title>
 		<link rel="icon" href="/pathfinding_visualizer/static/favicon.png" />
 		<meta charset="utf-8" />
-        <meta name="theme-color"  content="#22192B">
 		<meta
 			name="viewport"
 			content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
 		/>
-        <meta name="author" content="Ivan Semochkin" />
-        <meta
-        name="description"
-        content="Pathfinding Algorithms Visualizer build with Svelte and TypeScript" />
-
-        <meta property="og:image" content="https://ivan-sem.com/pathfinding_visualizer/static/og_image.png" />
-        <meta property="og:image:secure_url" content="https://ivan-sem.com/pathfinding_visualizer/static/og_image.png" />
-        <meta property="og:image:type" content="image/png" />
-        <meta property="og:image:width" content="968" />
-        <meta property="og:image:height" content="504" />
-        <meta property="og:title" content="Pathfinding Visualizer" />
-        <meta property="og:type" content="website" />
-        <meta property="og:url" content="https://ivan-sem.com/pathfinding_visualizer" />
-        <meta property="og:type" content="website" />
-        <meta property="og:description" content="Pathfinding Algorithms Visualizer build with Svelte and TypeScript." />
-        <meta property="og:locale" content="en_US" />
 
 		%sveltekit.head%
 	</head>
 
@@ -0,0 +1,47 @@
+<script lang="ts">
+	import { env } from '$env/dynamic/public';
+</script>
+
+<svelte:head>
+	<meta name="author" content="Ivan Semochkin" />
+	<meta
+		name="description"
+		content="Pathfinding Algorithms Visualizer build with Svelte and TypeScript"
+	/>
+
+	<meta
+		property="og:image"
+		content="https://ivan-sem.com/pathfinding_visualizer/static/algo-screen.png"
+	/>
+	<meta
+		property="og:image:secure_url"
+		content="https://ivan-sem.com/pathfinding_visualizer/static/algo-screen.png"
+	/>
+	<meta property="og:image:width" content="1200" />
+	<meta property="og:image:height" content="600" />
+	<meta
+		property="og:image:alt"
+		content="Pathfinding Algorithms Visualizer build with Svelte and TypeScript."
+	/>
+	<meta property="og:title" content="Pathfinding Visualizer" />
+	<meta property="og:type" content="object" />
+	<meta property="og:url" content="https://ivan-sem.com/pathfinding_visualizer" />
+	<meta
+		property="og:description"
+		content="Pathfinding Algorithms Visualizer build with Svelte and TypeScript."
+	/>
+	<meta property="og:locale" content="en_US" />
+	<meta name="theme-color" content="#22192B" />
+
+	<script async src="https://www.googletagmanager.com/gtag/js?id={env.PUBLIC_GTAG_KEY}"></script>
+	<script>
+		window.dataLayer = window.dataLayer || [];
+
+		function gtag() {
+			dataLayer.push(arguments);
+		}
+
+		gtag('js', new Date());
+		gtag('config', env.PUBLIC_GTAG_KEY);
+	</script>
+</svelte:head>
@@ -1,5 +1,7 @@
 <script lang="ts">
+	import Head from '$lib/Components/Head.svelte';
 	import '../app.css';
 </script>
 
+<Head />
 <slot />