fix: use full url for og:image (#401)

* fix: use full url for og:image

* fix: add twitter card tags

* fix: update og:image to use full URL

* fix: add twitter card tags again

* fix: remove twitter creator meta tag

public/index.html

@@ -8,11 +8,12 @@
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
     <meta name="theme-color" content="#000000" />
+    <!-- General tags -->
     <meta
       name="description"
       content="Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them."
     />
-    <meta name="image" content="%PUBLIC_URL%/og-image.png" />
+    <meta name="image" content="https://www.excalidraw.com/og-image.png" />
 
     <!-- OpenGraph tags -->
     <meta property="og:url" content="https://www.excalidraw.com/" />
@@ -26,11 +27,23 @@
     <meta
       property="og:image"
       name="twitter:image"
-      content="%PUBLIC_URL%/og-image.png"
+      content="https://www.excalidraw.com/og-image.pngg"
     />
     <meta property="og:image:width" content="1280" />
     <meta property="og:image:height" content="669" />
 
+    <!-- Twitter Card tags -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="Excalidraw" />
+    <meta
+      name="twitter:description"
+      content="Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them."
+    />
+    <meta
+      name="twitter:image"
+      content="https://www.excalidraw.com/og-image.png"
+    />
+
     <link rel="icon" href="%PUBLIC_URL%/logo.png" />
     <link
       rel="preload"