Improve SEO

2022-01-10 18:51:34 +09:00
parent fb3937b657
commit 6924c88bf2
16 changed files with 214 additions and 6 deletions
@@ -0,0 +1,26 @@
+import NextHead from 'next/head'
+
+interface HeadProps {
+  title: string
+  description?: string
+}
+
+const Head = ({ title, description }: HeadProps) => {
+  return (
+    <NextHead>
+      <title>{title}</title>
+      <meta
+        name='description'
+        content={
+          description != null
+            ? description
+            : 'Unofficial Honkai3rd/Genshin Wiki'
+        }
+      />
+      <meta property='og:title' content={title} key='title' />
+      <meta property='og:description' content={description} key='description' />
+    </NextHead>
+  )
+}
+
+export default Head
@@ -9,6 +9,7 @@ import Honkai3rdNavigator from '../../components/organisms/Honkai3rdNavigator'
 import SecondaryLabel from '../atoms/SecondaryLabel'
 import { useRouter } from 'next/router'
 import { translate, useTranslation } from '../../lib/i18n'
+import Head from '../atoms/Head'

 export interface SingleStigmataPageProps {
  type: 'single'
@@ -41,6 +42,17 @@ const SingleStigmataPage = ({

  return (
    <Box>
+      <Head
+        title={`${t('breadcrumb.honkai-3rd')}: ${stigmataName} - Abyss Lab`}
+        description={`${t('breadcrumb.honkai-3rd')} ${t(
+          'stigmata-show.stigmata'
+        )} /
+        ${'⭐'.repeat(stigmataData.rarity)} / ${t(
+          `stigmata-show.${stigmataData.type}`
+        )} / HP : ${stigmataData.hp} / ATK : ${stigmataData.atk} / DEF : ${
+          stigmataData.def
+        } / CRT : ${stigmataData.crt}`}
+      />
      <Honkai3rdNavigator />
      <Box p={3}>
        <Breadcrumb
@@ -9,6 +9,7 @@ import { StigmataData, StigmataSet } from '../../lib/honkai3rd/stigmata'
 import SecondaryLabel from '../atoms/SecondaryLabel'
 import { translate, useTranslation } from '../../lib/i18n'
 import { useRouter } from 'next/router'
+import Head from '../atoms/Head'

 export interface StigmataSetProps {
  type: 'set'
@@ -36,6 +37,14 @@ const StigmataSetPage = ({

  return (
    <Box>
+      <Head
+        title={`${t('breadcrumb.honkai-3rd')}: ${stigmataSetName} ${t(
+          'stigmata-show.stigmata-set'
+        )} - Abyss Lab`}
+        description={`${t('breadcrumb.honkai-3rd')} ${t(
+          'stigmata-show.stigmata-set'
+        )} / ${'⭐'.repeat(stigmataSet.rarity)} / ${stigmataSetAltName}`}
+      />
      <Honkai3rdNavigator />

      <Box p={3}>