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>

tests/unit/ContentContainer.test.jsx

@@ -26,6 +26,13 @@ vi.mock("../../lib/assetUtils", () => ({
 }));
 
 // Mock blog post data
+function decorativeIcon() {
+  const icon = document.querySelector("img");
+  expect(icon).toBeTruthy();
+  expect(icon).toHaveAttribute("alt", "");
+  return icon;
+}
+
 const mockPost = {
   slug: "test-article",
   frontmatter: {
@@ -57,7 +64,7 @@ describe("ContentContainer", () => {
   it("displays the icon correctly", () => {
     render(<ContentContainer post={mockPost} />);
 
-    const icon = screen.getByAltText("Icon for Test Article Title");
+    const icon = decorativeIcon();
     expect(icon).toBeInTheDocument();
     expect(icon).toHaveAttribute(
       "src",
@@ -125,9 +132,7 @@ describe("ContentContainer", () => {
   it("has proper spacing between icon and text", () => {
     render(<ContentContainer post={mockPost} />);
 
-    const iconContainer = screen
-      .getByAltText("Icon for Test Article Title")
-      .closest("div");
+    const iconContainer = decorativeIcon().closest("div");
     const textContainer = screen.getByText("Test Article Title").closest("div");
 
     // Check the content container (parent of icon)
@@ -169,7 +174,7 @@ describe("ContentContainer", () => {
   it("uses per-article tag assets for catalog slugs", () => {
     const { rerender } = render(<ContentContainer post={mockPost} />);
 
-    let icon = screen.getByAltText("Icon for Test Article Title");
+    let icon = decorativeIcon();
     expect(icon).toHaveAttribute(
       "src",
       "/content/blog/resolving-active-conflicts-tag.svg",
@@ -178,7 +183,7 @@ describe("ContentContainer", () => {
     const post2 = { ...mockPost, slug: "operational-security-mutual-aid" };
     rerender(<ContentContainer post={post2} />);
 
-    icon = screen.getByAltText("Icon for Test Article Title");
+    icon = decorativeIcon();
     expect(icon).toHaveAttribute(
       "src",
       "/content/blog/operational-security-mutual-aid-tag.svg",
@@ -187,7 +192,7 @@ describe("ContentContainer", () => {
     const post3 = { ...mockPost, slug: "making-decisions-without-hierarchy" };
     rerender(<ContentContainer post={post3} />);
 
-    icon = screen.getByAltText("Icon for Test Article Title");
+    icon = decorativeIcon();
     expect(icon).toHaveAttribute(
       "src",
       "/content/blog/making-decisions-without-hierarchy-tag.svg",
@@ -211,7 +216,7 @@ describe("ContentContainer", () => {
   it("applies correct responsive sizing for xs breakpoint", () => {
     render(<ContentContainer post={mockPost} size="xs" />);
 
-    const icon = screen.getByAltText("Icon for Test Article Title");
+    const icon = decorativeIcon();
     expect(icon).toHaveClass("w-[60px]", "h-[30px]");
 
     const title = screen.getByText("Test Article Title");
@@ -224,7 +229,7 @@ describe("ContentContainer", () => {
   it("applies correct responsive sizing for responsive breakpoint", () => {
     render(<ContentContainer post={mockPost} size="responsive" />);
 
-    const icon = screen.getByAltText("Icon for Test Article Title");
+    const icon = decorativeIcon();
     expect(icon).toHaveClass("w-[60px]", "h-[30px]");
 
     const title = screen.getByText("Test Article Title");
@@ -237,8 +242,8 @@ describe("ContentContainer", () => {
   it("has proper accessibility attributes", () => {
     render(<ContentContainer post={mockPost} />);
 
-    const icon = screen.getByAltText("Icon for Test Article Title");
-    expect(icon).toHaveAttribute("alt", "Icon for Test Article Title");
+    const icon = decorativeIcon();
+    expect(icon).toHaveAttribute("alt", "");
   });
 
   it("handles long titles gracefully", () => {

tests/unit/QuoteBlock.test.jsx

@@ -21,7 +21,7 @@ describe("QuoteBlock Component", () => {
     expect(
       screen.getByText("The Tyranny of Structurelessness"),
     ).toBeInTheDocument();
-    expect(screen.getByAltText("Portrait of Jo Freeman")).toBeInTheDocument();
+    expect(document.querySelector("img")).toHaveAttribute("alt", "");
   });
 
   test("renders with custom props", () => {

tests/unit/governanceTemplateCatalog.test.ts

@@ -3,6 +3,7 @@ import {
   GOVERNANCE_TEMPLATE_CATALOG,
   GOVERNANCE_TEMPLATE_HOME_SLUGS,
   getGovernanceTemplatesForHome,
+  templateReviewDocument,
 } from "../../lib/templates/governanceTemplateCatalog";
 
 /**
@@ -48,4 +49,19 @@ describe("governanceTemplateCatalog (Figma 21764-16435)", () => {
     ]);
     expect(getGovernanceTemplatesForHome()).toHaveLength(4);
   });
+
+  it("puts the template name in the review document title", () => {
+    expect(templateReviewDocument("consensus", null)).toEqual({
+      title: "Consensus",
+      description:
+        "Important decisions require unanimous agreement. Proposals pass only if no serious objections remain.",
+    });
+    expect(
+      templateReviewDocument("consensus", {
+        title: "Saved Consensus",
+        description: "Saved description",
+      })?.title,
+    ).toBe("Saved Consensus");
+    expect(templateReviewDocument("missing-slug", null)).toBeNull();
+  });
 });

tests/unit/hooks/useSchemaData.test.jsx

@@ -24,16 +24,12 @@ describe("useSchemaData", () => {
     });
   });
 
-  test("generates WebSite schema", () => {
+  test("generates WebSite schema without a search action", () => {
     const { result } = renderHook(() =>
       useSchemaData({
         type: "WebSite",
         name: "Test Site",
         url: "https://example.com",
-        potentialAction: {
-          target: "https://example.com/search?q={search_term_string}",
-          "query-input": "required name=search_term_string",
-        },
       }),
     );
 
@@ -42,12 +38,8 @@ describe("useSchemaData", () => {
       "@type": "WebSite",
       name: "Test Site",
       url: "https://example.com",
-      potentialAction: {
-        "@type": "SearchAction",
-        target: "https://example.com/search?q={search_term_string}",
-        "query-input": "required name=search_term_string",
-      },
     });
+    expect(result.current).not.toHaveProperty("potentialAction");
   });
 
   test("generates HowTo schema", () => {

tests/unit/siteMetadata.test.ts

@@ -1,8 +1,10 @@
 import { afterEach, describe, expect, it } from "vitest";
 import metadataMessages from "../../messages/en/metadata.json";
 import {
+  absoluteSiteUrl,
   articleShareImages,
   buildRobots,
+  configuredSiteOrigin,
   metadataBaseUrl,
   NO_INDEX_ROBOTS,
   originFromHost,
@@ -12,6 +14,7 @@ import {
   routeMetadata,
   sitemapUrl,
   templatesShareImages,
+  websiteJsonLd,
 } from "../../lib/siteMetadata";
 
 const ORIGINAL_SITE_INDEXING = process.env.SITE_INDEXING;
@@ -66,6 +69,9 @@ describe("routeMetadata", () => {
     });
     expect(meta.title).toBe("Learn");
     expect(meta.description).toBe("Copy");
+    expect(meta.openGraph?.description).toBe("Copy");
+    expect(meta.openGraph?.title).toBe("Learn");
+    expect(meta.twitter?.description).toBe("Copy");
     expect(meta.alternates?.canonical).toBe("/learn");
     expect(meta.openGraph?.url).toBe("/learn");
   });
@@ -99,6 +105,32 @@ describe("routeMetadata", () => {
   });
 });
 
+describe("absoluteSiteUrl", () => {
+  it("uses the configured origin, which is production when no app origin is set", () => {
+    delete process.env.CLOUDRON_APP_ORIGIN;
+    expect(PRODUCTION_SITE_ORIGIN).toBe("https://communityrule.info");
+    expect(configuredSiteOrigin()).toBe(PRODUCTION_SITE_ORIGIN);
+    expect(absoluteSiteUrl("/")).toBe("https://communityrule.info");
+    expect(absoluteSiteUrl("/about")).toBe("https://communityrule.info/about");
+  });
+
+  it("follows CLOUDRON_APP_ORIGIN so a staging build does not advertise production", () => {
+    process.env.CLOUDRON_APP_ORIGIN = "https://staging.communityrule.info";
+    expect(absoluteSiteUrl("/learn")).toBe(
+      "https://staging.communityrule.info/learn",
+    );
+  });
+
+  it("builds a WebSite block with no search action", () => {
+    expect(websiteJsonLd("https://communityrule.info")).toEqual({
+      "@context": "https://schema.org",
+      "@type": "WebSite",
+      name: "CommunityRule",
+      url: "https://communityrule.info",
+    });
+  });
+});
+
 describe("sitemapUrl", () => {
   it("resolves paths against the production origin", () => {
     expect(sitemapUrl("/")).toBe(PRODUCTION_SITE_ORIGIN);
@@ -137,7 +169,8 @@ describe("originFromHost", () => {
     expect(originFromHost("staging.communityrule.info")).toBe(
       "https://staging.communityrule.info",
     );
-    expect(originFromHost("communityrule.com")).toBe(PRODUCTION_SITE_ORIGIN);
+    expect(originFromHost("communityrule.info")).toBe(PRODUCTION_SITE_ORIGIN);
+    expect(originFromHost("communityrule.com")).toBe("https://communityrule.com");
   });
 
   it("keeps http for localhost so local previews resolve", () => {