SEO Best Practices

# SEO Best Practices for Google Antigravity

Master SEO in Google Antigravity IDE.

## Dynamic Metadata

```typescript
import { Metadata } from "next";

export async function generateMetadata({ params }): Promise<Metadata> {
  const post = await getPost(params.slug);

  return {
    title: post.title,
    description: post.excerpt,
    openGraph: {
      title: post.title,
      description: post.excerpt,
      images: [{ url: post.coverImage }],
      type: "article"
    },
    alternates: {
      canonical: `https://myapp.com/blog/${params.slug}`
    }
  };
}
```

## Structured Data

```typescript
export function ArticleSchema({ post }: { post: Post }) {
  const schema = {
    "@context": "https://schema.org",
    "@type": "Article",
    headline: post.title,
    description: post.excerpt,
    datePublished: post.publishedAt,
    author: { "@type": "Person", name: post.author.name }
  };

  return (
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
    />
  );
}
```

## Sitemap

```typescript
export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
  const posts = await getAllPosts();
  
  return [
    { url: "https://myapp.com", priority: 1 },
    ...posts.map(post => ({
      url: `https://myapp.com/blog/${post.slug}`,
      lastModified: post.updatedAt,
      priority: 0.8
    }))
  ];
}
```

## Best Practices

1. **Unique titles** - Each page unique
2. **Fast loading** - Core Web Vitals matter

Google Antigravity IDE provides SEO scaffolding.