Archive/screentinker
1
0
Fork 0
mirror of https://github.com/screentinker/screentinker.git synced 2026-05-15 07:32:23 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

SEO: open-source positioning, GitHub links, OG image, semantic <main>

Browse source 
- Retarget primary keywords ("open-source", "CMS") in title, description,
  OG/Twitter tags and hero h1
- Swap OG/Twitter image from icon-512 to dashboard-preview.png with
  width/height/alt metadata
- Add GitHub link in nav (icon), hero (secondary btn), footer, and a
  new Open Source callout section
- Wrap content in <main> landmark; add width/height on screenshot for
  CLS; add third-party license page to sitemap; Organization schema
  sameAs now points to the GitHub repo

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
ScreenTinker 2026-04-21 19:56:22 -05:00
parent ea80d3aca5
commit a981171c94
2 changed files with 45 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
frontend/landing.html
View file

@ -5,9 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Primary SEO -->
<title>ScreenTinker - Digital Signage Software | Manage Any Screen Remotely</title>
<meta name="description" content="Free digital signage software for any screen. Remote control, video walls, multi-zone layouts, scheduling, kiosk mode, and analytics. Works on Android, Raspberry Pi, Windows, ChromeOS, and smart TVs. Start free, no credit card required.">
<meta name="keywords" content="digital signage, digital signage software, remote display, signage management, video wall, kiosk mode, screen management, content management, Android signage, Raspberry Pi signage, free digital signage">
<title>ScreenTinker - Open-Source Digital Signage CMS | Free Display Management</title>
<meta name="description" content="Open-source digital signage CMS. Free plan, self-host or cloud. Manage TVs, video walls, kiosks, and schedules across Android, Raspberry Pi, Windows, and any browser.">
<meta name="keywords" content="open source digital signage, free digital signage software, digital signage CMS, display management software, screen management, signage player, TV display management, video wall, kiosk mode, Raspberry Pi signage, self-hosted signage">
<meta name="author" content="ScreenTinker">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://screentinker.com/">
@ -15,16 +15,20 @@
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://screentinker.com/">
<meta property="og:title" content="ScreenTinker - Digital Signage Made Simple">
<meta property="og:description" content="Manage content on TVs, displays, and kiosks from anywhere. Remote control, video walls, scheduling, and analytics. 9 platforms supported. Start free.">
<meta property="og:image" content="https://screentinker.com/assets/icon-512.png">
<meta property="og:title" content="ScreenTinker - Open-Source Digital Signage CMS">
<meta property="og:description" content="Open-source digital signage CMS. Free plan, self-host or cloud. Manage TVs, video walls, kiosks, and schedules across 9 platforms.">
<meta property="og:image" content="https://screentinker.com/assets/dashboard-preview.png">
<meta property="og:image:width" content="2500">
<meta property="og:image:height" content="1314">
<meta property="og:image:alt" content="ScreenTinker dashboard showing four online displays with playlist assignments">
<meta property="og:site_name" content="ScreenTinker">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ScreenTinker - Digital Signage Made Simple">
<meta name="twitter:description" content="Free digital signage software for any screen. Remote control, video walls, layouts, scheduling, kiosk mode. Works on 9 platforms.">
<meta name="twitter:image" content="https://screentinker.com/assets/icon-512.png">
<meta name="twitter:title" content="ScreenTinker - Open-Source Digital Signage CMS">
<meta name="twitter:description" content="Open-source digital signage CMS. Free plan, self-host or cloud. Video walls, kiosks, scheduling, and live remote control across 9 platforms.">
<meta name="twitter:image" content="https://screentinker.com/assets/dashboard-preview.png">
<meta name="twitter:image:alt" content="ScreenTinker dashboard showing four online displays with playlist assignments">
<!-- Theme -->
<meta name="theme-color" content="#111827">
@ -161,28 +165,46 @@
<a href="#platforms">Platforms</a>
<a href="#pricing">Pricing</a>
<a href="#compare">Compare</a>
<a href="https://github.com/screentinker/screentinker" target="_blank" rel="noopener" aria-label="ScreenTinker on GitHub" class="nav-github" style="margin-left:16px;display:inline-flex;align-items:center;color:var(--muted)">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1.1-.7.1-.7.1-.7 1.2.1 1.9 1.3 1.9 1.3 1.1 1.9 2.9 1.4 3.6 1 .1-.8.4-1.4.8-1.7-2.7-.3-5.5-1.3-5.5-6 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11 11 0 0 1 6 0c2.3-1.5 3.3-1.2 3.3-1.2.7 1.7.3 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg>
</a>
<a href="/app#/login" class="btn btn-outline" style="margin-left:16px">Sign In</a>
<a href="/app#/login" class="btn btn-primary" style="margin-left:8px"><span class="btn-full">Start Free Trial</span><span class="btn-short">Try Free</span></a>
</div>
</div>
</nav>
<main>
<!-- Hero -->
<section class="hero">
<div class="hero-badge">&#9889; 14-day free Pro trial &middot; No credit card required</div>
<h1>Digital Signage<br>for <span>Any Screen</span></h1>
<p>Manage content on TVs, displays, and kiosks from anywhere. Remote control, video walls, scheduling, and analytics. Works on any device.</p>
<div class="hero-badge">&#9889; Open source &middot; Free plan &middot; 14-day Pro trial, no credit card</div>
<h1>Open-Source Digital Signage<br>for <span>Any Screen</span></h1>
<p>Manage content on TVs, displays, and kiosks from anywhere. Remote control, video walls, scheduling, and analytics. Self-host or use our managed cloud.</p>
<div class="hero-btns">
<a href="/app#/login" class="btn btn-primary" style="padding:14px 28px;font-size:16px">Start Free Trial</a>
<a href="https://github.com/screentinker/screentinker" target="_blank" rel="noopener" class="btn btn-outline" style="padding:14px 28px;font-size:16px">
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" style="margin-right:2px"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1.1-.7.1-.7.1-.7 1.2.1 1.9 1.3 1.9 1.3 1.1 1.9 2.9 1.4 3.6 1 .1-.8.4-1.4.8-1.7-2.7-.3-5.5-1.3-5.5-6 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11 11 0 0 1 6 0c2.3-1.5 3.3-1.2 3.3-1.2.7 1.7.3 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg>
View on GitHub
</a>
<a href="#compare" class="btn btn-outline" style="padding:14px 28px;font-size:16px">See How We Compare</a>
</div>
</section>
<!-- Dashboard preview -->
<div class="screenshot">
<img src="/assets/dashboard-preview.png" alt="ScreenTinker dashboard showing 4 online displays with playlist assignments" loading="lazy">
<img src="/assets/dashboard-preview.png" alt="ScreenTinker dashboard showing 4 online displays with playlist assignments" loading="lazy" width="2500" height="1314">
</div>
<!-- Open Source callout -->
<section class="opensource" id="opensource" style="max-width:900px;margin:0 auto;padding:40px 24px;text-align:center">
<h2 style="font-size:28px;margin-bottom:12px">Fully Open Source</h2>
<p style="color:var(--muted);font-size:16px;margin-bottom:20px">MIT licensed. Self-host on your own infrastructure or use our managed cloud. Your data, your rules.</p>
<a href="https://github.com/screentinker/screentinker" target="_blank" rel="noopener" class="btn btn-outline" style="display:inline-flex;align-items:center;gap:8px">
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1.1-.7.1-.7.1-.7 1.2.1 1.9 1.3 1.9 1.3 1.1 1.9 2.9 1.4 3.6 1 .1-.8.4-1.4.8-1.7-2.7-.3-5.5-1.3-5.5-6 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11 11 0 0 1 6 0c2.3-1.5 3.3-1.2 3.3-1.2.7 1.7.3 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg>
github.com/screentinker/screentinker
</a>
</section>
<!-- Features -->
<section class="features" id="features">
<h2>Everything You Need</h2>
@ -256,11 +278,13 @@
<p>14-day free Pro trial. No credit card required. Set up in under 5 minutes.</p>
<a href="/app#/login" class="btn btn-primary" style="padding:14px 32px;font-size:16px">Start Free Trial</a>
</section>
</main>
<!-- Footer -->
<footer>
<div style="color:var(--dim);font-size:13px">&copy; 2026 ScreenTinker. All rights reserved.</div>
<div class="links">
<a href="https://github.com/screentinker/screentinker" target="_blank" rel="noopener">GitHub</a>
<a href="/legal/terms.html">Terms</a>
<a href="/legal/privacy.html">Privacy</a>
<a href="/legal/third-party.html">Licenses</a>
@ -333,7 +357,9 @@
"name": "ScreenTinker",
"url": "https://screentinker.com",
"logo": "https://screentinker.com/assets/icon-512.png",
"sameAs": []
"sameAs": [
"https://github.com/screentinker/screentinker"
]
}
</script>

5
frontend/sitemap.xml
View file

@ -15,4 +15,9 @@
<changefreq>monthly</changefreq>
<priority>0.3</priority>
</url>
<url>
<loc>https://screentinker.com/legal/third-party.html</loc>
<changefreq>monthly</changefreq>
<priority>0.2</priority>
</url>
</urlset>