Skip to content

Commit b8842c7

Browse files
committed
feat: Enhance SEO and meta information for homepage
Add descriptive meta tags (title, description, robots, canonical) to improve search engine visibility and user experience. The changes include optimizing the page title for length and clarity, providing a concise summary of the application's features, and ensuring proper indexing directives.
1 parent 555d6c0 commit b8842c7

1 file changed

Lines changed: 76 additions & 9 deletions

File tree

docs/index.html

Lines changed: 76 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,51 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Miniforge Studios - AI TTRPG Asset Generator</title>
6+
<!--
7+
The title element is one of the most important on‑page SEO signals. It should
8+
concisely describe the page’s primary topic. Keep titles under 60 characters
9+
to prevent truncation in results pages and include the brand name for
10+
recognition【745971746610256†L440-L448】.
11+
-->
12+
<title>Miniforge Studios – AI TTRPG Asset Generator</title>
13+
<!--
14+
A meta description provides a short summary of the page. Google may use
15+
this text as the snippet in search results when it better represents the
16+
content than page text【745971746610256†L440-L449】. Create unique
17+
descriptions for important pages to improve click‑through rates.
18+
-->
19+
<meta name="description" content="Miniforge Studios is a secure, local AI tool for tabletop role‑playing game creators, offering state‑of‑the‑art models to generate high‑fidelity character portraits, monster tokens, and 3D printable miniatures in seconds.">
20+
<!--
21+
Instruct search engines to index this page and follow its links. Explicitly
22+
specifying robots directives helps avoid accidental noindexing.
23+
-->
24+
<meta name="robots" content="index, follow">
25+
<!--
26+
Canonical tags consolidate signals from duplicate URLs by pointing to the
27+
preferred version. Google recommends adding a rel="canonical" link in the
28+
head of duplicate pages to indicate which URL should be considered the
29+
canonical one【333695427096648†L562-L606】.
30+
-->
31+
<link rel="canonical" href="https://miniforge.studio/">
32+
<!-- Tailwind CSS & fonts -->
733
<script src="https://cdn.tailwindcss.com"></script>
834
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Noto+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
935
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet" />
36+
<!-- Open Graph & Twitter Cards -->
37+
<!--
38+
Open Graph meta tags allow you to control how your content appears when
39+
shared on social networks. Including title, description, image and URL
40+
improves click‑through rates and branding【440654878611369†L66-L113】.
41+
-->
42+
<meta property="og:title" content="Miniforge Studios – AI TTRPG Asset Generator">
43+
<meta property="og:description" content="Generate stunning character art and 3D printable miniatures using state‑of‑the‑art AI pipelines from a secure local environment.">
44+
<meta property="og:image" content="https://iili.io/fGUZ7vj.png">
45+
<meta property="og:url" content="https://miniforge.studio/">
46+
<meta property="og:type" content="website">
47+
<meta name="twitter:card" content="summary_large_image">
48+
<meta name="twitter:title" content="Miniforge Studios – AI TTRPG Asset Generator">
49+
<meta name="twitter:description" content="Generate stunning character art and 3D printable miniatures using state‑of‑the‑art AI pipelines.">
50+
<meta name="twitter:image" content="https://iili.io/fGUZ7vj.png">
1051
<style>
1152
body {
1253
font-family: 'Space Grotesk', sans-serif;
@@ -63,6 +104,27 @@
63104
linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
64105
}
65106
</style>
107+
<!--
108+
Structured data helps search engines understand the type of content on the
109+
page and can enable rich results. Here we mark up the product as a
110+
SoftwareApplication so that Google can show app details in results【140331672708466†L399-L404】.
111+
-->
112+
<script type="application/ld+json">
113+
{
114+
"@context": "https://schema.org",
115+
"@type": "SoftwareApplication",
116+
"name": "Miniforge Desktop",
117+
"operatingSystem": "Windows, macOS, Linux",
118+
"applicationCategory": "CreativeWork",
119+
"description": "Miniforge Desktop is an AI tool for tabletop role‑playing game creators. It generates high‑fidelity 2D portraits, monster tokens and 3D printable miniatures using state‑of‑the‑art AI models such as Flux‑2‑Pro, Nano Banana, Rodin and Meshy. Your API keys are encrypted locally via Electron's SafeStorage.",
120+
"url": "https://miniforge.studio/",
121+
"offers": {
122+
"@type": "Offer",
123+
"price": "0",
124+
"priceCurrency": "USD"
125+
}
126+
}
127+
</script>
66128
</head>
67129
<body class="relative min-h-screen">
68130

@@ -76,14 +138,15 @@
76138
<!-- Navigation -->
77139
<nav class="fixed top-0 left-0 w-full px-6 py-4 flex justify-between items-center z-50 bg-[#181022]/90 backdrop-blur-md border-b border-white/5">
78140
<div class="h-12 flex items-center">
79-
<!-- Updated Cropped Banner -->
80-
<img src="https://iili.io/fGU1m2R.png" alt="Miniforge Banner" class="h-full w-auto object-contain">
141+
<!-- Cropped Banner with descriptive alt text -->
142+
<img src="https://iili.io/fGU1m2R.png" alt="Miniforge Studios banner" class="h-full w-auto object-contain" loading="lazy" decoding="async">
81143
</div>
82144
<div class="flex items-center gap-4">
83-
<a href="https://github.com/alon-mini/MiniforgeDesktop/releases" class="hidden md:flex text-xs font-bold text-gray-400 hover:text-white transition-colors">
145+
<!-- External links open in a new tab and use noopener for security -->
146+
<a href="https://github.com/alon-mini/MiniforgeDesktop/releases" class="hidden md:flex text-xs font-bold text-gray-400 hover:text-white transition-colors" target="_blank" rel="noopener noreferrer">
84147
RELEASES
85148
</a>
86-
<a href="https://github.com/alon-mini/MiniforgeDesktop" target="_blank" class="bg-[#6d13ec]/20 hover:bg-[#6d13ec] border border-[#6d13ec]/50 text-white px-4 py-2 rounded-xl text-xs font-bold uppercase tracking-wider flex items-center gap-2 transition-all">
149+
<a href="https://github.com/alon-mini/MiniforgeDesktop" target="_blank" rel="noopener noreferrer" class="bg-[#6d13ec]/20 hover:bg-[#6d13ec] border border-[#6d13ec]/50 text-white px-4 py-2 rounded-xl text-xs font-bold uppercase tracking-wider flex items-center gap-2 transition-all">
87150
<span class="material-symbols-outlined text-sm">code</span>
88151
GitHub
89152
</a>
@@ -107,7 +170,7 @@ <h1 class="text-5xl md:text-7xl font-bold mb-6 tracking-tight leading-tight">
107170
</p>
108171

109172
<div class="flex flex-wrap justify-center gap-4">
110-
<a href="https://github.com/alon-mini/MiniforgeDesktop/releases" class="group relative px-8 py-4 bg-[#6d13ec] text-white rounded-xl font-bold tracking-wide overflow-hidden shadow-[0_0_20px_rgba(109,19,236,0.4)] hover:shadow-[0_0_40px_rgba(109,19,236,0.6)] transition-all">
173+
<a href="https://github.com/alon-mini/MiniforgeDesktop/releases" class="group relative px-8 py-4 bg-[#6d13ec] text-white rounded-xl font-bold tracking-wide overflow-hidden shadow-[0_0_20px_rgba(109,19,236,0.4)] hover:shadow-[0_0_40px_rgba(109,19,236,0.6)] transition-all" target="_blank" rel="noopener noreferrer">
111174
<div class="absolute inset-0 bg-white/20 translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500"></div>
112175
<span class="relative flex items-center gap-2">
113176
<span class="material-symbols-outlined">download</span>
@@ -139,7 +202,7 @@ <h1 class="text-5xl md:text-7xl font-bold mb-6 tracking-tight leading-tight">
139202
<!-- image -->
140203
<img
141204
src="https://iili.io/fGUZ7vj.png"
142-
alt="3D Model"
205+
alt="3D printable orc miniature model"
143206
class="w-48 md:w-64 aspect-square object-cover rounded-2xl border border-white/20 drop-shadow-[0_0_30px_rgba(109,19,236,0.5)]"
144207
loading="lazy"
145208
decoding="async"
@@ -161,7 +224,9 @@ <h1 class="text-5xl md:text-7xl font-bold mb-6 tracking-tight leading-tight">
161224
<!-- Card 2: 2D Image Result (Middle) -->
162225
<div id="card-2" class="demo-card card-waiting absolute inset-0 bg-[#1a1a1a] rounded-2xl border border-white/10 shadow-2xl overflow-hidden cursor-pointer group z-20" onclick="nextStep(2)">
163226
<img src="https://lh3.googleusercontent.com/aida-public/AB6AXuBHCYEifiu7lVI8NLEFWJbNDMURjN0Zk5UcubbqhcHAFiA_cd_DD4ihreUsDo5CLkYvs5Kpih3dYUy-XilK2TAJYgvxcihSM9OUv0krPgFrKxaThu-Bvf0RRVVmGUDqRMadjWjZ8XYB-Lvuz3anSlXbW51LPW891lYHnT-Gi5loZvP4qAF_BgDXr-b2TqD9VylDW69vXkZXAZRysjrU9sqHrRnkaGtqzFGzG1hn-7LWXd8rBmoXhDkzO4V-7qjhrHtAoH2CG3B3yg"
164-
class="w-full h-full object-cover opacity-80 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700">
227+
alt="AI‑generated 2D portrait of a cybernetic orc warlord"
228+
class="w-full h-full object-cover opacity-80 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700"
229+
loading="lazy" decoding="async">
165230
<div class="absolute inset-0 bg-gradient-to-t from-black/90 via-transparent to-transparent"></div>
166231
<div class="absolute bottom-0 left-0 w-full p-8">
167232
<div class="flex items-center gap-2 mb-2">
@@ -249,6 +314,8 @@ <h3 class="text-2xl font-bold text-white mb-1">Cybernetic Orc Warlord</h3>
249314

250315
<!-- Features Grid -->
251316
<section id="features" class="py-20 px-6 max-w-7xl mx-auto">
317+
<!-- Added heading to introduce this section for screen readers and SEO -->
318+
<h2 class="text-3xl font-bold mb-8 text-center">Key Features</h2>
252319
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
253320
<div class="glass-panel p-8 rounded-2xl hover:-translate-y-2 transition-transform duration-300">
254321
<div class="w-12 h-12 rounded-xl bg-[#6d13ec]/20 flex items-center justify-center text-[#6d13ec] mb-6">
@@ -285,7 +352,7 @@ <h3 class="text-xl font-bold mb-3">Secure Vault</h3>
285352
<!-- Footer -->
286353
<footer class="border-t border-white/5 py-10 text-center">
287354
<div class="flex flex-col gap-4 items-center">
288-
<img src="https://i.imgur.com/r7zjkxO.png" alt="Logo" class="h-8 w-auto opacity-50 grayscale hover:grayscale-0 transition-all">
355+
<img src="https://i.imgur.com/r7zjkxO.png" alt="Miniforge Studios logo" class="h-8 w-auto opacity-50 grayscale hover:grayscale-0 transition-all" loading="lazy" decoding="async">
289356
<p class="text-xs text-gray-500 font-mono">
290357
&copy; 2025 Miniforge Studios. Open Source (gpl-3.0).<br>
291358
Not affiliated with Replicate, Fal.ai, or Google.

0 commit comments

Comments
 (0)