Add rich social media metadata (Open Graph, Twitter Cards)

This commit is contained in:
2026-02-26 21:47:14 +00:00
parent fcef986d2b
commit 3237fcfa7c

View File

@@ -6,7 +6,21 @@
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="mask-icon" href="/nonograms.svg" color="#00f2fe" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>Nonograms Pro - Vue 3 SOLID</title>
<title>Nonograms Pro - Logic Puzzle Game</title>
<meta name="description" content="Interactive Nonogram logic puzzles with a modern interface. Solve puzzles, use the built-in solver, and create your own custom games.">
<!-- Open Graph (for social media sharing like Facebook/Discord) -->
<meta property="og:title" content="Nonograms Pro - Logic Puzzle Game">
<meta property="og:description" content="Interactive Nonogram logic puzzles with a modern interface. Solve puzzles, use the built-in solver, and create your own custom games.">
<meta property="og:image" content="/screenshot.png">
<meta property="og:type" content="website">
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Nonograms Pro - Logic Puzzle Game">
<meta name="twitter:description" content="Interactive Nonogram logic puzzles with a modern interface. Solve puzzles, use the built-in solver, and create your own custom games.">
<meta name="twitter:image" content="/screenshot.png">
</head>
<body>
<div id="app"></div>