feat: add social media meta tags and SEO optimization

chan9yu · claude · chan9yu · commit af591c17c517 · 2025-11-19T19:16:26.000+09:00
- Add meta description for better SEO - Add Open Graph meta tags for Facebook/LinkedIn sharing - Add Twitter Card meta tags for Twitter sharing - Set thumbnail.png as the main preview image - Configure proper URLs for GitHub Pages deployment 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/index.html b/index.html
@@ -4,7 +4,31 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>React 코어 딥다이브</title>
+		<meta
+			name="description"
+			content="React의 내부 동작 원리를 깊이 있게 분석합니다. JSX, Virtual DOM, Reconciliation, Fiber Architecture까지."
+		/>
 		<link rel="icon" type="image/png" href="/favicon/image.png" />
+
+		<!-- Open Graph / Facebook -->
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://chan9yu.github.io/react-core-deepdive/" />
+		<meta property="og:title" content="React 코어 딥다이브" />
+		<meta
+			property="og:description"
+			content="React의 내부 동작 원리를 깊이 있게 분석합니다. JSX, Virtual DOM, Reconciliation, Fiber Architecture까지."
+		/>
+		<meta property="og:image" content="https://chan9yu.github.io/react-core-deepdive/images/thumbnail.png" />
+
+		<!-- Twitter -->
+		<meta property="twitter:card" content="summary_large_image" />
+		<meta property="twitter:url" content="https://chan9yu.github.io/react-core-deepdive/" />
+		<meta property="twitter:title" content="React 코어 딥다이브" />
+		<meta
+			property="twitter:description"
+			content="React의 내부 동작 원리를 깊이 있게 분석합니다. JSX, Virtual DOM, Reconciliation, Fiber Architecture까지."
+		/>
+		<meta property="twitter:image" content="https://chan9yu.github.io/react-core-deepdive/images/thumbnail.png" />
 	</head>
 
 	<body>
