feat: Enhance HTML metadata and structured data across multiple pages for improved SEO and social sharing

This commit is contained in:
zhangyuheng
2026-03-06 00:09:39 +08:00
parent da06eca9d4
commit 77ed8163b9
9 changed files with 326 additions and 10 deletions

View File

@@ -3,12 +3,50 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>地图 - 白鹿原 Minecraft 服务器</title>
<meta name="description" content="白鹿原服务器在线地图">
<title>在线地图 - 白鹿原 Minecraft 服务器</title>
<meta name="description" content="白鹿原Minecraft服务器在线实时地图3D查看服务器世界全貌探索玩家建筑和地形。">
<meta name="keywords" content="Minecraft在线地图,MC服务器地图,白鹿原地图,Minecraft 3D地图,服务器世界">
<meta name="author" content="白鹿原 Minecraft 服务器">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://mcpure.lunadeer.cn/map.html">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcpure.lunadeer.cn/map.html">
<meta property="og:title" content="在线地图 - 白鹿原 Minecraft 服务器">
<meta property="og:description" content="白鹿原Minecraft服务器在线实时地图3D查看服务器世界全貌。">
<meta property="og:image" content="https://img.lunadeer.cn/i/2024/04/22/6625ce6c8ddc1.png">
<meta property="og:site_name" content="白鹿原 Minecraft 服务器">
<meta property="og:locale" content="zh_CN">
<!-- Twitter -->
<meta property="twitter:card" content="summary">
<meta property="twitter:url" content="https://mcpure.lunadeer.cn/map.html">
<meta property="twitter:title" content="在线地图 - 白鹿原 Minecraft 服务器">
<meta property="twitter:description" content="白鹿原Minecraft服务器在线实时地图3D查看服务器世界全貌。">
<meta property="twitter:image" content="https://img.lunadeer.cn/i/2024/04/22/6625ce6c8ddc1.png">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "白鹿原服务器在线地图",
"description": "白鹿原Minecraft服务器在线实时地图3D查看服务器世界全貌",
"url": "https://mcpure.lunadeer.cn/map.html",
"isPartOf": {
"@type": "WebSite",
"name": "白鹿原 Minecraft 服务器",
"url": "https://mcpure.lunadeer.cn/"
}
}
</script>
<style>
body, html {
height: 100%;
@@ -34,7 +72,7 @@
<body>
<div id="navbar-component"></div>
<div class="iframe-container">
<iframe src="https://mcmap.lunadeer.cn/" title="在线地图"></iframe>
<iframe src="https://mcmap.lunadeer.cn/" title="白鹿原Minecraft服务器在线实时地图" loading="lazy"></iframe>
</div>
<script src="js/components.js"></script>
</body>