From e92171d81d5d84eac9f9a3b02a963d092c3f5600 Mon Sep 17 00:00:00 2001 From: ggdaltoso Date: Fri, 8 Oct 2021 14:15:46 -0300 Subject: [PATCH] fix(seo): trying to improve image on SEO --- gatsby-ssr.js | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 gatsby-ssr.js diff --git a/gatsby-ssr.js b/gatsby-ssr.js new file mode 100644 index 00000000..8e2a0654 --- /dev/null +++ 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); +};