Give every public route its own description, and keep canonicals and structured data on the host that serves the page.

Decorative images on the marketing pages stay quiet, and every dialog close button is named Close.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/(marketing)/how-it-works/page.tsx

@@ -10,7 +10,8 @@ import {
   buildHowItWorksSyntheticPost,
   HOW_IT_WORKS_SENTINEL_SLUG,
 } from "../../../lib/howItWorksSyntheticPost";
-import { routeMetadata } from "../../../lib/siteMetadata";
+import { getRequestSiteOrigin } from "../../../lib/requestSiteOrigin";
+import { absoluteSiteUrl, routeMetadata } from "../../../lib/siteMetadata";
 import ContentBanner from "../../components/sections/ContentBanner";
 import ContentTemplateDecorativeShapes from "../_components/ContentTemplateDecorativeShapes";
 import AskOrganizer from "../../components/sections/AskOrganizer";
@@ -36,14 +37,15 @@ export async function generateMetadata(): Promise<Metadata> {
     keywords: meta.keywords,
     openGraph: {
       title: page.banner.title,
-      description: page.banner.description,
+      description: meta.description,
       type: "website",
       siteName: messages.metadata.siteName,
     },
   });
 }
 
-export default function HowItWorksPage() {
+export default async function HowItWorksPage() {
+  const origin = await getRequestSiteOrigin();
   const page = messages.pages.howItWorks;
   const syntheticPost = buildHowItWorksSyntheticPost(page);
 
@@ -61,12 +63,12 @@ export default function HowItWorksPage() {
     "@context": "https://schema.org",
     "@type": "WebPage",
     name: page.banner.title,
-    description: page.banner.description,
-    url: "https://communityrule.com/how-it-works",
+    description: messages.metadata.howItWorks.description,
+    url: absoluteSiteUrl("/how-it-works", origin),
     publisher: {
       "@type": "Organization",
       name: "CommunityRule",
-      url: "https://communityrule.com",
+      url: absoluteSiteUrl("/", origin),
     },
   };
 
@@ -78,13 +80,13 @@ export default function HowItWorksPage() {
         "@type": "ListItem",
         position: 1,
         name: "Home",
-        item: "https://communityrule.com",
+        item: absoluteSiteUrl("/", origin),
       },
       {
         "@type": "ListItem",
         position: 2,
         name: page.banner.title,
-        item: "https://communityrule.com/how-it-works",
+        item: absoluteSiteUrl("/how-it-works", origin),
       },
     ],
   };