name	seo-friendly-design
description	Use when designing for SEO. Covers semantic HTML, page structure, meta tags, schema markup, internal linking, and the design decisions that affect rankings.

Seo Friendly Design

SEO is a design concern. Get the foundation right; content does the rest.

Semantic HTML

One h1 per page. Heading hierarchy logical.

, , , used. Schema.org structured data.

Meta tags

Title (50-60 chars). Description (150-160 chars). OG tags for social previews.

Page structure

URL slugs descriptive. Sitemap.xml. Robots.txt. Canonical tags for duplicate content.

Internal linking

Related-content links. Topic clusters. Avoid orphan pages.

Common mistakes

Multiple h1s per page. No meta descriptions. Title tags duplicated. No sitemap. Single-page apps without server-rendered HTML.

Where this fits in X3 Compass

Applied across the X3 Compass design system.

name	seo-friendly-design
description	Use when designing for SEO. Covers semantic HTML, page structure, meta tags, schema markup, internal linking, and the design decisions that affect rankings.