本文へ移動
cccskills
無料GitHub で公開

seo-optimization

Improve search engine visibility with proper meta tags, structured data, sitemaps, and semantic HTML.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md2.3 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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

  1. 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.

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

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

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

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

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

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

  8. 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

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Audit and fix accessibility issues across the portfolio to ensure WCAG 2.1 AA compliance.

日本語の概要は準備中です。原文の説明を表示しています。

PP-Namias/Portfolio22026年10月7日 更新

Creates a new blog post document in the Sanity studio. Use when the user wants to write a blog post, publish an article, or schedule a future post.

日本語の概要は準備中です。原文の説明を表示しています。

PP-Namias/Portfolio22026年10月7日 更新

Creates a new certification document in the Sanity studio. Use when the user wants to add a credential, certificate, or professional accreditation to the Certifications collection.

日本語の概要は準備中です。原文の説明を表示しています。

PP-Namias/Portfolio22026年10月7日 更新

Adds a new skill MD file to the studio's skills collection. Use when the user wants to author a new step-by-step recipe for the studio's in-app Skills tool or the .agents mirror.

日本語の概要は準備中です。原文の説明を表示しています。

PP-Namias/Portfolio22026年10月7日 更新

Creates a new project document in the Sanity studio. Use when the user wants to add a new portfolio project, a case study, or a work sample to the Projects collection.

日本語の概要は準備中です。原文の説明を表示しています。

PP-Namias/Portfolio22026年10月7日 更新

Creates a new experience document in the Sanity studio. Use when the user wants to add a job, role, internship, or work history entry to the Experience collection.

日本語の概要は準備中です。原文の説明を表示しています。

PP-Namias/Portfolio22026年10月7日 更新

PP-Namias のスキルをすべて見る

このスキルの問題を報告する