# Frontend SEO React

> Standardized guidelines and patterns for Frontend Seo React.

- Skill: `valec3/frontend-seo-react` (Agent Skill)
- Install (CLI): `npx skillmds add valec3/frontend-seo-react`
- Raw SKILL.md: https://api.skillmd.com/api/skills/valec3/frontend-seo-react/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: valec3 (https://skillmd.com/u/valec3)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/valec3/frontend-seo-react

---


# Frontend Seo React

## When to use this skill
- Optimizing for search engines
- Adding meta tags
- Structured data
- Server-side rendering for SEO

## Workflow
- [ ] Add meta tags
- [ ] Use react-helmet or Next.js Head
- [ ] Implement structured data
- [ ] Ensure proper heading hierarchy
- [ ] Create sitemap

## Instructions

### Meta Tags (Next.js)
```typescript
import Head from 'next/head';

<Head>
  <title>Page Title</title>
  <meta name="description" content="Page description" />
  <meta property="og:title" content="Social Title" />
  <meta property="og:description" content="Social description" />
  <meta property="og:image" content="/og-image.jpg" />
</Head>
```

### Structured Data
```typescript
<script type="application/ld+json">
  {JSON.stringify({
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "Title",
    "author": { "@type": "Person", "name": "Author" }
  })}
</script>
```

## Resources
- Use SSR for public pages
- Add Open Graph tags
- Implement structured data
- Create XML sitemap

