Updated homepage opengraph

docs/index-jp.html

@@ -5,17 +5,32 @@
   <title>ウェブデスクトップ | ArozOS</title>
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
-  <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">
+  <meta content="世界最高のWebデスクトップシステムかもしれません" name="description">
   <meta name="author" content="tobychui">
 
+  <!-- Facebook Meta Tags -->
+  <meta property="og:url" content="https://arozos.com/">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="ウェブデスクトップ | ArozOS">
+  <meta property="og:description" content="世界最高のWebデスクトップシステムかもしれません">
+  <meta property="og:image" content="https://arozos.com/img/og.png">
+
+  <!-- Twitter Meta Tags -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta property="twitter:domain" content="arozos.com">
+  <meta property="twitter:url" content="https://arozos.com/">
+  <meta name="twitter:title" content="ウェブデスクトップ | ArozOS">
+  <meta name="twitter:description" content="世界最高のWebデスクトップシステムかもしれません">
+  <meta name="twitter:image" content="https://arozos.com/img/og.png">
+
   <!-- Favicons -->
   <link href="img/favicon.png" rel="icon">
   <link href="img/apple-touch-icon.png" rel="apple-touch-icon">
 
   <!-- Google Fonts -->
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500&display=swap" rel="stylesheet"> 
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500&display=swap" rel="stylesheet"> 
 
   <!-- Bootstrap css -->
   <!-- <link rel="stylesheet" href="css/bootstrap.css"> -->

docs/index-zh.html

@@ -5,9 +5,24 @@
   <title>網頁桌面系統 | ArozOS</title>
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
-  <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">
+  <meta content="可能是世界上最好的網頁桌面系統" name="description">
   <meta name="author" content="tobychui">
 
+  <!-- Facebook Meta Tags -->
+  <meta property="og:url" content="https://arozos.com/">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="網頁桌面系統 | ArozOS">
+  <meta property="og:description" content="可能是世界上最好的網頁桌面系統">
+  <meta property="og:image" content="https://arozos.com/img/og.png">
+
+  <!-- Twitter Meta Tags -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta property="twitter:domain" content="arozos.com">
+  <meta property="twitter:url" content="https://arozos.com/">
+  <meta name="twitter:title" content="網頁桌面系統 | ArozOS">
+  <meta name="twitter:description" content="可能是世界上最好的網頁桌面系統">
+  <meta name="twitter:image" content="https://arozos.com/img/og.png">
+
   <!-- Favicons -->
   <link href="img/favicon.png" rel="icon">
   <link href="img/apple-touch-icon.png" rel="apple-touch-icon">

docs/index-zh_cn.html

@@ -5,9 +5,24 @@
   <title>网页桌面系统 | ArozOS</title>
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
-  <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">
+  <meta content="可能是世界上最好的网页桌面系统" name="description">
   <meta name="author" content="tobychui">
 
+  <!-- Facebook Meta Tags -->
+  <meta property="og:url" content="https://arozos.com/">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="网页桌面系统 | ArozOS">
+  <meta property="og:description" content="可能是世界上最好的网页桌面系统">
+  <meta property="og:image" content="https://arozos.com/img/og.png">
+
+  <!-- Twitter Meta Tags -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta property="twitter:domain" content="arozos.com">
+  <meta property="twitter:url" content="https://arozos.com/">
+  <meta name="twitter:title" content="网页桌面系统 | ArozOS">
+  <meta name="twitter:description" content="可能是世界上最好的网页桌面系统">
+  <meta name="twitter:image" content="https://arozos.com/img/og.png">
+
   <!-- Favicons -->
   <link href="img/favicon.png" rel="icon">
   <link href="img/apple-touch-icon.png" rel="apple-touch-icon">

docs/index.html

@@ -2,12 +2,30 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>Web Desktop OS | ArozOS</title>
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
-  <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">
+  <meta content="Maybe best Web Desktop Online System in the world" name="description">
   <meta name="author" content="tobychui">
 
+  <!-- HTML Meta Tags -->
+  <title>Web Desktop OS | ArozOS</title>
+  <meta name="description" content="Maybe best Web Desktop Online System in the world">
+
+  <!-- Facebook Meta Tags -->
+  <meta property="og:url" content="https://arozos.com/">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="Web Desktop OS | ArozOS">
+  <meta property="og:description" content="Maybe best Web Desktop Online System in the world">
+  <meta property="og:image" content="https://arozos.com/img/og.png">
+
+  <!-- Twitter Meta Tags -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta property="twitter:domain" content="arozos.com">
+  <meta property="twitter:url" content="https://arozos.com/">
+  <meta name="twitter:title" content="Web Desktop OS | ArozOS">
+  <meta name="twitter:description" content="Maybe best Web Desktop Online System in the world">
+  <meta name="twitter:image" content="https://arozos.com/img/og.png">
+
   <!-- Favicons -->
   <link href="img/favicon.png" rel="icon">
   <link href="img/apple-touch-icon.png" rel="apple-touch-icon">
@@ -27,7 +45,7 @@
   <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
   <link href="lib/animate/animate.min.css" rel="stylesheet">
   <link href="lib/modal-video/css/modal-video.min.css" rel="stylesheet">
-
+  
   <!-- Main Stylesheet File -->
   <link href="css/style.css" rel="stylesheet">
   <style>