feat(seo): add meta tags on tag page

mateusfg7 · Dec 16, 2022 · c49d8d3 · c49d8d3
1 parent 8602bf9
commit c49d8d3
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/pages/tag/[tag].tsx b/src/pages/tag/[tag].tsx
@@ -23,10 +23,21 @@ const Tag: React.FC<Props> = ({ tag, postList }) => {
   return (
     <div>
       <Head>
-        <title>{tag} | mfg-b</title>
+        <meta name="description" content={`Posts with tag ${tag}`} />
+        <meta name="title" content={`mfg-b | ${tag}`} />
+
+        <meta property="og:title" content={`mfg-b | ${tag}`} />
+        <meta property="og:description" content={`Posts with tag ${tag}`} />
+
+        <meta property="twitter:title" content={`mfg-b | ${tag}`} />
+        <meta
+          property="twitter:description"
+          content={`Posts with tag ${tag}`}
+        />
+        <title>mfg-b | {tag}</title>
       </Head>
       <Container>
-        <Header title={tag} />
+        <Header title={tag} isMainTitle />
         <main>
           <KnowledgeList posts={postList} />
         </main>