SEO Setup

1. Check the current state

Run on the build output (e.g. out/, dist/, .next export, or a saved HTML file):

python3 scripts/site_check.py <dir-or-file>

It flags per page: missing/duplicate title & description, length issues, missing canonical, OG/Twitter tags, lang, multiple/missing h1, images without alt, noindex. Also check robots.txt and sitemap.xml exist.

SPA warning: a client-only React/Vue SPA serves an empty HTML shell — crawlers and social previews see nothing. For sites that need SEO, recommend SSR/SSG (Next.js, Nuxt, Astro) or prerendering.

2. Per-page essentials

• <title>: unique, ~50–60 chars, main keyword early, brand at the end (Jasa Desain Interior Medan | Nama Brand).
• <meta name="description">: unique, ~140–160 chars, written to get the click.
• <link rel="canonical" href="https://domain.com/path"> absolute URL.
• One <h1> matching search intent; logical h2/h3.
• Open Graph: og:title, og:description, og:image (1200×630, absolute URL, < 1MB), og:url, og:type. Twitter: twitter:card=summary_large_image.
• <html lang="…">, <meta name="viewport" content="width=device-width, initial-scale=1">.
• Descriptive URLs (/layanan/desain-interior, not /page?id=3), internal links with descriptive anchor text.