feat: enhance SEO and localization support with meta tags and structured data

This commit is contained in:
2026-08-13 23:03:07 +08:00
parent b6a8b86a72
commit d892c9751b
8 changed files with 140 additions and 8 deletions
+38 -3
View File
@@ -6,11 +6,46 @@
<link rel="apple-touch-icon" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="color-scheme" content="light dark" />
<title>Haoze Zhou</title>
<meta name="description" content="Haoze Zhou — CS undergraduate at Universiti Malaya. Projects and self-hosted infrastructure." />
<meta name="theme-color" content="#f4f1eb" />
<title>Haoze Zhou | Computer Science Student &amp; Developer</title>
<meta name="description" content="Haoze Zhou is a Computer Science undergraduate at Universiti Malaya building software, self-hosted infrastructure, and open-source projects." />
<meta name="author" content="Haoze Zhou" />
<meta name="robots" content="index, follow, max-image-preview:large" />
<link rel="canonical" href="https://www.zhouhaoze.com/" />
<link rel="alternate" hreflang="en" href="https://www.zhouhaoze.com/" />
<link rel="alternate" hreflang="zh-CN" href="https://www.zhouhaoze.cn/" />
<link rel="alternate" hreflang="x-default" href="https://www.zhouhaoze.com/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Haoze Zhou" />
<meta property="og:title" content="Haoze Zhou | Computer Science Student &amp; Developer" />
<meta property="og:description" content="Software projects and self-hosted infrastructure by Haoze Zhou." />
<meta property="og:url" content="https://www.zhouhaoze.com/" />
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="zh_CN" />
<meta property="og:image" content="https://www.zhouhaoze.com/favicon.png" />
<meta property="og:image:alt" content="Haoze Zhou personal website" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Haoze Zhou | Computer Science Student &amp; Developer" />
<meta name="twitter:description" content="Software projects and self-hosted infrastructure by Haoze Zhou." />
<meta name="twitter:image" content="https://www.zhouhaoze.com/favicon.png" />
</head>
<body>
<div id="app"></div>
<div id="app">
<noscript>
<main>
<h1>Haoze Zhou</h1>
<p>Computer Science undergraduate at Universiti Malaya building software, open-source projects, and self-hosted infrastructure.</p>
<nav aria-label="Primary navigation">
<a href="#about">About</a>
<a href="#projects">Projects</a>
<a href="#contact">Contact</a>
</nav>
<section id="about"><h2>About</h2><p>I study Computer Science at Universiti Malaya and learn by building practical systems.</p></section>
<section id="projects"><h2>Projects</h2><p>Explore my open-source work, including AuthRouter, a unified identity-provider login gateway.</p></section>
<section id="contact"><h2>Contact</h2><p><a href="mailto:me@zhouhaoze.com">Email Haoze Zhou</a> · <a href="https://github.com/YIYI-16">GitHub</a></p></section>
</main>
</noscript>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>