Add more open graph and twitter metadata tags to docs

Author: kMutagene

docs/_template.html

@@ -6,16 +6,28 @@
     <title>{{fsdocs-page-title}}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="author" content="{{fsdocs-authors}}">
+    <meta name="description" content="Plotly.NET is an Interactive charting library for .NET programming languages. This page contains the documentation for: {{fsdocs-page-title}}">
 
-    <!--Opengraph properties (https://ogp.me/)-->
-    <meta property="og:title" content="{{fsdocs-page-title}}" />
+    <!-- Opengraph properties (https://ogp.me/) -->
+    <meta property="og:title" content="Plotly.NET documentation for: {{fsdocs-page-title}}" />
+    <meta property="og:url" content="{{root}}{{fsdocs-source-basename}}.html">
     <meta property="og:type" content="website" />
     <meta property="og:site_name" content="Plotly.NET" />
+    <meta property="og:description" content="Plotly.NET is an Interactive charting library for .NET programming languages. This page contains the documentation for: {{fsdocs-page-title}}">
+    <meta property="og:image" content="{{fsdocs-logo-link}}">
+
+    <!-- Twitter cards -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="twitter:domain" content="{{root}}{{fsdocs-source-basename}}.html">
+    <meta property="twitter:url" content="https://plotly.net">
+    <meta name="twitter:title" content="Plotly.NET documentation for: {{fsdocs-page-title}}">
+    <meta name="twitter:description" content="Plotly.NET is an Interactive charting library for .NET programming languages. This page contains the documentation for: {{fsdocs-page-title}}">
+    <meta name="twitter:image" content="{{fsdocs-logo-link}}">
 
     <link rel="shortcut icon" type="image/x-icon" href="{{root}}/img/favicon.ico">
     <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
     <script src="https://cdn.plot.ly/plotly-2.18.1.min.js"></script>
-    <script> MathJax = { tex: { inlineMath: [['$', '$'], ['\\(', '\\)']] } }; </script>
+    <script>MathJax = { tex: { inlineMath: [['$', '$'], ['\\(', '\\)']] } };</script>
     <script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.0/es5/tex-svg.js"></script>
 
     <link type="text/css" rel="stylesheet" href="{{root}}content/fsdocs-default.css" />