chore: add some seo options and params

content/config.json

@@ -37,7 +37,7 @@
   ],
   "author": {
     "name": "Rick van Lieshout",
-    "photo": "/me.png",
+    "photo": "/content/me.png",
     "bio": "I'm a passionate software architect that bifurcates his love between great software development and leading others to learn and adopt new things.",
     "contacts": {
       "email": "info@rickvanlieshout.com",

content/posts/2023/starting-a-new-hobby-that-might-just-take-over-my-house/index.md

@@ -7,6 +7,7 @@ tags:
   - "Lego"
   - "house"
 description: "What started as a simple decoration piece to fill some empty space in my home quickly grew into a new hobby of which the remnants can be found throughout my house"
+socialImage: /media/building-the-owl.jpg
 ---
 
 ## The problem

internal/testing/__mocks__/author.ts

@@ -1,7 +1,7 @@
 import contacts from "./contacts";
 
 export default {
-  photo: "/me.png",
+  photo: "/content/me.png",
   bio: "",
   name: "Rick van Lieshout",
   contacts,

src/components/Layout/Layout.tsx

@@ -10,9 +10,16 @@ interface Props {
   description?: string;
   socialImage?: string;
   children: React.ReactNode;
+  noIndex?: boolean;
 }
 
-const Layout: React.FC<Props> = ({ children, title, description, socialImage = "" }: Props) => {
+const Layout: React.FC<Props> = ({
+  children,
+  title,
+  description,
+  socialImage = "",
+  noIndex = false,
+}: Props) => {
   const { author, url } = useSiteMetadata();
   const metaImage = socialImage || author.photo;
   const metaImageUrl = url + metaImage;
@@ -29,6 +36,7 @@ const Layout: React.FC<Props> = ({ children, title, description, socialImage = "
         <meta name="twitter:title" content={title} />
         <meta name="twitter:description" content={description} />
         <meta name="twitter:image" content={metaImageUrl} />
+        {noIndex && <meta name="robots" content="noindex" />}
       </Helmet>
       {children}
       <CookieBar />

src/templates/TagTemplate/TagTemplate.tsx

@@ -28,7 +28,7 @@ const TagTemplate: React.FC<Props> = ({ data, pageContext }: Props) => {
     currentPage > 0 ? `${group} - Page ${currentPage} - ${siteTitle}` : `${group} - ${siteTitle}`;
 
   return (
-    <Layout title={pageTitle} description={siteSubtitle}>
+    <Layout title={pageTitle} description={siteSubtitle} noIndex>
       <Sidebar />
       <Page title={group}>
         <Feed edges={edges} />