Update SEO (#13)

* Update seo * Lock copy-webpack-plugin version * Fix misnamed files * update lockfile
MyCryptoHQ · May 31, 2018 · 10e9a2a · 10e9a2a
1 parent 6172ebc
commit 10e9a2a
Show file tree

Hide file tree

Showing 5 changed files with 72 additions and 27 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -39,6 +39,7 @@
     "babel-loader": "7.1.4",
     "chalk": "2.3.2",
     "clean-webpack-plugin": "0.1.19",
+    "copy-webpack-plugin": "4.5.1",
     "css-loader": "0.28.11",
     "express": "4.16.3",
     "extract-text-webpack-plugin": "4.0.0-beta.0",

diff --git a/public/index.html b/public/index.html
@@ -2,8 +2,8 @@
 <html lang="en">
 
 <head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>MoneroVision</title>
     <meta property="og:title" content="MoneroVision">
     <meta property="og:site_name" content="MoneroVision">
@@ -13,7 +13,7 @@
     <meta name="google-site-verification" content="4qrppkWyUkudLCwY3E-L8-VvSLwbW9oK_84XUhX80a8" />
 
     <meta name="description" content="MoneroVision is an open-source Monero block explorer that is offered as a part of the MyCrypto network.">
-    <meta property="og:description"  content="MoneroVision is an open-source Monero block explorer that is offered as a part of the MyCrypto network.">
+    <meta property="og:description" content="MoneroVision is an open-source Monero block explorer that is offered as a part of the MyCrypto network.">
     <meta name="twitter:description" content="MoneroVision is an open-source Monero block explorer that is offered as a part of the MyCrypto network.">
 
     <meta name="robots" content="index, follow">
@@ -27,25 +27,23 @@
     <meta name="twitter:site" content="@MoneroVision">
     <meta name="twitter:creator" content="@MoneroVision">
 
-    <meta property="og:image" content="<%= htmlWebpackPlugin.options.imgOG01 %>">
-    <meta property="og:image" content="<%= htmlWebpackPlugin.options.imgOG02 %>">
-    <meta property="og:image" content="<%= htmlWebpackPlugin.options.imgOG03 %>">
-    <meta property="og:image" content="<%= htmlWebpackPlugin.options.imgOG04 %>">
-    <meta name="twitter:image" content="<%= htmlWebpackPlugin.options.imgOG02 %>">
+    <meta property="og:image" content="./og-01.png">
+    <meta property="og:image" content="./og-02.png">
+    <meta property="og:image" content="./og-03.png">
+    <meta property="og:image" content="./og-04.png">
+    <meta name="twitter:image" content="./og-02.png">
+
+    <link rel="mask-icon" content="./safari-pinned-tab.svg" color="#f3a35a">
 
-    <link rel="apple-touch-icon" sizes="180x180" content="<%= htmlWebpackPlugin.options.appleTouchIcon %>">
-    <link rel="icon" type="image/png" sizes="32x32" content="<%= htmlWebpackPlugin.options.favicon3232 %>">
-    <link rel="icon" type="image/png" sizes="16x16" content="<%= htmlWebpackPlugin.options.favicon1616 %>">
-    <link rel="mask-icon" content="<%= htmlWebpackPlugin.options.safariPinnedTab %>" color="#f3a35a">
     <meta name="msapplication-TileColor" content="#f3a35a">
     <meta name="theme-color" content="#fbc14e">
 </head>
 
 <body>
-	<noscript>
-		You need to enable JavaScript to run this app.
-	</noscript>
-	<div id="root"></div>
+    <noscript>
+        You need to enable JavaScript to run this app.
+    </noscript>
+    <div id="root"></div>
 </body>
 
 </html>
diff --git a/webpack_config/webpack.common.js b/webpack_config/webpack.common.js
@@ -55,16 +55,7 @@ const config = {
   },
   plugins: [
     new HtmlWebpackPlugin({
-      template: 'public/index.html',
-      imgOG01: path.join(paths.assets, 'assets/imgs/og-01.png'),
-      imgOG02: path.join(paths.assets, 'assets/imgs/og-02.png'),
-      imgOG03: path.join(paths.assets, 'assets/imgs/og-03.png'),
-      imgOG04: path.join(paths.assets, 'assets/imgs/og-04.png'),
-
-      appleTouchIcon: path.join(paths.assets, 'assets/imgs/favicon/apple-touch-icon.png'),
-      safariPinnedTab: path.join(paths.assets, 'assets/imgs/favicon/safari-pinned-tab.svg'),
-      favicon3232: path.join(paths.assets, 'assets/imgs/favicon/favicon-32x32.png'),
-      favicon1616: path.join(paths.assets, 'assets/imgs/favicon/favicon-16x16.png')
+      template: 'public/index.html'
     }),
     new CleanWebpackPlugin(),
     new ExtractTextPlugin({

diff --git a/webpack_config/webpack.prod.js b/webpack_config/webpack.prod.js
@@ -1,6 +1,7 @@
 const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
 const common = require('./webpack.common.js');
 const merge = require('webpack-merge');
 const webpack = require('webpack');
@@ -38,7 +39,29 @@ const config = merge(common, {
     new webpack.DefinePlugin({
       'process.env.NODE_ENV': 'production'
     }),
-    new FaviconsWebpackPlugin(path.join(__dirname, '../src/assets/imgs/favicon.png'))
+    new FaviconsWebpackPlugin(path.join(__dirname, '../src/assets/imgs/favicon.png')),
+    new CopyWebpackPlugin([
+      {
+        from: path.join(__dirname, '../src/assets/imgs/og-01.png'),
+        to: path.join(__dirname, '../dist')
+      },
+      {
+        from: path.join(__dirname, '../src/assets/imgs/og-02.png'),
+        to: path.join(__dirname, '../dist')
+      },
+      {
+        from: path.join(__dirname, '../src/assets/imgs/og-03.png'),
+        to: path.join(__dirname, '../dist')
+      },
+      {
+        from: path.join(__dirname, '../src/assets/imgs/og-04.png'),
+        to: path.join(__dirname, '../dist')
+      },
+      {
+        from: path.join(__dirname, '../src/assets/imgs/favicon/safari-pinned-tab.svg'),
+        to: path.join(__dirname, '../dist')
+      }
+    ])
   ]
 });