michael_dileo/Keyboard-Vagabond-Web
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

add getting started page, rework SEO to target nomad communities and social media

Browse Source
This commit is contained in:
Michael DiLeo
2026-06-08 21:59:53 +09:00
parent 7e6b00b21d
commit a7f8da3ff1
7 changed files with 371 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+47 -75
View File
@@ -8,10 +8,10 @@
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' https://static.cloudflareinsights.com; object-src 'none';">
<!-- Primary SEO Meta Tags -->
<title>Keyboard Vagabond - Fediverse for Digital Nomads</title>
<meta name="title" content="Keyboard Vagabond - Fediverse for Digital Nomads">
<meta name="description" content="Join Keyboard Vagabond's fediverse community for digital nomads, remote workers, and travelers on Mastodon, Piefed, Pixelfed, Bookwyrm, and Write Freely.">
<meta name="keywords" content="fediverse, digital nomad, remote work, travel, mastodon, piefed, pixelfed, bookwyrm, write freely, social media alternative, keyboard vagabond">
<title>Keyboard Vagabond | Digital Nomad Online Community & Social Media</title>
<meta name="title" content="Keyboard Vagabond | Digital Nomad Online Community & Social Media">
<meta name="description" content="Keyboard Vagabond is an online community and social media hub for digital nomads and remote workers. Join Mastodon, Piefed, Pixelfed, and more—ad-free, community-run, and federated.">
<meta name="keywords" content="fediverse, digital nomad, digital nomad online community, digital nomad social media, nomad community, remote worker community, decentralized social media, travel community, remote work, travel, mastodon, piefed, pixelfed, bookwyrm, write freely, social media alternative, keyboard vagabond">
<meta name="author" content="Keyboard Vagabond">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.keyboardvagabond.com/">
@@ -21,8 +21,8 @@
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.keyboardvagabond.com/">
<meta property="og:title" content="Keyboard Vagabond - Fediverse for Digital Nomads">
<meta property="og:description" content="Join Keyboard Vagabond's fediverse community for digital nomads, remote workers, and travelers on Mastodon, Piefed, Pixelfed, Bookwyrm, and Write Freely.">
<meta property="og:title" content="Keyboard Vagabond | Digital Nomad Online Community & Social Media">
<meta property="og:description" content="Keyboard Vagabond is an online community and social media hub for digital nomads and remote workers. Join Mastodon, Piefed, Pixelfed, and more—ad-free, community-run, and federated.">
<meta property="og:image" content="https://picsur.keyboardvagabond.com/i/076a5b88-20d3-426e-ad7f-f24a68d3fa70.jpg?width=1200">
<meta property="og:site_name" content="Keyboard Vagabond">
<meta property="og:locale" content="en_US">
@@ -30,8 +30,8 @@
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.keyboardvagabond.com/">
<meta property="twitter:title" content="Keyboard Vagabond - Fediverse for Digital Nomads">
<meta property="twitter:description" content="Join Keyboard Vagabond's fediverse community for digital nomads, remote workers, and travelers on Mastodon, Piefed, Pixelfed, Bookwyrm, and Write Freely.">
<meta property="twitter:title" content="Keyboard Vagabond | Digital Nomad Online Community & Social Media">
<meta property="twitter:description" content="Keyboard Vagabond is an online community and social media hub for digital nomads and remote workers. Join Mastodon, Piefed, Pixelfed, and more—ad-free, community-run, and federated.">
<meta property="twitter:image" content="https://picsur.keyboardvagabond.com/i/076a5b88-20d3-426e-ad7f-f24a68d3fa70.jpg?width=1200">
<!-- Additional SEO -->
@@ -52,7 +52,9 @@
<!-- Structured Data -->
<script type="application/ld+json" src="/structured-data.json"></script>
<script type="application/ld+json">
</script>
<link rel="stylesheet" href="css/pico.jade.min.css">
<link rel="stylesheet" href="site-styles/style.css">
@@ -90,6 +92,7 @@
</ul>
<ul>
<li><a href="getting-started.html">Getting Started</a></li>
<li><a href="about.html">About</a></li>
<li>
<button id="theme-toggle" class="outline secondary" role="switch" aria-label="Toggle theme">
@@ -107,7 +110,8 @@
<source media="(min-width: 500px" srcset="https://picsur.keyboardvagabond.com/i/9334b89b-ce7a-49e7-ab85-43047e00f9ee.jpg?width=1000&shrinkonly=true">
<img src="https://picsur.keyboardvagabond.com/i/9334b89b-ce7a-49e7-ab85-43047e00f9ee.jpg" alt="Cartoon view of mountains with a dirt trail in the center. A wooden sign reads Keyboard Vagabond.">
</picture>
<p class="banner-subtitle">A fediverse community for digital nomads, remote workers, and travel enthusiasts</p>
<h1 id="main-heading" class="banner-title">Keyboard Vagabond</h1>
<p class="banner-subtitle">Online community and social media for digital nomads, remote workers, and travel enthusiasts</p>
</section>
<!-- Main content -->
@@ -138,8 +142,32 @@
</span>
</div>
</section>
<section aria-labelledby="nomad-community-heading">
<h2 id="nomad-community-heading">Social media and online communities for digital nomads</h2>
<p>Looking for social media for digital nomads or a remote worker community that isn't driven by ads and algorithms? Keyboard Vagabond is an online community hub built for people who work and travel. Instead of one corporate platform, we connect a suite of federated services—each focused on a different way to connect.</p>
<p>Mastodon handles microblogging and networking, Piefed hosts forums and topic-based discussions, Pixelfed is for sharing travel photos, Bookwyrm covers book clubs and reviews, and Write Freely supports long-form blogging. All of these services talk to each other through the fediverse, so you can follow, reply, and participate across platforms from one nomad-focused community. <a href="about.html">Learn about our community values</a>, or jump straight to our <a href="getting-started.html">getting started guide</a> if you are ready to sign up.</p>
</section>
<section aria-labelledby="faq-heading">
<h2 id="faq-heading">Frequently asked questions</h2>
<details>
<summary><strong>What social media do digital nomads use?</strong></summary>
<p>Digital nomads often use a mix of platforms depending on their needs. Many join Mastodon for microblogging and networking, Reddit-style forums through Lemmy or Piefed for discussions, and Instagram alternatives like Pixelfed for photo sharing. Keyboard Vagabond offers all of these in one federated community built specifically for nomads and remote workers.</p>
</details>
<details>
<summary><strong>Where can digital nomads find online communities?</strong></summary>
<p>Digital nomads can find online communities on Keyboard Vagabond, a hub connecting Mastodon (social posts), Piefed (forums and topics), Pixelfed (photos), Bookwyrm (books), and Write Freely (blogging). Each platform is part of the fediverse, so you can follow and interact across them from a single community focused on travel and remote work.</p>
</details>
<details>
<summary><strong>What is Keyboard Vagabond?</strong></summary>
<p>Keyboard Vagabond is an online community and social media hub for digital nomads, remote workers, and travel enthusiasts. It runs a collection of federated services—Mastodon, Piefed, Pixelfed, Bookwyrm, and Write Freely—on community-run infrastructure free of advertising and algorithmic feeds. See our <a href="about.html">about page</a> for more on how the community works.</p>
</details>
<details>
<summary><strong>How is this different from Facebook or Reddit?</strong></summary>
<p>Unlike Facebook or Reddit, Keyboard Vagabond is ad-free, community-run, and has no algorithms harvesting your attention. You control what you see by choosing who and what to follow. The fediverse services connect to each other, so you can participate in forums, photos, and posts from one ecosystem without a corporation monetizing your data.</p>
</details>
</section>
<section aria-labelledby="services-heading">
<!-- Services Summary for SEO -->
@@ -267,70 +295,14 @@
sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
loading="lazy"></iframe>
</div>
</section>
<h2>Getting started in the Fediverse</h2>
<section>
<p>The best way to see what's available in the fediverse is to start off on a larger instance, which will be
following the most content. From there you can follow communities and members on Keyboard Vagabond, or
export your profiles, follows, etc over to Keyboard Vagabond. You can, of course, have multiple profiles
across instances.</p>
<p>Once you choose and place and sign up, wait for your admin approval. Many instances require manual account
approval to prevent spam.</p>
<strong>Popular places to get started are</strong>:<br/>
<ul>
<li>
<strong><a href="https://lemmy.zip" target="_blank" rel="nofollow">Lemmy.zip</a></strong> for Lemmy or <strong><a
href="https://piefed.social" target="_blank" rel="nofollow">Piefed.social</a></strong> for PieFed, which is the software that this
community runs.
</li>
<li><strong><a href="https://mastodon.social" target="_blank" rel="nofollow">Mastodon.social</a></strong> - the largest mastodon instance.
Search for hashtags or check out whats trending and follow them to create your timeline.
</li>
<li><strong><a href="https://pixelfed.social" target="_blank" rel="nofollow">Pixelfed.social</a></strong> - the largest Pixelfed instance. Also
search for timelines and hashtags of things that you're interested in or what may be trending.
</li>
</ul>
<strong>Codes of Conduct</strong><br />
<span>
While corporate media is primarily interested in the Terms of Service, the Fediverse cares about the
Code of Conduct, the agreement of how we treat each other and what behavior is and is not tolerated.
Each instance should have one, including those of Keyboard Vagabond. These agreements help us to
create welcoming spaces that are free of harassment and bigotry.
</span>
</section>
<h2>Creating your experience</h2>
<section>
<p>
In the fediverse, there are no algorithms. No one is trying to harvest your data or monetize your attention.
No one is trying to push anything in front of you. Try searching for hashtags like <a
href="https://mastodon.keyboardvagabond.com/tags/travel" target="_blank">#travel</a>, <a
href="https://mastodon.keyboardvagabond.com/tags/travelphotography" target="_blank">#travelphotography</a>, or <a
href="https://mastodon.keyboardvagabond.com/tags/EscapeFlights" target="_blank">#EscapeFlights</a>.</p>
<div class="photo-gallery">
<div class="photo-item">
<small>Check out that Explore button on the main page.</small>
<img src="https://picsur.keyboardvagabond.com/i/e8ab899f-5bb4-4cf1-b531-8621ac93670e.png?width=600"
alt="Explore button on main page" loading="lazy" />
</div>
<div class="photo-item">
<small>Visit the Posts, Hashtags, and News tabs to see what's on the server</small>
<img src="https://picsur.keyboardvagabond.com/i/aea3c3c5-b011-4680-be4c-96fc1fdb009a.png?width=700"
alt="Posts, Hashtags, and News tabs" loading="lazy" />
</div>
<div class="photo-item">
<small>Look at the local communities to see what communities have been created on this server specifically. The rest of the communities are ones that this server is following.
Following communities on other instances will result in them being shown here.
</small>
<img src="https://picsur.keyboardvagabond.com/i/b5d316d9-8958-47bf-ba74-fb853e2d2be8.png?width=700"
alt="Communities, Local Communities" loading="lazy" />
</div>
<div class="photo-item">
<small>Scroll all the way to the bottom to find local topics. Topics are groups of communities. You can suggest more in the Meta community.</small>
<img src="https://picsur.keyboardvagabond.com/i/e5909364-3c4f-4bca-8631-5b1225781177.png?width=700"
alt="Local topics" loading="lazy" />
</div>
</div>
<section aria-labelledby="get-started-heading">
<h2 id="get-started-heading">Ready to join?</h2>
<p>New to the fediverse? Our <a href="getting-started.html">getting started guide</a> walks you through signing up on Mastodon, Piefed, Pixelfed, and the rest of Keyboard Vagabond, then customizing your feed to find nomads, travelers, and remote workers.</p>
</section>
</main>
<!-- Footer -->
@@ -338,7 +310,7 @@
<hr>
<section aria-labelledby="footer-heading">
<h2 id="footer-heading" class="sr-only">Footer Information</h2>
<p><strong>Keyboard Vagabond</strong> - A fediverse community for digital nomads, remote workers, and travel enthusiasts.</p>
<p><strong>Keyboard Vagabond</strong> - An online community and social media hub for digital nomads, remote workers, and travel enthusiasts.</p>
<span>Connect with us across the fediverse:</span><br/>
<ul>
<li><a href="https://mastodon.keyboardvagabond.com">Mastodon</a>&nbsp;- Social Media</li>