Merge pull request #224 from nekochans/feature/issue223

重複コンテンツ回避の為、SEO対策

src/features/metaTag.ts

@@ -31,6 +31,17 @@ export const customErrorTitle = (language: Language): string => {
   }
 };
 
+const topPageTitle = (language: Language): string => {
+  switch (language) {
+    case 'ja':
+      return `${defaultTitle} 猫好きのためのLGTM画像共有サービス`;
+    case 'en':
+      return `${defaultTitle} | LGTM image share service for cat lovers`;
+    default:
+      return assertNever(language);
+  }
+};
+
 const uploadPageTitle = (language: Language): string => {
   switch (language) {
     case 'ja':
@@ -100,7 +111,7 @@ type MetaTagList = {
 
 export const metaTagList = (language: Language): MetaTagList => ({
   top: {
-    title: `${defaultTitle} | LGTM image share service for cat lovers`,
+    title: topPageTitle(language),
     ogpImgUrl: appUrlList.ogpImg,
     ogpTargetUrl: appUrlList.top,
     appName,

src/layouts/DefaultLayout/DefaultLayout.tsx

@@ -23,6 +23,11 @@ export const DefaultLayout: FC<Props> = ({
       <title>{metaTag.title}</title>
       <meta charSet="utf-8" />
       <meta name="viewport" content="initial-scale=1.0, width=device-width" />
+      {metaTag.description != null ? (
+        <meta name="description" content={metaTag.description} />
+      ) : (
+        ''
+      )}
       <meta property="og:title" content={metaTag.title} />
       <meta property="og:description" content={metaTag.description} />
       <meta property="og:type" content="website" />