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
minify-build.js
+20
View File
@@ -36,6 +36,7 @@ async function createOptimizedBuild() {
content: [
'public/index.html',
'public/about.html',
'public/getting-started.html',
],
css: [
'public/css/pico.jade.css',
@@ -152,6 +153,7 @@ async function createOptimizedBuild() {
console.log('📄 Step 4: Minifying HTML...');
await minifyHTMLFile('public/index.html', 'dist/index.html');
await minifyHTMLFile('public/about.html', 'dist/about.html');
await minifyHTMLFile('public/getting-started.html', 'dist/getting-started.html');
// Step 5: Copy assets and SEO files
console.log('📁 Step 5: Copying assets and SEO files...');
@@ -312,6 +314,20 @@ async function copyDirectoryRecursive(src, dest) {
}
}
async function injectStructuredData(html) {
try {
const json = await fs.readFile('public/structured-data.json', 'utf8');
const minified = JSON.stringify(JSON.parse(json));
return html.replace(
/<script type="application\/ld\+json">[\s\S]*?<\/script>/,
`<script type="application/ld+json">${minified}</script>`
);
} catch (err) {
console.log(' ⚠️ structured-data.json not found, skipping injection');
return html;
}
}
async function minifyHTMLFile(inputPath, outputPath) {
const html = await fs.readFile(inputPath, 'utf8');
@@ -322,6 +338,10 @@ async function minifyHTMLFile(inputPath, outputPath) {
'<link rel="stylesheet" href="css/bundle.css">')
.replace(/<script src="site-scripts\/theme-toggle\.js"><\/script>/g, ''); // Remove individual script references
if (path.basename(inputPath) === 'index.html') {
updatedHTML = await injectStructuredData(updatedHTML);
}
const minified = await htmlMinify(updatedHTML, {
collapseWhitespace: true,
removeComments: true,
public/about.html
+15 -1
View File
@@ -5,9 +5,22 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' https://static.cloudflareinsights.com; object-src 'none';">
<!-- Primary SEO Meta Tags -->
<title>About Keyboard Vagabond | Digital Nomad Online Community</title>
<meta name="description" content="Learn about Keyboard Vagabond, an online community for digital nomads and remote workers. Community-run, ad-free social media built on respect, courtesy, and federated services.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.keyboardvagabond.com/about.html">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.keyboardvagabond.com/about.html">
<meta property="og:title" content="About Keyboard Vagabond | Digital Nomad Online Community">
<meta property="og:description" content="Learn about Keyboard Vagabond, an online community for digital nomads and remote workers. Community-run, ad-free social media built on respect, courtesy, and federated services.">
<meta property="og:site_name" content="Keyboard Vagabond">
<link rel="stylesheet" href="css/pico.jade.min.css">
<link rel="stylesheet" href="site-styles/style.css">
<title>Keyboard Vagabond - About</title>
</head>
<body>
<header class="container">
@@ -40,6 +53,7 @@
</ul>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="getting-started.html">Getting Started</a></li>
<li>
<button id="theme-toggle" class="outline secondary" role="switch" aria-label="Toggle theme">
<span id="theme-icon">🌙</span>
public/getting-started.html
+164
View File
@@ -0,0 +1,164 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' https://static.cloudflareinsights.com; object-src 'none';">
<!-- Primary SEO Meta Tags -->
<title>Getting Started | Keyboard Vagabond Fediverse Guide for Digital Nomads</title>
<meta name="description" content="Sign up for Keyboard Vagabond on Mastodon, Piefed, Pixelfed, and more. A step-by-step guide for digital nomads joining our federated online community.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.keyboardvagabond.com/getting-started.html">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.keyboardvagabond.com/getting-started.html">
<meta property="og:title" content="Getting Started | Keyboard Vagabond Fediverse Guide for Digital Nomads">
<meta property="og:description" content="Sign up for Keyboard Vagabond on Mastodon, Piefed, Pixelfed, and more. A step-by-step guide for digital nomads joining our federated online community.">
<meta property="og:site_name" content="Keyboard Vagabond">
<link rel="stylesheet" href="css/pico.jade.min.css">
<link rel="stylesheet" href="site-styles/style.css">
</head>
<body>
<header class="container">
<nav role="navigation" aria-label="Main navigation">
<ul class="desktop-nav">
<li><a target="_blank" href="https://mastodon.keyboardvagabond.com/public" rel="noopener">Mastodon</a></li>
<li><a target="_blank" href="https://piefed.keyboardvagabond.com" rel="noopener">Piefed</a></li>
<li><a target="_blank" href="https://pixelfed.keyboardvagabond.com" rel="noopener">Pixelfed</a></li>
<li><a target="_blank" href="https://bookwyrm.keyboardvagabond.com" rel="noopener">Bookwyrm</a></li>
<li><a target="_blank" href="https://blog.keyboardvagabond.com" rel="noopener">Write Freely</a></li>
<li><a target="_blank" href="https://picsur.keyboardvagabond.com" rel="noopener">Picsur</a></li>
</ul>
<ul class="mobile-nav">
<li>
<details class="dropdown">
<summary role="button" class="secondary">Sites</summary>
<ul>
<li><a target="_blank" href="https://mastodon.keyboardvagabond.com/public" rel="noopener">Mastodon</a></li>
<li><a target="_blank" href="https://piefed.keyboardvagabond.com" rel="noopener">Piefed</a></li>
<li><a target="_blank" href="https://pixelfed.keyboardvagabond.com" rel="noopener">Pixelfed</a></li>
<li><a target="_blank" href="https://bookwyrm.keyboardvagabond.com" rel="noopener">Bookwyrm</a></li>
<li><a target="_blank" href="https://blog.keyboardvagabond.com" rel="noopener">Write Freely</a></li>
<li><a target="_blank" href="https://picsur.keyboardvagabond.com" rel="noopener">Picsur</a></li>
</ul>
</details>
</li>
</ul>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li>
<button id="theme-toggle" class="outline secondary" role="switch" aria-label="Toggle theme">
<span id="theme-icon">🌙</span>
</button>
</li>
</ul>
</nav>
</header>
<main class="container">
<h1>Get started with Keyboard Vagabond</h1>
<p>New to the fediverse? This guide walks you through signing up on Keyboard Vagabond and customizing your feed. Accounts require manual approval to prevent spam—allow a little time after you sign up. For background on how the community works, see our <a href="about.html">about page</a>.</p>
<h2>Join a Keyboard Vagabond service</h2>
<section aria-labelledby="join-heading">
<p id="join-heading">If you want to make Keyboard Vagabond your home, sign up on <strong><a href="https://piefed.keyboardvagabond.com">Piefed</a></strong>,
<strong><a href="https://pixelfed.keyboardvagabond.com">Pixelfed</a></strong>, <strong><a href="https://mastodon.keyboardvagabond.com">Mastodon</a></strong>,
<strong><a href="https://bookwyrm.keyboardvagabond.com">Bookwyrm</a></strong>, or <strong><a href="https://blog.keyboardvagabond.com">Write Freely</a></strong>.
Then start customizing your feed.</p>
<h3>Piefed</h3>
<p>Browse the home page to see all known posts, or click the Local button to see posts made on this server.</p>
<figure>
<img src="https://picsur.keyboardvagabond.com/i/40afcd10-8779-4600-9df9-0bf3e48fd097.png?width=1000&shrinkOnly=true" alt="Screenshot showing Local posts on Piefed" loading="lazy">
</figure>
<p>Expand the explore menu to see collections of communities.</p>
<figure>
<img src="https://picsur.keyboardvagabond.com/i/b1350126-eaa0-40f1-969b-6a4683e06ccc.png?width=1000&shrinkOnly=true" alt="Screenshot of expanded feeds and topics on Piefed" loading="lazy">
</figure>
<h3>Mastodon</h3>
<p>After creating your account, head over to <a href="https://fedidevs.com/starter-packs/" rel="nofollow">fedidevs.com/starter-packs</a>
and search for accounts that fit your interests.</p>
<figure>
<img src="https://picsur.keyboardvagabond.com/i/43db7444-0d38-4761-aa68-2681085115c4.png?width=1000&shrinkOnly=true" alt="Screenshot of starter pack search on fedidevs.com" loading="lazy">
</figure>
<p>You can also visit the Explore page to see trending hashtags to follow. 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>
<figure>
<img src="https://picsur.keyboardvagabond.com/i/973f0461-e4ef-4440-b5a6-71cffeffe3f9.png?width=1000&shrinkOnly=true" alt="Screenshot of trending hashtags on Mastodon" loading="lazy">
</figure>
</section>
<h2>Expanding what you see</h2>
<section>
<p>Keyboard Vagabond is a smaller server, and the fediverse works by sharing what each instance follows.
Larger instances may have more content visible by default, but that does not mean they are better.
You can explore other servers, create accounts elsewhere, or subscribe to users and communities so their posts show up here.</p>
<h3>Other fediverse servers</h3>
<ul>
<li><a href="https://piefed.keyboardvagabond.com/auth/instance_chooser">Piefed Instance Chooser</a> — find other Piefed servers. <a href="https://piefed.social/" rel="nofollow">Piefed.social</a> is the flagship instance.</li>
<li><a href="https://join-lemmy.org/instances" rel="nofollow">Join Lemmy</a> — the original Reddit alternative, with <a href="https://lemmy.zip/" rel="nofollow">Lemmy.zip</a> as a popular choice.</li>
<li><a href="https://joinmastodon.org/servers" rel="nofollow">Join Mastodon</a> — Twitter alternative; <a href="https://mastodon.social" rel="nofollow">Mastodon.social</a> is the flagship instance.</li>
<li><a href="https://pixelfed.org/servers" rel="nofollow">Join Pixelfed</a> — photo sharing / Instagram alternative; <a href="https://pixelfed.social" rel="nofollow">Pixelfed.social</a> is the flagship instance.</li>
</ul>
</section>
<h2>Codes of Conduct</h2>
<section>
<p>While corporate media is primarily interested in the Terms of Service, the fediverse cares about the
Code of Conduct—the agreement for 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
create welcoming spaces that are free of harassment and bigotry.</p>
</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.
You control what you see by choosing who and what to follow. On Piefed, use the Explore button, Posts/Hashtags/News tabs,
local communities, and topics to discover nomad-focused content.</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>
</main>
<footer class="container" role="contentinfo">
<p>
<span><a href="index.html">Home</a> · <a href="about.html">About</a></span><br>
<span>Contact: <a href="mailto:admin@mail.keyboardvagabond.com">admin@mail.keyboardvagabond.com</a></span><br>
<span>Copyright 2025 Keyboard Vagabond</span>
</p>
</footer>
<script src="scripts/bundle.js"></script>
</body>
</html>
public/index.html
+45 -73
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 -->
@@ -139,7 +143,31 @@
</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>
public/robots.txt
+1
View File
@@ -14,6 +14,7 @@ Disallow: /picsur/
# Allow important pages
Allow: /about.html
Allow: /getting-started.html
Allow: /css/
Allow: /scripts/
Allow: /site-styles/
public/sitemap.xml
+25 -19
View File
@@ -2,51 +2,57 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://www.keyboardvagabond.com/</loc>
<lastmod>2025-09-28</lastmod>
<lastmod>2026-06-08</lastmod>
<changefreq>weekly</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>https://www.keyboardvagabond.com/getting-started.html</loc>
<lastmod>2026-06-08</lastmod>
<changefreq>monthly</changefreq>
<priority>0.9</priority>
</url>
<url>
<loc>https://www.keyboardvagabond.com/about.html</loc>
<lastmod>2025-09-28</lastmod>
<lastmod>2026-06-08</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
<!-- Fediverse Services - These are external but part of our ecosystem -->
<url>
<loc>https://mastodon.keyboardvagabond.com/</loc>
<lastmod>2025-09-28</lastmod>
<changefreq>daily</changefreq>
<priority>0.7</priority>
<lastmod>2026-06-08</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://piefed.keyboardvagabond.com/</loc>
<lastmod>2025-09-28</lastmod>
<changefreq>daily</changefreq>
<priority>0.7</priority>
<lastmod>2026-06-08</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://pixelfed.keyboardvagabond.com/</loc>
<lastmod>2025-09-28</lastmod>
<changefreq>daily</changefreq>
<priority>0.7</priority>
<lastmod>2026-06-08</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://bookwyrm.keyboardvagabond.com/</loc>
<lastmod>2025-09-28</lastmod>
<changefreq>daily</changefreq>
<priority>0.7</priority>
<lastmod>2026-06-08</lastmod>
<changefreq>weekly</changefreq>
<priority>0.4</priority>
</url>
<url>
<loc>https://blog.keyboardvagabond.com/</loc>
<lastmod>2025-09-28</lastmod>
<changefreq>daily</changefreq>
<priority>0.7</priority>
<lastmod>2026-06-08</lastmod>
<changefreq>weekly</changefreq>
<priority>0.4</priority>
</url>
<url>
<loc>https://picsur.keyboardvagabond.com/</loc>
<lastmod>2025-09-28</lastmod>
<lastmod>2026-06-08</lastmod>
<changefreq>weekly</changefreq>
<priority>0.6</priority>
<priority>0.4</priority>
</url>
</urlset>
public/structured-data.json
+98 -32
View File
@@ -2,16 +2,12 @@
{
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "https://www.keyboardvagabond.com/#website",
"name": "Keyboard Vagabond",
"url": "https://www.keyboardvagabond.com",
"description": "A fediverse community for digital nomads, remote workers, and travel enthusiasts offering multiple social media alternatives including Mastodon, Piefed, Pixelfed, Bookwyrm, and Write Freely.",
"description": "Keyboard Vagabond is an online community and social media hub for digital nomads, remote workers, and travel enthusiasts. Connect through Mastodon, Piefed, Pixelfed, Bookwyrm, and Write Freely—ad-free, community-run, and federated.",
"publisher": {
"@type": "Organization",
"name": "Keyboard Vagabond",
"logo": "https://picsur.michaeldileo.org/i/b4579222-367e-4601-b634-87e6d66e3a99.png?width=400",
"foundingDate": "2025",
"areaServed": "Global",
"knowsAbout": ["Fediverse", "Digital Nomadism", "Remote Work", "Travel", "Social Media Alternatives"]
"@id": "https://www.keyboardvagabond.com/#organization"
},
"mainEntity": {
"@type": "ItemList",
@@ -27,48 +23,55 @@
{
"@type": "ListItem",
"position": 2,
"name": "Getting Started",
"url": "https://www.keyboardvagabond.com/getting-started.html",
"description": "Guide to signing up and customizing your feed on Keyboard Vagabond"
},
{
"@type": "ListItem",
"position": 3,
"name": "About",
"url": "https://www.keyboardvagabond.com/about.html",
"description": "Learn more about Keyboard Vagabond community"
},
{
"@type": "ListItem",
"position": 3,
"position": 4,
"name": "Mastodon",
"url": "https://mastodon.keyboardvagabond.com",
"description": "Social media alternative to Twitter"
},
{
"@type": "ListItem",
"position": 4,
"name": "Piefed",
"url": "https://piefed.keyboardvagabond.com",
"description": "Community forum alternative to Reddit"
"description": "Social media for digital nomads—alternative to Twitter"
},
{
"@type": "ListItem",
"position": 5,
"name": "Pixelfed",
"url": "https://pixelfed.keyboardvagabond.com",
"description": "Photo sharing platform alternative to Instagram"
"name": "Piefed",
"url": "https://piefed.keyboardvagabond.com",
"description": "Community forums for digital nomads—alternative to Reddit"
},
{
"@type": "ListItem",
"position": 6,
"name": "Bookwyrm",
"url": "https://bookwyrm.keyboardvagabond.com",
"description": "Book discussion and review platform"
"name": "Pixelfed",
"url": "https://pixelfed.keyboardvagabond.com",
"description": "Photo sharing for travelers—alternative to Instagram"
},
{
"@type": "ListItem",
"position": 7,
"name": "Write Freely",
"url": "https://blog.keyboardvagabond.com",
"description": "Minimalist federated blogging platform"
"name": "Bookwyrm",
"url": "https://bookwyrm.keyboardvagabond.com",
"description": "Book discussion and review platform for nomads"
},
{
"@type": "ListItem",
"position": 8,
"name": "Write Freely",
"url": "https://blog.keyboardvagabond.com",
"description": "Federated blogging platform for digital nomads"
},
{
"@type": "ListItem",
"position": 9,
"name": "Picsur",
"url": "https://picsur.keyboardvagabond.com",
"description": "Image hosting service"
@@ -79,10 +82,11 @@
{
"@context": "https://schema.org",
"@type": "Organization",
"@id": "https://www.keyboardvagabond.com/#organization",
"name": "Keyboard Vagabond",
"url": "https://www.keyboardvagabond.com",
"logo": "https://picsur.michaeldileo.org/i/b4579222-367e-4601-b634-87e6d66e3a99.png?width=400",
"description": "A fediverse community for digital nomads, remote workers, and travel enthusiasts offering multiple social media alternatives including Mastodon, Piefed, Pixelfed, Bookwyrm, and Write Freely.",
"description": "Keyboard Vagabond is an online community and social media hub for digital nomads, remote workers, and travel enthusiasts. Connect through Mastodon, Piefed, Pixelfed, Bookwyrm, and Write Freely—ad-free, community-run, and federated.",
"sameAs": [
"https://mastodon.keyboardvagabond.com",
"https://piefed.keyboardvagabond.com",
@@ -92,7 +96,17 @@
],
"foundingDate": "2025",
"areaServed": "Global",
"knowsAbout": ["Fediverse", "Digital Nomadism", "Remote Work", "Travel", "Social Media Alternatives"],
"knowsAbout": [
"Fediverse",
"Digital Nomadism",
"Remote Work",
"Travel",
"Social Media Alternatives",
"Online Communities",
"Digital Nomad Social Media",
"Community Forums",
"Decentralized Social Media"
],
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Fediverse Services",
@@ -102,7 +116,7 @@
"itemOffered": {
"@type": "Service",
"name": "Mastodon",
"description": "Decentralized social media alternative to Twitter"
"description": "Decentralized social media for digital nomads—alternative to Twitter"
}
},
{
@@ -110,7 +124,7 @@
"itemOffered": {
"@type": "Service",
"name": "Piefed",
"description": "Community forum alternative to Reddit with enhanced features"
"description": "Community forums for digital nomads—alternative to Reddit with enhanced features"
}
},
{
@@ -118,7 +132,7 @@
"itemOffered": {
"@type": "Service",
"name": "Pixelfed",
"description": "Photo sharing platform alternative to Instagram"
"description": "Photo sharing for travelers—alternative to Instagram"
}
},
{
@@ -126,7 +140,7 @@
"itemOffered": {
"@type": "Service",
"name": "Bookwyrm",
"description": "Book discussion and review platform"
"description": "Book discussion and review platform for nomads"
}
},
{
@@ -134,10 +148,62 @@
"itemOffered": {
"@type": "Service",
"name": "Write Freely",
"description": "Minimalist federated blogging platform"
"description": "Federated blogging platform for digital nomads"
}
}
]
}
},
{
"@context": "https://schema.org",
"@type": "WebPage",
"@id": "https://www.keyboardvagabond.com/#webpage",
"url": "https://www.keyboardvagabond.com/",
"name": "Keyboard Vagabond | Digital Nomad Online Community & Social Media",
"description": "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.",
"isPartOf": {
"@id": "https://www.keyboardvagabond.com/#website"
},
"about": {
"@id": "https://www.keyboardvagabond.com/#organization"
}
},
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What social media do digital nomads use?",
"acceptedAnswer": {
"@type": "Answer",
"text": "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."
}
},
{
"@type": "Question",
"name": "Where can digital nomads find online communities?",
"acceptedAnswer": {
"@type": "Answer",
"text": "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."
}
},
{
"@type": "Question",
"name": "What is Keyboard Vagabond?",
"acceptedAnswer": {
"@type": "Answer",
"text": "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."
}
},
{
"@type": "Question",
"name": "How is this different from Facebook or Reddit?",
"acceptedAnswer": {
"@type": "Answer",
"text": "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."
}
}
]
}
]