Merge pull request #16 from mitou/add-meta-tags-to-share-in-sns

Add OGP/Card/Alt meta tags to be better look when shared in SNS

index.html

@@ -8,6 +8,20 @@
 <meta name="keywords" content="一般社団法人未踏,Mitou Foundation,未踏" />
 <title>Mitou Foundation（一般社団法人未踏）</title>
 
+<!-- OGP + JA/EN alternates -->
+<meta property="fb:app_id" content="388619947222885" />
+<meta property="og:title"  content="Mitou Foundation（一般社団法人未踏）" />
+<meta name="twitter:title" content="Mitou Foundation（一般社団法人未踏）" />
+<meta name="twitter:description" content="Mitou Foundation（一般社団法人未踏）は、経済産業省所管の独立行政法人 IPAが2000 年より推進してきた、天才プログラマー /クリエータを育てる未踏事業にて発掘された「未踏人材」を中心に、創造的人材を多角的に支援することを目的に設立された社団法人です。" />
+<meta property="og:description"  content="Mitou Foundation（一般社団法人未踏）は、経済産業省所管の独立行政法人 IPAが2000 年より推進してきた、天才プログラマー /クリエータを育てる未踏事業にて発掘された「未踏人材」を中心に、創造的人材を多角的に支援することを目的に設立された社団法人です。" />
+<meta name="twitter:card"  content="summary" />
+<meta name="twitter:image" content="https://www.mitou.org/assets/images/mitou-foundation_ogp.png" />  
+<meta property="og:image"  content="https://www.mitou.org/assets/images/mitou-foundation_ogp.png" />
+<meta property="og:type"   content="website" />
+<meta property="og:url"    content="https://www.mitou.org/index.html" />
+<link rel="alternate"  hreflang="ja" href="https://www.mitou.org/index.html" />
+<link rel="alternate"  hreflang="en" href="https://www.mitou.org/index_en.html" />
+
 <!-- CSS -->
 <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 <link href="assets/css/simpletextrotator.css" rel="stylesheet">

index_en.html

@@ -7,6 +7,21 @@
 <meta name="author" content="Mitou Foundation">
 <meta name="keywords" content="一般社団法人未踏,Mitou Foundation,未踏" />
 <title>Mitou Foundation</title>
+
+<!-- OGP + JA/EN alternates -->
+<meta property="fb:app_id" content="388619947222885" />
+<meta property="og:title"  content="Mitou Foundation" />
+<meta name="twitter:title" content="Mitou Foundation" />
+<meta name="twitter:description" content="The Mitou Foundation focuses on fostering IT innovation by building a network of creative talents, particularly those who have completed the Mitou Program." />
+<meta property="og:description"  content="The Mitou Foundation focuses on fostering IT innovation by building a network of creative talents, particularly those who have completed the Mitou Program." />
+<meta name="twitter:card"  content="summary" />
+<meta name="twitter:image" content="https://www.mitou.org/assets/images/mitou-foundation_ogp.png" />  
+<meta property="og:image"  content="https://www.mitou.org/assets/images/mitou-foundation_ogp.png" />
+<meta property="og:type"   content="website" />
+<meta property="og:url"    content="https://www.mitou.org/index_en.html" />
+<link rel="alternate"  hreflang="ja" href="https://www.mitou.org/index.html" />
+<link rel="alternate"  hreflang="en" href="https://www.mitou.org/index_en.html" />
+
 <!-- CSS -->
 <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 <link href="assets/css/simpletextrotator.css" rel="stylesheet">