Open Graph 이미지, ALT 텍스트 추가 (#18)

* feat: add open graph image * remove: remove opengraph tsx * feat: add opengraph image and alt text * feat: add og title and image to layout * fix: fix og title typo * refactor: add title text to meta and og
NullFull · Mar 22, 2024 · 2a9bc0c · 2a9bc0c
1 parent 55c2f8e
commit 2a9bc0c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -4,8 +4,10 @@ import "./globals.css";
 
 const inter = Inter({ subsets: ["latin"] });
 
+const title: string = "제22대 국회에 요구한다"
+
 export const metadata: Metadata = {
- title: "제22대 국회에 요구한다",
+ title: title,
  description: "제22대 국회의원 후보자들에게 묻습니다",
 };
 
@@ -16,6 +18,9 @@ export default function RootLayout({
 }>) {
  return (
  <html lang="ko">
+
+ <meta property="og:title" content={title} />
+ <meta property="og:image" content="./opengraph-image.png" />
  <body className={inter.className}>{children}</body>
  </html>
  );

diff --git a/src/app/opengraph-image.alt.txt b/src/app/opengraph-image.alt.txt
@@ -0,0 +1 @@
+우리동네 국회의원들에게 강간죄 개정&여가부 유지할 건지 물어보러 가기
diff --git a/src/app/opengraph-image.png b/src/app/opengraph-image.png