Skip to content

Commit 0709ea6

Browse files
jsattlerjsattler
authored
Merge pull request #86 from jsattler/chore-improve-seo
chore(landing): improve seo and add sponsor links
2 parents b413929 + 12a0d0a commit 0709ea6

3 files changed

Lines changed: 49 additions & 10 deletions

File tree

‎website/src/components/Footer.svelte‎

Lines changed: 26 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,15 @@
33
const base = import.meta.env.BASE_URL;
44
</script>
55

6+
<svelte:head>
7+
<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="jsattler" data-color="#FFDD00" data-emoji="☕" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#000000" data-font-color="#000000" data-coffee-color="#ffffff"></script>
8+
</svelte:head>
9+
610
<footer class="bg-gray-50 border-t border-gray-200 py-8 sm:py-10 md:py-12 px-4 sm:px-6">
711
<div class="max-w-7xl mx-auto">
8-
<div class="flex flex-col md:flex-row justify-between items-start gap-6 sm:gap-8 mb-6 sm:mb-8">
12+
<div class="flex flex-col lg:flex-row justify-between items-start gap-6 sm:gap-8 mb-6 sm:mb-8">
913
<!-- Brand -->
10-
<div>
14+
<div class="flex-1">
1115
<div class="flex items-center gap-2 mb-3 sm:mb-4">
1216
<img src="{base}favicon.svg" alt="BetterCapture logo" class="w-5 h-5 sm:w-6 sm:h-6" />
1317
<span class="text-lg sm:text-xl font-semibold text-gray-900">BetterCapture</span>
@@ -17,8 +21,27 @@
1721
</p>
1822
</div>
1923

24+
<!-- Support Section -->
25+
<div class="flex-1 text-center">
26+
<p class="text-gray-600 text-xs sm:text-sm mb-3">
27+
Enjoying BetterCapture? Consider supporting its development.
28+
</p>
29+
<div class="flex flex-col sm:flex-row items-center justify-center gap-2 sm:gap-3">
30+
<iframe
31+
src="https://github.com/sponsors/jsattler/button"
32+
title="Sponsor jsattler"
33+
height="32"
34+
width="114"
35+
style="border: 0;"
36+
></iframe>
37+
<a href="https://www.buymeacoffee.com/jsattler" target="_blank" rel="noopener noreferrer">
38+
<img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 32px; width: auto; border-radius: 6px;">
39+
</a>
40+
</div>
41+
</div>
42+
2043
<!-- Links -->
21-
<div class="flex flex-wrap gap-6 sm:gap-8 md:gap-12">
44+
<div class="flex-1 flex flex-wrap gap-6 sm:gap-8 md:gap-12 justify-end">
2245
<div>
2346
<h4 class="text-gray-900 font-semibold mb-2 sm:mb-3 text-sm sm:text-base">Resources</h4>
2447
<ul class="space-y-1.5 sm:space-y-2">

‎website/src/components/Navbar.svelte‎

Lines changed: 19 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -27,18 +27,34 @@
2727
</a>
2828
</div>
2929

30-
<!-- GitHub Link (Right) -->
31-
<div class="flex justify-end">
30+
<!-- GitHub Link & Sponsor Buttons (Right) -->
31+
<div class="flex justify-end items-center gap-2">
3232
<a
3333
href="https://github.com/jsattler/BetterCapture"
3434
target="_blank"
3535
rel="noopener noreferrer"
36+
aria-label="GitHub"
3637
class="flex items-center gap-2 px-3 sm:px-4 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
3738
>
3839
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
3940
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
4041
</svg>
41-
<span class="hidden sm:inline">GitHub</span>
42+
</a>
43+
<iframe
44+
src="https://github.com/sponsors/jsattler/button"
45+
title="Sponsor jsattler"
46+
height="32"
47+
width="114"
48+
style="border: 0;"
49+
class="hidden md:block"
50+
></iframe>
51+
<a
52+
href="https://www.buymeacoffee.com/jsattler"
53+
target="_blank"
54+
rel="noopener noreferrer"
55+
class="hidden md:block"
56+
>
57+
<img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 32px; width: auto;">
4258
</a>
4359
</div>
4460
</div>

‎website/src/pages/index.astro‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ const structuredData = [
4646
"No tracking, no analytics, 100% privacy-focused",
4747
"Open source with MIT license"
4848
],
49-
"keywords": "screen recorder, macOS, SwiftUI, open source, free, privacy, screen capture, video recording, native app, ProRes, HEVC, H.264"
49+
"keywords": "free screen recorder mac, mac screen recording software, open source screen recorder, record mac screen with audio, screen recorder without watermark, prores screen recorder, lightweight screen recorder, quicktime alternative, system audio recording mac"
5050
},
5151
{
5252
"@context": "https://schema.org",
@@ -63,14 +63,14 @@ const structuredData = [
6363
---
6464

6565
<BaseLayout
66-
title="BetterCapture - Native Screen Recorder for macOS | Free & Open Source"
67-
description="Professional screen recorder for macOS built with SwiftUI. Record with ProRes 4444, HEVC, or H.264. Completely free, open source, and privacy-focused. No tracking, no subscriptions, no account required."
66+
title="BetterCapture - Free Screen Recorder for Mac | Open Source, No Watermark"
67+
description="Free, open-source screen recorder for macOS. Record your screen with system audio, ProRes/HEVC support, and no watermarks. Private, lightweight, and completely free. No tracking, no subscriptions."
6868
canonicalUrl="https://jsattler.github.io/BetterCapture/"
6969
ogImage="https://jsattler.github.io/BetterCapture/bettercapture-og.png"
7070
structuredData={structuredData}
7171
>
7272
<Fragment slot="head">
73-
<meta name="keywords" content="screen recorder, macOS, SwiftUI, open source, free, privacy, screen capture, video recording, native app, ProRes 4444, HEVC, H.264, ScreenCaptureKit, menu bar app, alpha channel, transparent recording, system audio, microphone recording, content filtering" />
73+
<meta name="keywords" content="free screen recorder mac, mac screen recording software, open source screen recorder, record mac screen with audio, screen recorder without watermark, best free screen recorder macos, prores screen recorder, lightweight screen recorder mac, private screen recorder, quicktime alternative, system audio recording mac, screen capture macos, no watermark screen recorder" />
7474
<meta name="author" content="Joshua Sattler" />
7575
<meta name="application-name" content="BetterCapture" />
7676
<meta name="apple-mobile-web-app-capable" content="yes" />

0 commit comments

Comments
 (0)