feat: configure ogp

taga3s · Sep 8, 2024 · 9a14b7c · 9a14b7c
1 parent 15b6699
commit 9a14b7c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/app/routes/_renderer.tsx b/app/routes/_renderer.tsx
@@ -23,8 +23,9 @@ const bodyLayout = css`
 const HeaderMemorized = memo(() => <Header />);
 const FooterMemorized = memo(() => <Footer />);
 
-export default jsxRenderer(({ children, title }) => {
+export default jsxRenderer(({ children, title, description }) => {
   const _title = title ?? "taga3s-dev";
+  const _description = description ?? "taga3sのWebページです。主に趣味や技術系の発信をしています。";
 
   return (
     <html lang="ja" class={htmlLayout}>
@@ -48,6 +49,19 @@ export default jsxRenderer(({ children, title }) => {
 
         <Script src="/app/client.ts" async />
 
+        <meta property="og:url" content="https://taga3s.dev" />
+        <meta property="og:type" content="website" />
+        <meta property="og:title" content={_title} />
+        <meta property="og:description" content={_description} />
+        <meta property="og:site_name" content="taga3s-dev" />
+        <meta property="og:image" content="/static/images/og-image.png" />
+
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta name="twitter:site" content={_title} />
+        <meta name="twitter:image" content="/static/images/og-image.png" />
+        <meta name="twitter:description" content={_description} />
+
+        <meta name="description" content={_description} />
         <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=yes" />
         <title>{_title}</title>
       </head>

diff --git a/public/static/images/og-image.png b/public/static/images/og-image.png