Add OG and Twitter meta tags

Grapycal · Mar 13, 2024 · 5f3552c · 5f3552c
1 parent 6763f43
commit 5f3552c
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -7,11 +7,26 @@
     <title>Grapycal - A Visual Programming Language Based on Python</title>
     <meta name="description" content="Grapycal is helpful for conducting experiments, including training AI, physical simulations, data analysis, computer art, and more. In the back-and-forth process between humans and machines, we need the higher interactivity provided by Grapycal to make the most of our creativity.">
 
+    <!-- Facebook Meta Tags -->
+    <meta property="og:url" content="https://www.grapycal.org">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="Grapycal - A Visual Programming Language Based on Python">
+    <meta property="og:description" content="Grapycal is helpful for conducting experiments, including training AI, physical simulations, data analysis, computer art, and more. In the back-and-forth process between humans and machines, we need the higher interactivity provided by Grapycal to make the most of our creativity.">
+    <meta property="og:image" content="https://i.imgur.com/lTle1Kb.png"> <!-- Add your image URL here -->
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="twitter:domain" content="grapycal.org">
+    <meta property="twitter:url" content="https://www.grapycal.org">
+    <meta name="twitter:title" content="Grapycal - A Visual Programming Language Based on Python">
+    <meta name="twitter:description" content="Grapycal is helpful for conducting experiments, including training AI, physical simulations, data analysis, computer art, and more. In the back-and-forth process between humans and machines, we need the higher interactivity provided by Grapycal to make the most of our creativity.">
+    <meta name="twitter:image" content="https://i.imgur.com/lTle1Kb.png"> <!-- Add your image URL here -->
+
   </head>
   <body style="padding: 1;">
     <div style="display:flex; width: 100%;">
       <div id="app"></div>
     </div>
     <script type="module" src="/src/main.ts"></script>
   </body>
-</html>
+</html>