Skip to content

SEO: written guides on the first ten template pages - #28

Merged
hiabhee merged 1 commit into
mainfrom
feat/template-guides
Nov 7, 2026
Merged

hiabhee merged 1 commit into
mainfrom
feat/template-guides

Conversation

@hiabhee

@hiabhee hiabhee commented Nov 7, 2026

Copy link
Copy Markdown
Owner

Summary

Template pages target "X architecture diagram" searches, but they held only a diagram plus component and connection lists, about 450–570 words. The pages that rank for these searches are long walkthroughs.

Ten templates now carry a written guide (data/templates/guides.ts), rendered by components/landing/templates/TemplateGuide.tsx under the diagram:

  • How the architecture works: what the system does and how the diagram is laid out
  • Request flow, step by step: numbered walkthroughs that follow the template's own connections
  • Key design decisions: each choice with its reason and its cost
  • How it scales
  • Frequently asked questions: three searched-for questions, also published as FAQPage JSON-LD

Templates covered: ChatGPT, Netflix, Uber ride-sharing, Instagram, video streaming, URL shortener, e-commerce, chat system, microservices, event-driven. The ChatGPT page goes from 572 to 1,227 words, Netflix to 1,140 and URL shortener to 808. Templates without a guide are unchanged.

Real products are described from public information only, and the page already says the design is representative.

Test plan

  • guides.test.ts: each guide belongs to a real template, has every section and names most of that template's components
  • Template, site and design-guard tests pass (89); tsc and eslint clean
  • Dev server: guide sections and FAQ render, FAQPage JSON-LD present
  • After deploy: check /templates/chatgpt with Google's Rich Results Test

Template pages were ~450-570 words of component lists. Ten now carry a
guide written against the template's own diagram: how the architecture
works, request flows step by step, key design decisions, how it scales
and three searched-for questions (also as FAQPage JSON-LD).

ChatGPT, Netflix, Uber ride-sharing, Instagram, video streaming, URL
shortener, e-commerce, chat system, microservices, event-driven.
ChatGPT page: 572 -> 1,227 words.

guides.test.ts checks each guide belongs to a template, is complete and
names most of that template's components.
@vercel

vercel Bot commented Nov 7, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
arch-draw Ready Ready Preview Nov 7, 2026 12:42pm UTC

@coderabbitai

coderabbitai Bot commented Nov 7, 2026

Copy link
Copy Markdown

Important

  • Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

Run configuration

  • Source mode: Auto
  • Repository: Unavailable
  • Branch: Unavailable
  • File: No configuration file from this repository applied
  • Commit: Unavailable
  • Layers: defaults
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 66df99ad-75fb-45bb-8324-bd08b108d192
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

Share

@hiabhee
hiabhee merged commit 9b238e1 into main Nov 7, 2026
6 checks passed
@hiabhee
hiabhee deleted the feat/template-guides branch November 7, 2026 14:54
@hiabhee
hiabhee restored the feat/template-guides branch November 7, 2026 14:54
@hiabhee
hiabhee deleted the feat/template-guides branch November 7, 2026 14:55

This branch was successfully deployed

1 active deployment
Preview — 6ce0e931 Deployed Nov 7, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant