diff --git a/index.html b/index.html
index 51fe3220..06dab976 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,11 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <meta name="description"
     content="マイクロソフトが執筆した「初心者のためのWeb開発」(原題：Web Development for Beginners)をGitHubからフォークし、日本語翻訳版が読みやすくなるようページを構成した。">
+  <meta name="twitter:card" content="summary_large_image">
+  <meta property="og:url" content="https://wdfb.netlify.app/">
+  <meta property="og:title" content="初心者のための Web 開発">
+  <meta property="og:description" content="Web Development for Beginners">
+  <meta property="og:image" content="https://wdfb.netlify.app/screenshot.png">
   <meta name="viewport"
     content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
   <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css">