Update meta tags

frontend/public/index.html

@@ -7,8 +7,9 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Is it Week A or B?"
+      content="Is it Week A or B? Plus charity events, house results, (unofficial) news and more!"
     />
+    <meta name="keywords" content="IsItWeekA, KECHB, KECHG, Camp Hill, King Edward VI, King Edward VI Camp Hill, Camp Hill Boys, Camp Hill Girls, King Edward VI Camp Hill School">
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
@@ -29,6 +30,25 @@
     <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
       integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" />-->
 
+    <!-- From metatags.io -->
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://metatags.io/">
+    <meta property="og:title" content="Is it Week A?">
+    <meta property="og:description"
+      content="Is it Week A or B? Plus charity events, house results, (unofficial) news, and more!">
+    <meta property="og:image"
+      content="%PUBLIC_URL%/Logo2x.png">
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://metatags.io/">
+    <meta property="twitter:title" content="Is it Week A?">
+    <meta property="twitter:description"
+      content="Is it Week A or B? Plus charity events, house results, (unofficial) news, and more!">
+    <meta property="twitter:image"
+      content="%PUBLIC_URL%/Logo2x.png">
+
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-X4VMSWGN74"></script>
     <script>
       var GA_PROPERTY = 'G-X4VMSWGN74';