added google search metadata tags

damianperera · damianperera · commit 205a9cd15026 · 2024-03-21T09:21:01.000+01:00
diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -1,11 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
+    <!--
+      Basic Web Browser Tags
+    -->
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>MVG Departures</title>
+    <meta name="description" content="Track nearby public transport departures from the comfort of your home in Munich, Germany"/>
 
-    <!-- Favicons -->
+    <!--
+      Favicons
+    -->
     <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png">
@@ -42,10 +48,9 @@
     <meta name="google" content="nositelinkssearchbox">
     <meta name="google" content="nopagereadaloud">
     <meta name="googlebot" content="notranslate">
-    <meta
-      name="description"
-      content="Track nearby public transport departures from the comfort of your home in Munich, Germany"
-    />
+    <meta itemprop="name" content="MVG Departures">
+    <meta itemprop="description" content="Track nearby public transport departures from the comfort of your home in Munich, Germany">
+    <meta itemprop="image" content="%PUBLIC_URL%/banner.jpg">
 
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
@@ -70,7 +75,9 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
-    <!-- Google tag (gtag.js) -->
+    <!--
+      Google Tag (gtag.js)
+    -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-XEN77GP035"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
