feat(misc) Add OG and Twitter metadata

Author: EugeneHlushko

template.ejs

@@ -6,8 +6,19 @@
     <meta name="description" content="<%= htmlWebpackPlugin.options.context.description %>">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="theme-color" content="#2B3A42">
-    <link rel="shortcut icon" href="/assets/favicon.ico">
 
+    <meta property="og:site_name" content="Webpack" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="<%= htmlWebpackPlugin.options.context.title %>" />
+    <meta property="og:description" name="description" content="<%= htmlWebpackPlugin.options.context.description %>" />
+    <meta property="og:image" content="/assets/logo-on-white-bg.svg"/>
+
+    <meta property="twitter:card" content="summary">
+    <meta property="twitter:site" content="@webpack">
+    <meta property="twitter:creator" content="@webpack">
+    <meta property="twitter:domain" content="https://webpack.js.org/">
+
+    <link rel="shortcut icon" href="/assets/favicon.ico">
     <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,600|Source+Sans+Pro:400,400i,500,600" rel="stylesheet">
 
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />