From d0fa9ae8dab0ba34ff88edf3b2b8ce18078ae662 Mon Sep 17 00:00:00 2001
From: Amruth Pillai <im.amruth@gmail.com>
Date: Mon, 17 Aug 2026 22:19:52 +0200
Subject: [PATCH] fix(seo): shorten the meta description for mobile search
 results

The 131 character description overflowed the three line snippet Google renders
on mobile. The replacement is 114 characters and keeps the same claims.
---
 apps/server/src/static/web.ts  | 3 ++-
 apps/web/index.html            | 3 ++-
 apps/web/src/routes/__root.tsx | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/server/src/static/web.ts b/apps/server/src/static/web.ts
index 9833ed7d5..df2cb4fed 100644
--- a/apps/server/src/static/web.ts
+++ b/apps/server/src/static/web.ts
@@ -60,8 +60,9 @@ const BASE_SECURITY_HEADERS = {
 };
 
 const ROOT_TITLE = "Reactive Resume — A free and open-source resume builder";
+// Keep under ~120 characters so Google's mobile SERP snippet is not truncated at 3 lines.
 const ROOT_DESCRIPTION =
-	"Reactive Resume is a free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume.";
+	"Free, open-source resume builder. Create, update, and share a professional resume in minutes — no ads, no paywall.";
 const ROOT_POSTER_PATH = "/videos/timelapse-v1.webp";
 const ROOT_FAQ_ITEMS = [
 	{
diff --git a/apps/web/index.html b/apps/web/index.html
index 8ae633e64..e5d305ce0 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -9,7 +9,8 @@
 		<meta name="apple-mobile-web-app-capable" content="yes" />
 		<meta name="apple-mobile-web-app-title" content="Reactive Resume" />
 		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-		<meta name="description" content="Reactive Resume is a free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume.">
+		<!-- Keep under ~120 characters so Google's mobile SERP snippet is not truncated at 3 lines. -->
+		<meta name="description" content="Free, open-source resume builder. Create, update, and share a professional resume in minutes — no ads, no paywall.">
 
 		<link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="128x128" />
 		<link rel="icon" href="/favicon.svg" type="image/svg+xml" sizes="256x256 any" />
diff --git a/apps/web/src/routes/__root.tsx b/apps/web/src/routes/__root.tsx
index 689f16dc7..e3586bb5c 100644
--- a/apps/web/src/routes/__root.tsx
+++ b/apps/web/src/routes/__root.tsx
@@ -43,8 +43,9 @@ type RouterContext = {
 const appName = "Reactive Resume";
 const tagline = "A free and open-source resume builder";
 const title = `${appName} — ${tagline}`;
+// Keep under ~120 characters so Google's mobile SERP snippet is not truncated at 3 lines.
 const description =
-	"Reactive Resume is a free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume.";
+	"Free, open-source resume builder. Create, update, and share a professional resume in minutes — no ads, no paywall.";
 const iconContextValue: IconProps = { size: 16, weight: "regular" };
 
 export const Route = createRootRouteWithContext<RouterContext>()({