Add SEO and social share metadata (Open Graph + Twitter cards)

The bundled page shipped with a generic "Bundled Page" title and no meta
tags, so shared links rendered with no preview at all. Add title,
description ("The Home of Sovereign AI"), canonical URL, and og:/twitter:
tags pointing at banner.png (1280x720) so shares show the logo card.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-26 11:22:43 -05:00
parent 2b15a86c18
commit f42d2d4330

View File

@@ -2,7 +2,22 @@
<html>
<head>
<meta charset="utf-8">
<title>Bundled Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HAL 8 — The Home of Sovereign AI</title>
<meta name="description" content="The Home of Sovereign AI">
<link rel="canonical" href="https://hal8.ai/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="HAL 8">
<meta property="og:title" content="HAL 8 — The Home of Sovereign AI">
<meta property="og:description" content="The Home of Sovereign AI">
<meta property="og:url" content="https://hal8.ai/">
<meta property="og:image" content="https://hal8.ai/banner.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="720">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="HAL 8 — The Home of Sovereign AI">
<meta name="twitter:description" content="The Home of Sovereign AI">
<meta name="twitter:image" content="https://hal8.ai/banner.png">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #07100C; display: flex; align-items: center; justify-content: center; min-height: 100vh; font-family: -apple-system, BlinkMacSystemFont, sans-serif; }