Update metatags

added open graph and twitter card meta tags.
CommunityFocus · Jan 16, 2024 · 8bd84d7 · 8bd84d7
1 parent 1cdd5bd
commit 8bd84d7
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -4,10 +4,30 @@
 		<meta charset="UTF-8" />
 		<link rel="icon" type="image/svg+xml" href="/images/communityFocus.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta name="description" content="Create a shareable timer for you and your friends!" />
+
 		<title>Community Focus</title>
+
+		<!-- Open Graph Tags-->
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://communityfocus.app/" />
+		<meta property="og:title" content="Join Your Friends Timer" />
+		<meta property="og:description" content="Create a shareable timer for you and your friends!" />
+		<meta property="og:image" content="/public/images/communityFocus.png" />
+		<meta property="og:image:width" content="38" />
+		<meta property="og:image:height" content="40" />
+
+		<!--Twitter Card Meta Tags-->
+		<meta property="twitter:card" content="summary_large_image" />
+		<meta property="twitter:url" content="https://communityfocus.app/"/>
+		<meta property="twitter:title" content="Community Focus" />
+		<meta property="twitter:description" content="Create a shareable timer for you and your friends!" />
+		<meta property="twitter:image" content="/public/images/communityFocus.png"/>
+
 	</head>
 	<body>
 		<div id="root"></div>
 		<script type="module" src="/src/main.tsx"></script>
 	</body>
 </html>
+