AddThisFeature

SEO Setup

Make your app findable — titles, meta, Open Graph, sitemap, robots.

simple Developer Experience

What it adds

The baseline SEO and social-preview setup every public app should have, and most skip.

What your agent is told to do

5
  1. 1

    Give every public page a unique, descriptive title and meta description. Find the app's layout and add a mechanism for each page to set them.

  2. 2

    Add Open Graph and Twitter Card tags so shared links render a preview instead of a bare URL.

  3. 3

    Generate a sitemap.xml covering every public, indexable page, and a robots.txt pointing at it.

  4. 4

    Add canonical URLs to prevent duplicate-content splits.

  5. 5

    Add structured data (JSON-LD) where the content has an obvious schema.org type.

Edge cases it handles

4
  • Authenticated and private pages MUST be excluded from the sitemap and marked noindex. Leaking a private URL into a sitemap is a real breach.
  • Staging and preview environments must be noindex — verify this; it is the most common SEO mistake.
  • Paywalled pages need careful handling. Do not cloak.
  • Trailing-slash and case variants must canonicalize to a single URL.

Definition of done

8
  • Every public page has a unique title and description.
  • Shared links render a correct Open Graph preview.
  • sitemap.xml lists only public, indexable pages.
  • robots.txt is present and points at the sitemap.
  • Private and staging pages are noindex and absent from the sitemap.
  • Canonical URLs are set.
  • The feature matches the existing design system.
  • No existing functionality is broken.

Related features

How it works

  1. 1

    Copy the link

    Grab the Markdown instruction URL for this feature.

  2. 2

    Give it to your AI

    Paste it into Claude Code, Cursor, v0, Lovable — whatever you build with.

  3. 3

    It inspects, then implements

    Your agent reads your existing app first, then adds the feature to fit it.

Works with your stack

These instructions are written to adapt. They tell the agent to detect your framework, match your existing design system, and reuse what you already have — rather than assuming a particular stack.

Need it tighter than that? Customize the feature and tell it exactly what you're running.