Optimizes the portfolio for search engines by ensuring proper metadata, structured data (JSON-LD), semantic HTML, sitemaps, and social sharing previews.

When to use this skill

Adding or modifying pages
Improving search engine rankings
Setting up social media previews (Open Graph, Twitter Cards)
Adding structured data for rich results
Generating or updating sitemaps

Workflow

Title and meta description — Every page needs a unique, descriptive <title> and <meta name="description">. Under 60 chars for title, 155-160 chars for description.
Open Graph / Twitter Cards — Set og:title, og:description, og:image, og:url, twitter:card, twitter:title, twitter:description, twitter:image.
Structured data (JSON-LD) — Add <JsonLd> component with appropriate schema (Person, WebSite, BlogPosting, Project, etc.). Follow existing patterns in the codebase.
Semantic HTML — Proper heading hierarchy (<h1>–<h6>). Use <article>, <section>, <nav>, <main>, <aside>, <footer> appropriately.
Sitemap — Ensure public/sitemap.xml or app/sitemap.ts is up to date with all canonical URLs. Include lastmod, changefreq, priority.
robots.txt — Verify public/robots.txt allows crawling of important pages, disallows admin/studio paths.
Canonical URLs — Every page has a <link rel="canonical"> to prevent duplicate content issues.
Performance — SEO and performance are linked. Ensure LCP < 2.5s, good Core Web Vitals per performance-optimization skill.

Common patterns in this codebase

<JsonLd> component used for structured data
Metadata exported from layout.tsx or page files using Next.js metadata export
Open Graph images served from public directory or Sanity CMS
Blog posts use BlogPosting schema

Delivery Checks

Unique title and meta description per page
Open Graph and Twitter Card tags present
JSON-LD structured data added where relevant
Semantic heading hierarchy
Sitemap includes all public pages
robots.txt properly configured
Canonical URLs set
Lighthouse SEO score ≥ 90

Más de este repositorio

mismo repositorio

nextjs-16-migration

PP-Namias/Portfolio

Migrate from Next.js 15 to Next.js 16 and handle breaking changes

2026-06-172

csp-security-headers

PP-Namias/Portfolio

Configure Content Security Policy and security headers for the portfolio

2026-06-172

opennext-cloudflare

PP-Namias/Portfolio

Deploy Next.js to Cloudflare Workers using OpenNext adapter

2026-06-172

canary-token-system

PP-Namias/Portfolio

Manage the canary token honeypot system for detecting security scanning

2026-06-172

sanity-groq-query

PP-Namias/Portfolio

Write, debug, and optimize GROQ queries for Sanity CMS in this portfolio

2026-06-172

typescript-advanced

PP-Namias/Portfolio

Advanced TypeScript patterns and type safety as used in this portfolio

2026-06-172

SEO Optimization Skill

Optimizes the portfolio for search engines by ensuring proper metadata, structured data (JSON-LD), semantic HTML, sitemaps, and social sharing previews.

When to use this skill

Adding or modifying pages

Improving search engine rankings

Setting up social media previews (Open Graph, Twitter Cards)

Adding structured data for rich results

Generating or updating sitemaps

Workflow

Title and meta description — Every page needs a unique, descriptive <title> and <meta name="description">. Under 60 chars for title, 155-160 chars for description.

Open Graph / Twitter Cards — Set og:title, og:description, og:image, og:url, twitter:card, twitter:title, twitter:description, twitter:image.

Structured data (JSON-LD) — Add <JsonLd> component with appropriate schema (Person, WebSite, BlogPosting, Project, etc.). Follow existing patterns in the codebase.

Semantic HTML — Proper heading hierarchy (<h1>–<h6>). Use <article>, <section>, <nav>, <main>, <aside>, <footer> appropriately.

Sitemap — Ensure public/sitemap.xml or app/sitemap.ts is up to date with all canonical URLs. Include lastmod, changefreq, priority.

robots.txt — Verify public/robots.txt allows crawling of important pages, disallows admin/studio paths.

Canonical URLs — Every page has a <link rel="canonical"> to prevent duplicate content issues.

Performance — SEO and performance are linked. Ensure LCP < 2.5s, good Core Web Vitals per performance-optimization skill.

Common patterns in this codebase

<JsonLd> component used for structured data

Metadata exported from layout.tsx or page files using Next.js metadata export

Open Graph images served from public directory or Sanity CMS

Blog posts use BlogPosting schema

Delivery Checks

Unique title and meta description per page

Open Graph and Twitter Card tags present

JSON-LD structured data added where relevant

Semantic heading hierarchy

Sitemap includes all public pages

robots.txt properly configured

Canonical URLs set

Lighthouse SEO score ≥ 90