fix(seo): trying to improve image on SEO

ggdaltoso · Oct 8, 2021 · e92171d · e92171d
1 parent 9e0f16a
commit e92171d
Showing 1 changed file with 36 additions and 0 deletions.
diff --git a/gatsby-ssr.js b/gatsby-ssr.js
@@ -0,0 +1,36 @@
+const { Helmet } = require('react-helmet');
+
+exports.onRenderBody = ({
+  setHeadComponents,
+  setHtmlAttributes,
+  setBodyAttributes,
+}) => {
+  const helmet = Helmet.renderStatic();
+
+  setHtmlAttributes(helmet.htmlAttributes.toComponent());
+  setBodyAttributes(helmet.bodyAttributes.toComponent());
+
+  setHeadComponents([
+    helmet.title.toComponent(),
+    helmet.link.toComponent(),
+    helmet.meta.toComponent(),
+    helmet.noscript.toComponent(),
+    helmet.script.toComponent(),
+    helmet.style.toComponent(),
+  ]);
+};
+
+exports.onPreRenderHTML = ({ getHeadComponents, replaceHeadComponents }) => {
+  const headComponents = getHeadComponents();
+
+  headComponents.sort((x, y) => {
+    if (x.props && x.props['data-react-helmet']) {
+      return -1;
+    } else if (y.props && y.props['data-react-helmet']) {
+      return 1;
+    }
+    return 0;
+  });
+
+  replaceHeadComponents(headComponents);
+};