fix: preserve language in cross-links, add og:locale + Organization schema to alternatives

- Fix cross-links on teleparty↔screen-sharing pages: use
  {{LANG_PREFIX}} so German page links stay German, etc.
- Add og:locale meta tag with correct locale code per language
  (e.g. en_US, de_DE, fr_FR, ja_JP, zh_CN, uk_UA)
- Add Organization schema.org JSON-LD block alongside
  existing BreadcrumbList on all 3 alternatives templates
This commit is contained in:
KoalaDev
2026-06-25 04:21:02 +02:00
parent 3ccb967a45
commit 7602bfdb21
4 changed files with 59 additions and 2 deletions
+17 -1
View File
@@ -35,6 +35,7 @@
<meta property="og:title" content="{{ALT_SCREEN_TITLE}}">
<meta property="og:description" content="{{ALT_SCREEN_META_DESC}}">
<meta property="og:image" content="https://sync.koalastuff.net/assets/PopcornFriends.webp">
<meta property="og:locale" content="{{OG_LOCALE}}">
<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image">
@@ -70,6 +71,21 @@
}
</script>
<!-- Organization Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "KoalaSync",
"url": "https://sync.koalastuff.net/",
"logo": "https://sync.koalastuff.net/assets/NewLogoIcon_128.webp",
"sameAs": [
"https://github.com/Shik3i/KoalaSync",
"https://mastodon.social/@koalastuff"
]
}
</script>
<!-- Mobile Browser Theme Styling -->
<meta name="theme-color" content="#0f172a">
<meta name="apple-mobile-web-app-capable" content="yes">
@@ -173,7 +189,7 @@
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--glass-border);">
<a href="{{ASSET_PATH}}" class="btn btn-primary" style="margin-bottom: 1.5rem;">{{ALT_TRY_KOALASYNC}}</a>
<p style="font-size: 0.9rem; text-align: center;">
<a href="{{ASSET_PATH}}alternatives/teleparty" style="color: var(--accent); text-decoration: none;">{{ALT_TELEPARTY_TITLE}}</a>
<a href="{{ASSET_PATH}}{{LANG_PREFIX}}alternatives/teleparty" style="color: var(--accent); text-decoration: none;">{{ALT_TELEPARTY_TITLE}}</a>
</p>
</div>