damianperera
diff --git a/‎frontend/public/banner.jpg
91.1 KB b/‎frontend/public/banner.jpg
91.1 KB
diff --git a/‎frontend/public/index.html
+32-9 b/‎frontend/public/index.html
+32-9
diff --git a/‎frontend/public/manifest.json
-25 b/‎frontend/public/manifest.json
-25
@@ -3,6 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>MVG Departures</title>
 
     <!-- Favicons -->
     <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png">
@@ -13,16 +14,39 @@
     <meta name="msapplication-TileColor" content="#4563a3">
     <meta name="theme-color" content="#4563a3">
 
+    <!--
+      OpenGraph Tags (https://ogp.me/)
+    -->
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="MVG Departures" />
+    <meta property="og:title" content="MVG Departures" />
+    <meta property="og:description" content="Track nearby public transport departures from the comfort of your home in Munich, Germany" />
+    <meta property="og:url" content="%PUBLIC_URL%" />
+    <meta property="og:image" content="%PUBLIC_URL%/banner.jpg" />
+    <meta property="og:image:width" content="1280" />
+    <meta property="og:image:height" content="640" />
+
+    <!--
+      Twitter Tags (https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary)
+    -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:description" content="Track nearby public transport departures from the comfort of your home in Munich, Germany" />
+    <meta name="twitter:title" content="MVG Departures" />
+    <meta name="twitter:image" content="%PUBLIC_URL%/banner.jpg" />
+    <meta name="twitter:creator" content="@DamianPerera">
+
+    <!--
+      Google Tags
+    -->
+    <meta name="google" content="nositelinkssearchbox">
+    <meta name="google" content="nopagereadaloud">
+    <meta name="googlebot" content="notranslate">
     <meta
       name="description"
-      content="Track MVG Departures from a Station"
+      content="Track nearby public transport departures from the comfort of your home in Munich, Germany"
     />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -32,10 +56,9 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>MVG Departures</title>
   </head>
   <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <noscript>You need to enable JavaScript to view MVG departures in München, Deutschland.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.