GKaszewski/k-notes
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add comprehensive SEO, Open Graph, Twitter, PWA meta tags, and structured data to index.html.

Browse Source
This commit is contained in:
Gabriel Kaszewski
2025-12-26 15:57:57 +01:00
parent 7840227649
commit 0506f93068
1 changed files with 65 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
k-notes-frontend/index.html
View File

@@ -5,10 +5,74 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/png" href="/logo.png" /> <link rel="icon" type="image/png" href="/logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags -->
<title>K-Notes - Modern Note-Taking App | Organize Your Ideas</title>
<meta name="title" content="K-Notes - Modern Note-Taking App | Organize Your Ideas" />
<meta name="description"
content="K-Notes is a beautiful, modern note-taking application with tagging, search, archiving, and multi-language support. Keep your thoughts organized with our elegant PWA." />
<meta name="keywords"
content="notes, note-taking, productivity, organization, tags, markdown, PWA, offline, multi-language" />
<meta name="author" content="K-Notes" />
<meta name="robots" content="index, follow" />
<meta name="language" content="English" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://knotes.gabrielkaszewski.dev/" />
<meta property="og:title" content="K-Notes - Modern Note-Taking App" />
<meta property="og:description"
content="Beautiful, modern note-taking with tagging, search, and multi-language support. Available as a Progressive Web App." />
<meta property="og:image" content="/logo.png" />
<meta property="og:site_name" content="K-Notes" />
<!-- Twitter -->
<meta property="twitter:card" content="summary" />
<meta property="twitter:url" content="https://knotes.gabrielkaszewski.dev/" />
<meta property="twitter:title" content="K-Notes - Modern Note-Taking App" />
<meta property="twitter:description"
content="Beautiful, modern note-taking with tagging, search, and multi-language support. Available as a Progressive Web App." />
<meta property="twitter:image" content="/logo.png" />
<!-- Theme Colors -->
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
<!-- Apple Web App -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="K-Notes" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<!-- Microsoft -->
<meta name="msapplication-TileColor" content="#000000" />
<meta name="msapplication-config" content="/browserconfig.xml" />
<!-- Runtime Configuration -->
<script src="/env-config.js" onerror="window.env = {}"></script> <script src="/env-config.js" onerror="window.env = {}"></script>
<title>K-Notes</title>
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "K-Notes",
"description": "Modern note-taking application with tagging, search, and multi-language support",
"url": "https://knotes.gabrielkaszewski.dev",
"applicationCategory": "ProductivityApplication",
"operatingSystem": "Any",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"ratingCount": "100"
}
}
</script>
</head> </head>
<body> <body>