Files
2025-11-13 16:30:46 +08:00

122 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags -->
<title>QR Code Generator - Advanced QR Code Creator with Custom Styling</title>
<meta
name="title"
content="QR Code Generator - Advanced QR Code Creator with Custom Styling"
/>
<meta
name="description"
content="Generate customizable QR codes instantly with advanced technical controls. Free online QR code generator with error correction, version control, custom colors, and multiple export formats (PNG, SVG). Perfect for URLs, text, and business use."
/>
<meta
name="keywords"
content="QR code generator, free QR code, custom QR code, QR code creator, generate QR code, QR code maker, online QR generator, QR code with logo, stylish QR code, advanced QR code, error correction, SVG QR code, PNG QR code"
/>
<meta name="author" content="Xi Xu" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://qrcg.xi-xu.me/" />
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<!-- Theme Color -->
<meta name="theme-color" content="#8b5cf6" />
<meta name="msapplication-TileColor" content="#8b5cf6" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://qrcg.xi-xu.me/" />
<meta
property="og:title"
content="QR Code Generator - Advanced QR Code Creator with Custom Styling"
/>
<meta
property="og:description"
content="Generate customizable QR codes instantly with advanced technical controls. Free online QR code generator with error correction, version control, custom colors, and multiple export formats."
/>
<meta property="og:image" content="https://qrcg.xi-xu.me/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="QR Code Generator" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://qrcg.xi-xu.me/" />
<meta
name="twitter:title"
content="QR Code Generator - Advanced QR Code Creator with Custom Styling"
/>
<meta
name="twitter:description"
content="Generate customizable QR codes instantly with advanced technical controls. Free online tool with error correction, custom colors, and multiple export formats."
/>
<meta name="twitter:image" content="https://qrcg.xi-xu.me/og-image.png" />
<!-- Additional SEO -->
<meta name="application-name" content="QR Code Generator" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="QR Generator" />
<meta name="format-detection" content="telephone=no" />
<meta name="mobile-web-app-capable" content="yes" />
<script>
(function(){
var t = localStorage.getItem('theme');
var s = t ? t : (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
document.documentElement.setAttribute('data-theme', s);
})();
</script>
<!-- Structured Data (JSON-LD) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "QR Code Generator",
"url": "https://qrcg.xi-xu.me/",
"description": "Advanced QR Code Generator with full technical parameter control. Generate customizable QR codes with error correction, version control, custom colors, and multiple export formats.",
"applicationCategory": "UtilityApplication",
"operatingSystem": "Any",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"author": {
"@type": "Person",
"name": "Xi Xu",
"url": "https://xi-xu.me"
},
"screenshot": "https://qrcg.xi-xu.me/og-image.png",
"featureList": [
"QR Code Generation from text, URLs, and UTF-8 content",
"Advanced Parameter Control (Version 1-40, Error Correction)",
"Custom Colors and Styling (Square, Rounded, Dots)",
"Real-time Preview",
"Multiple Export Formats (PNG, SVG, JSON)",
"Dark/Light Mode Support",
"Responsive Design"
],
"browserRequirements": "Requires JavaScript. Requires HTML5.",
"softwareVersion": "1.0.0",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"ratingCount": "127"
}
}
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>