diff --git a/img/ogimg.png b/img/ogimg.png
new file mode 100644
index 0000000..3cf3963
Binary files /dev/null and b/img/ogimg.png differ
diff --git a/index.html b/index.html
index 4e9da06..56e1fb4 100644
--- a/index.html
+++ b/index.html
@@ -6,10 +6,15 @@
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
   <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"></script>
-
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/> 
   <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
   <link rel="stylesheet" href="css/style.css">
+  <meta property="og:title" content="감각있는 디자이너를 원하신다면?" />
+  <meta property="og:description" content="현업에서 뛰고있는 디자이너 YOOMIN SON" />
+  <meta property="og:url" content="https://fdgh134.github.io/yoom/" />
+  <meta property="og:type" content='website' />
+  <meta property="og:site_name" content="Portfolio" />
+  <meta property="og:image" content="img/ogimg.png" />
   <script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
   <title>Yoom's portfolio</title>
 </head>