feat(seo): expand meta tags + PWA manifest for GitHub Pages

- app.html: add format-detection=telephone=no so mobile browsers
  stop auto-linking 2-digit bingo numbers as tel: links.
- app.html: rewrite description to mention Bingo 90, Vietnamese
  voice, offline play; add application-name + apple-mobile-web-app-title.
- app.html: add Open Graph (og:type, locale, site_name, title,
  description, url, image) + Twitter summary card. URLs hardcoded
  to https://tiennm99.github.io/loto/ to match the GH Pages target.
- app.html: add explicit <link rel="icon"> alongside apple-touch-icon.
- manifest.webmanifest: add stable id "/loto/", expanded description,
  and categories ["games", "entertainment"].
This commit is contained in:
2026-05-10 00:37:10 +07:00
parent f078fb0943
commit dfb1c1e31e
2 changed files with 29 additions and 3 deletions
+26 -2
View File
@@ -3,14 +3,38 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="format-detection" content="telephone=no" />
<title>Lô tô — Hội chợ TN1</title>
<meta name="description" content="Bàn số của trò chơi Lô tô — Hội chợ TN1" />
<meta
name="description"
content="Ứng dụng Lô tô (Bingo 90) cho hội chợ TN1 — bàn số người chơi, bộ quay người dẫn, gọi số bằng giọng nói tiếng Việt, chơi offline."
/>
<meta name="application-name" content="Lô tô — Hội chợ TN1" />
<link rel="manifest" href="%sveltekit.assets%/manifest.webmanifest" />
<link rel="icon" type="image/png" href="%sveltekit.assets%/icons/icon-192.png" />
<link rel="apple-touch-icon" href="%sveltekit.assets%/icons/icon-192.png" />
<meta name="theme-color" content="#1565c0" media="(prefers-color-scheme: light)" />
<meta name="theme-color" content="#0a0f1f" media="(prefers-color-scheme: dark)" />
<link rel="apple-touch-icon" href="%sveltekit.assets%/icons/icon-192.png" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="Lô tô" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="vi_VN" />
<meta property="og:site_name" content="Lô tô — Hội chợ TN1" />
<meta property="og:title" content="Lô tô — Hội chợ TN1" />
<meta
property="og:description"
content="Ứng dụng Lô tô (Bingo 90) cho hội chợ TN1 — gọi số tiếng Việt, chơi offline, cài đặt như app điện thoại."
/>
<meta property="og:url" content="https://tiennm99.github.io/loto/" />
<meta property="og:image" content="https://tiennm99.github.io/loto/icons/icon-512.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Lô tô — Hội chợ TN1" />
<meta
name="twitter:description"
content="Ứng dụng Lô tô (Bingo 90) cho hội chợ TN1 — gọi số tiếng Việt, chơi offline."
/>
<meta name="twitter:image" content="https://tiennm99.github.io/loto/icons/icon-512.png" />
%sveltekit.head%
</head>
<body class="min-h-full flex flex-col">
+3 -1
View File
@@ -1,7 +1,9 @@
{
"id": "/loto/",
"name": "Lô tô — Hội chợ TN1",
"short_name": "Lô tô",
"description": "Bàn số của trò chơi Lô tô",
"description": "Ứng dụng Lô tô (Bingo 90) cho hội chợ TN1 — bàn số người chơi, bộ quay người dẫn, gọi số tiếng Việt, chơi offline.",
"categories": ["games", "entertainment"],
"start_url": ".",
"scope": ".",
"display": "standalone",