Update settings to be more flexible teaser site

Author: yasulab

images/coderdojo.png

@@ -7,18 +7,20 @@
     <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
 
     <!-- Settings for social web services (as minimum as possible) -->
-    <title>DojoCon Japan - 年１回の CoderDojo カンファレンス</title>
-    <meta name="description"   content="DojoCon Japan とは、日本の CoderDojo コミュニティメンバーが全国から集まる年に１度のカンファレンスです。">
+    <title>CoderDojo Teaser - CoderDojo コミュニティのためのカンファレンス用ティザーサイト（簡易告知サイト）</title>
+    <meta name="description"   content="CoderDojo Teaser - DojoCon Japan や DecaDojo などの、カンファレンス用ティザーサイト（簡易告知サイト）のテンプレートです。">
     <meta property="og:type"   content="website" />
     <meta property="og:image"  content="https://teaser-template.coderdojo.jp/images/cover.jpg">
-    <meta name="twitter:card"  content="summary_large_image" />
+    <meta name="twitter:card"  content="summary" />
 
-    <!-- Settings for web browsers (as minimum as possible) -->
-    <link rel='canonical'        href='https://teaser-template.coderdojo.jp/' />
-    <link rel='shortlink'        href='https://teaser-template.coderdojo.jp/' />
+    <!-- Settings for web browsers and mobiles like icons -->
+    <link rel="canonical" href="https://teaser-template.coderdojo.jp/" />
+    <link rel="shortlink" href="https://teaser-template.coderdojo.jp/" />
+    <link rel="icon" href="/images/coderdojo.svg"  sizes="any" type="image/svg+xml">
+    <link rel="icon" href="/images/coderdojo.webp" sizes="512" type="image/webp">
+    <link rel="icon"             href="/favicon.ico">
     <link rel="manifest"         href="/site.webmanifest">
-    <link rel="icon"             href="/favicon.ico">         <!-- 32×3   -->
-    <link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- 180×180 -->
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <!-- 180x180px -->
 
     <style type="text/css">
       @import"https://fonts.googleapis.com/css2?family=Space+Mono&display=swap";