[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JHSJBPBT2DFPJ7RECV0M39":3,"skill-same:01M6JHSJBPBT2DFPJ7RECV0M39":79},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":31,"publishedAt":52,"linkOnly":53,"markdownContent":54,"markdownBody":55,"frontMatter":56,"refName":57,"commitSha":58,"skillDirectory":59,"forksCount":60,"repositoryHtmlUrl":61,"repositoryHomepageUrl":6,"ownerHtmlUrl":62,"ownerBlogUrl":6,"ownerDescription":63,"updatedAt":64,"install":65,"resources":78},"01M6JHSJBPBT2DFPJ7RECV0M39","SEO Optimizer",null,"Search Engine Optimization specialist for content strategy, technical SEO, keyword research, and ranking improvements. Use when optimizing website content, improving search rankings, conducting keyword analysis, or implementing SEO best practices. Expert in on-page SEO, meta tags, schema markup, and Core Web Vitals.","transaurus\u002Fstaging-davila7-claude-code-templates","transaurus","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F210882017?v=4","01M6JH1R6ZCRXGJCTDP5ZKZBE6","Page Turner Agent","01M6JH1RBBR2P6Y0XWDGM4B0G7",0,"MIT","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fbusiness-marketing\u002Fseo-optimizer\u002FSKILL.md",[18,23,26],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000019","营销推广","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000021","资料检索与研究",{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000035","市场营销","PROFESSION","适用职业",[32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51],"optimizer","seo optimizer","seo","page","vitals","for","implementing","ranking","expert","schema","strategy","technical","core","content strategy","analysis","schema markup","Meta","Optimization","website","search","2026-11-10 10:12:30",false,"---\nname: SEO Optimizer\ndescription: Search Engine Optimization specialist for content strategy, technical SEO, keyword research, and ranking improvements. Use when optimizing website content, improving search rankings, conducting keyword analysis, or implementing SEO best practices. Expert in on-page SEO, meta tags, schema markup, and Core Web Vitals.\n---\n\n# SEO Optimizer\n\nComprehensive guidance for search engine optimization across content, technical implementation, and strategic planning to improve organic search visibility and rankings.\n\n## When to Use This Skill\n\nUse this skill when:\n- Optimizing website content for search engines\n- Conducting keyword research and analysis\n- Implementing technical SEO improvements\n- Creating SEO-friendly meta tags and descriptions\n- Auditing websites for SEO issues\n- Improving Core Web Vitals and page speed\n- Implementing schema markup (structured data)\n- Planning content strategy for organic traffic\n\n## SEO Fundamentals\n\n### 1. Keyword Research & Strategy\n\n**Primary Keyword Selection:**\n- Focus on search intent (informational, navigational, transactional, commercial)\n- Balance search volume with competition\n- Consider keyword difficulty and ranking potential\n- Target long-tail keywords for quick wins\n\n**Keyword Research Process:**\n```\n1. Identify seed keywords from business objectives\n2. Use tools to expand keyword list (Google Keyword Planner, Ahrefs, SEMrush)\n3. Analyze search volume and difficulty\n4. Group keywords by topic clusters\n5. Map keywords to content types and pages\n6. Prioritize based on potential ROI\n```\n\n**Content Optimization Formula:**\n- Primary keyword: 1-2% density (natural placement)\n- Include in: Title tag, H1, first paragraph, URL, meta description\n- Use semantic variations and related terms\n- Maintain natural readability (don't keyword stuff)\n\n### 2. On-Page SEO\n\n**Title Tag Optimization:**\n```html\n\u003C!-- Good: Descriptive, includes keyword, under 60 characters -->\n\u003Ctitle>Ultimate Guide to React Hooks - Learn useEffect & useState\u003C\u002Ftitle>\n\n\u003C!-- Bad: Too long, keyword stuffing, generic -->\n\u003Ctitle>React Hooks Guide React Hooks Tutorial React Hooks Examples Learn React\u003C\u002Ftitle>\n```\n\n**Best Practices:**\n- Keep under 60 characters (displayed in SERPs)\n- Place primary keyword near the beginning\n- Include brand name if space permits\n- Make compelling and click-worthy\n- Unique for every page\n\n**Meta Description:**\n```html\n\u003C!-- Good: Compelling, includes keywords, call-to-action, 150-160 chars -->\n\u003Cmeta name=\"description\" content=\"Master React Hooks with our comprehensive guide. Learn useState, useEffect, and custom hooks with practical examples. Start building better React apps today.\">\n\n\u003C!-- Bad: Too short, no value proposition -->\n\u003Cmeta name=\"description\" content=\"React Hooks guide and tutorial\">\n```\n\n**Header Structure:**\n```html\n\u003C!-- Proper hierarchy -->\n\u003Ch1>Main Page Title (Primary Keyword)\u003C\u002Fh1>\n  \u003Ch2>Section Heading (Related Keywords)\u003C\u002Fh2>\n    \u003Ch3>Subsection\u003C\u002Fh3>\n    \u003Ch3>Subsection\u003C\u002Fh3>\n  \u003Ch2>Another Section\u003C\u002Fh2>\n    \u003Ch3>Subsection\u003C\u002Fh3>\n```\n\n**URL Structure:**\n```\n✅ Good URLs:\n- \u002Fblog\u002Freact-hooks-guide\n- \u002Fproducts\u002Frunning-shoes\n- \u002Flearn\u002Fjavascript-async-await\n\n❌ Bad URLs:\n- \u002Fblog?p=12345\n- \u002Fproducts\u002Fcat-1\u002Fsubcat-2\u002Fitem-999\n- \u002Fpage.php?id=abc&ref=xyz\n```\n\n**Image Optimization:**\n```html\n\u003C!-- Optimized image -->\n\u003Cimg\n  src=\"\u002Fimages\u002Freact-hooks-diagram-800w.webp\"\n  alt=\"React Hooks lifecycle diagram showing useState and useEffect\"\n  width=\"800\"\n  height=\"600\"\n  loading=\"lazy\"\n\u002F>\n```\n\n**Best Practices:**\n- Use descriptive, keyword-rich alt text\n- Compress images (WebP format preferred)\n- Specify dimensions to prevent layout shift\n- Use lazy loading for below-fold images\n- Include captions when relevant\n\n### 3. Content Quality\n\n**E-E-A-T Principles (Experience, Expertise, Authoritativeness, Trust):**\n- Demonstrate author expertise with credentials\n- Cite authoritative sources\n- Keep content accurate and up-to-date\n- Show real experience and original insights\n- Include author bios and bylines\n\n**Content Structure for SEO:**\n```markdown\n# Main Title (H1) - Primary Keyword\n\nBrief introduction with primary keyword in first 100 words.\n\n## What is [Topic]? (H2) - Answer core question\n\nComprehensive explanation with examples.\n\n## Why [Topic] Matters (H2) - Value proposition\n\nBenefits and use cases.\n\n## How to [Action] (H2) - Practical guide\n\nStep-by-step instructions with visuals.\n\n## Best Practices (H2) - Advanced tips\n\nExpert recommendations.\n\n## Common Mistakes to Avoid (H2)\n\nTroubleshooting and pitfalls.\n\n## Conclusion\n\nSummary and call-to-action.\n```\n\n**Content Length Guidelines:**\n- Blog posts: 1,500-2,500 words (comprehensive topics)\n- Product pages: 300-500 words minimum\n- Category pages: 500-1,000 words\n- Homepage: 500+ words\n\n### 4. Technical SEO\n\n**Schema Markup (Structured Data):**\n```json\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"Complete Guide to React Hooks\",\n  \"image\": \"https:\u002F\u002Fexample.com\u002Fimages\u002Freact-hooks.jpg\",\n  \"datePublished\": \"2024-01-15\",\n  \"dateModified\": \"2024-02-01\",\n  \"author\": {\n    \"@type\": \"Person\",\n    \"name\": \"Jane Developer\"\n  },\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Tech Academy\",\n    \"logo\": {\n      \"@type\": \"ImageObject\",\n      \"url\": \"https:\u002F\u002Fexample.com\u002Flogo.png\"\n    }\n  }\n}\n```\n\n**Common Schema Types:**\n- Article (blog posts)\n- Product (e-commerce)\n- FAQ (question\u002Fanswer pages)\n- HowTo (tutorials and guides)\n- Organization (company info)\n- LocalBusiness (location-based businesses)\n- BreadcrumbList (navigation paths)\n- Review\u002FAggregateRating (ratings and reviews)\n\n**Robots.txt Configuration:**\n```\nUser-agent: *\nDisallow: \u002Fadmin\u002F\nDisallow: \u002Fprivate\u002F\nDisallow: \u002Fapi\u002F\nAllow: \u002Fapi\u002Fpublic\u002F\n\nSitemap: https:\u002F\u002Fexample.com\u002Fsitemap.xml\n```\n\n**XML Sitemap Structure:**\n```xml\n\u003C?xml version=\"1.0\" encoding=\"UTF-8\"?>\n\u003Curlset xmlns=\"http:\u002F\u002Fwww.sitemaps.org\u002Fschemas\u002Fsitemap\u002F0.9\">\n  \u003Curl>\n    \u003Cloc>https:\u002F\u002Fexample.com\u002F\u003C\u002Floc>\n    \u003Clastmod>2024-01-15\u003C\u002Flastmod>\n    \u003Cchangefreq>weekly\u003C\u002Fchangefreq>\n    \u003Cpriority>1.0\u003C\u002Fpriority>\n  \u003C\u002Furl>\n  \u003Curl>\n    \u003Cloc>https:\u002F\u002Fexample.com\u002Fblog\u002Freact-hooks-guide\u003C\u002Floc>\n    \u003Clastmod>2024-01-10\u003C\u002Flastmod>\n    \u003Cchangefreq>monthly\u003C\u002Fchangefreq>\n    \u003Cpriority>0.8\u003C\u002Fpriority>\n  \u003C\u002Furl>\n\u003C\u002Furlset>\n```\n\n**Canonical Tags:**\n```html\n\u003C!-- Prevent duplicate content issues -->\n\u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fexample.com\u002Foriginal-page\">\n\n\u003C!-- Handle URL parameters -->\n\u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fexample.com\u002Fproducts\u002Fshoes\">\n\u003C!-- Even if accessed via: \u002Fproducts\u002Fshoes?color=red&size=10 -->\n```\n\n### 5. Core Web Vitals\n\n**Largest Contentful Paint (LCP) - Target: \u003C 2.5s**\n- Optimize images and videos\n- Use CDN for static assets\n- Minimize render-blocking resources\n- Implement lazy loading\n\n**First Input Delay (FID) - Target: \u003C 100ms**\n- Minimize JavaScript execution time\n- Break up long tasks\n- Use web workers for heavy computations\n- Defer non-critical JavaScript\n\n**Cumulative Layout Shift (CLS) - Target: \u003C 0.1**\n- Set size attributes on images and videos\n- Avoid inserting content above existing content\n- Use transform animations instead of layout-triggering properties\n- Reserve space for ads and embeds\n\n**Page Speed Optimization:**\n```html\n\u003C!-- Preload critical resources -->\n\u003Clink rel=\"preload\" href=\"\u002Ffonts\u002Fmain.woff2\" as=\"font\" crossorigin>\n\n\u003C!-- Defer non-critical CSS -->\n\u003Clink rel=\"preload\" href=\"\u002Fstyles\u002Fnon-critical.css\" as=\"style\" onload=\"this.onload=null;this.rel='stylesheet'\">\n\n\u003C!-- Async\u002Fdefer JavaScript -->\n\u003Cscript src=\"\u002Fjs\u002Fanalytics.js\" async>\u003C\u002Fscript>\n\u003Cscript src=\"\u002Fjs\u002Fmain.js\" defer>\u003C\u002Fscript>\n```\n\n### 6. Mobile SEO\n\n**Mobile-First Optimization:**\n- Responsive design (mobile-friendly test passed)\n- Touch-friendly buttons (minimum 48x48px)\n- Readable font sizes (16px minimum)\n- Proper viewport configuration\n- Fast mobile page speed\n\n**Viewport Configuration:**\n```html\n\u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n```\n\n### 7. Internal Linking Strategy\n\n**Best Practices:**\n- Use descriptive anchor text (avoid \"click here\")\n- Link to relevant, contextual pages\n- Maintain logical hierarchy and flow\n- Include 3-5 internal links per 1,000 words\n- Update old content with links to new content\n\n**Example:**\n```markdown\nLearn more about [advanced React patterns](\u002Fguides\u002Freact-patterns)\nor check out our [useState hook tutorial](\u002Ftutorials\u002Fusestate-guide).\n```\n\n## SEO Content Checklist\n\n**Before Publishing:**\n- [ ] Primary keyword in title tag (under 60 chars)\n- [ ] Meta description (150-160 chars, compelling)\n- [ ] H1 tag with primary keyword\n- [ ] URL slug optimized and readable\n- [ ] Images compressed with descriptive alt text\n- [ ] 3-5 internal links to relevant content\n- [ ] External links to authoritative sources\n- [ ] Content length appropriate for topic depth\n- [ ] Schema markup implemented\n- [ ] Mobile-friendly and responsive\n- [ ] Page speed optimized (\u003C 3s load time)\n- [ ] No broken links\n- [ ] Canonical tag set correctly\n- [ ] Social sharing meta tags (Open Graph, Twitter Card)\n\n## Advanced SEO Strategies\n\n### Topic Clusters & Pillar Pages\n\n**Structure:**\n```\nPillar Page: \"Complete Guide to React\"\n  ├── Cluster: \"React Hooks Tutorial\"\n  ├── Cluster: \"React Context API Guide\"\n  ├── Cluster: \"React Performance Optimization\"\n  └── Cluster: \"React Testing Best Practices\"\n```\n\n**Implementation:**\n- Create comprehensive pillar content (3,000+ words)\n- Develop 8-12 cluster articles supporting the pillar\n- Link all clusters back to pillar page\n- Link pillar page to all clusters\n- Use consistent keyword themes\n\n### Featured Snippet Optimization\n\n**Question-Based Content:**\n```markdown\n## What is React?\n\nReact is a JavaScript library for building user interfaces,\ndeveloped by Facebook. It allows developers to create reusable\nUI components and efficiently update the DOM through a virtual\nDOM implementation.\n```\n\n**List-Based Content:**\n```markdown\n## Top 5 React Best Practices\n\n1. Use functional components with hooks\n2. Implement proper state management\n3. Optimize performance with React.memo\n4. Follow component composition patterns\n5. Write comprehensive tests\n```\n\n**Table-Based Content:**\n| Framework | Performance | Learning Curve | Ecosystem |\n|-----------|-------------|----------------|-----------|\n| React     | Excellent   | Moderate       | Extensive |\n| Vue       | Excellent   | Easy           | Growing   |\n| Angular   | Good        | Steep          | Mature    |\n\n## Local SEO (for businesses with physical locations)\n\n**Google Business Profile Optimization:**\n- Complete all business information\n- Regular posts and updates\n- Respond to reviews\n- Add high-quality photos\n- Verify business hours\n\n**Local Schema Markup:**\n```json\n{\n  \"@type\": \"LocalBusiness\",\n  \"name\": \"Tech Solutions Inc\",\n  \"address\": {\n    \"@type\": \"PostalAddress\",\n    \"streetAddress\": \"123 Main St\",\n    \"addressLocality\": \"San Francisco\",\n    \"addressRegion\": \"CA\",\n    \"postalCode\": \"94102\"\n  },\n  \"telephone\": \"+1-415-555-0123\"\n}\n```\n\n## Monitoring & Analytics\n\n**Key Metrics to Track:**\n- Organic traffic trends\n- Keyword rankings\n- Click-through rates (CTR)\n- Bounce rate and dwell time\n- Core Web Vitals scores\n- Backlink profile growth\n- Conversion rates from organic traffic\n\n**Tools:**\n- Google Search Console (performance, indexing issues)\n- Google Analytics 4 (traffic, behavior, conversions)\n- PageSpeed Insights (Core Web Vitals)\n- Ahrefs\u002FSEMrush (keywords, backlinks, competition)\n- Screaming Frog (technical audits)\n\nWhen optimizing for SEO, prioritize user experience and value delivery. Search engines increasingly reward content that genuinely helps users and provides authoritative, trustworthy information.\n","# SEO Optimizer\n\nComprehensive guidance for search engine optimization across content, technical implementation, and strategic planning to improve organic search visibility and rankings.\n\n## When to Use This Skill\n\nUse this skill when:\n- Optimizing website content for search engines\n- Conducting keyword research and analysis\n- Implementing technical SEO improvements\n- Creating SEO-friendly meta tags and descriptions\n- Auditing websites for SEO issues\n- Improving Core Web Vitals and page speed\n- Implementing schema markup (structured data)\n- Planning content strategy for organic traffic\n\n## SEO Fundamentals\n\n### 1. Keyword Research & Strategy\n\n**Primary Keyword Selection:**\n- Focus on search intent (informational, navigational, transactional, commercial)\n- Balance search volume with competition\n- Consider keyword difficulty and ranking potential\n- Target long-tail keywords for quick wins\n\n**Keyword Research Process:**\n```\n1. Identify seed keywords from business objectives\n2. Use tools to expand keyword list (Google Keyword Planner, Ahrefs, SEMrush)\n3. Analyze search volume and difficulty\n4. Group keywords by topic clusters\n5. Map keywords to content types and pages\n6. Prioritize based on potential ROI\n```\n\n**Content Optimization Formula:**\n- Primary keyword: 1-2% density (natural placement)\n- Include in: Title tag, H1, first paragraph, URL, meta description\n- Use semantic variations and related terms\n- Maintain natural readability (don't keyword stuff)\n\n### 2. On-Page SEO\n\n**Title Tag Optimization:**\n```html\n\u003C!-- Good: Descriptive, includes keyword, under 60 characters -->\n\u003Ctitle>Ultimate Guide to React Hooks - Learn useEffect & useState\u003C\u002Ftitle>\n\n\u003C!-- Bad: Too long, keyword stuffing, generic -->\n\u003Ctitle>React Hooks Guide React Hooks Tutorial React Hooks Examples Learn React\u003C\u002Ftitle>\n```\n\n**Best Practices:**\n- Keep under 60 characters (displayed in SERPs)\n- Place primary keyword near the beginning\n- Include brand name if space permits\n- Make compelling and click-worthy\n- Unique for every page\n\n**Meta Description:**\n```html\n\u003C!-- Good: Compelling, includes keywords, call-to-action, 150-160 chars -->\n\u003Cmeta name=\"description\" content=\"Master React Hooks with our comprehensive guide. Learn useState, useEffect, and custom hooks with practical examples. Start building better React apps today.\">\n\n\u003C!-- Bad: Too short, no value proposition -->\n\u003Cmeta name=\"description\" content=\"React Hooks guide and tutorial\">\n```\n\n**Header Structure:**\n```html\n\u003C!-- Proper hierarchy -->\n\u003Ch1>Main Page Title (Primary Keyword)\u003C\u002Fh1>\n  \u003Ch2>Section Heading (Related Keywords)\u003C\u002Fh2>\n    \u003Ch3>Subsection\u003C\u002Fh3>\n    \u003Ch3>Subsection\u003C\u002Fh3>\n  \u003Ch2>Another Section\u003C\u002Fh2>\n    \u003Ch3>Subsection\u003C\u002Fh3>\n```\n\n**URL Structure:**\n```\n✅ Good URLs:\n- \u002Fblog\u002Freact-hooks-guide\n- \u002Fproducts\u002Frunning-shoes\n- \u002Flearn\u002Fjavascript-async-await\n\n❌ Bad URLs:\n- \u002Fblog?p=12345\n- \u002Fproducts\u002Fcat-1\u002Fsubcat-2\u002Fitem-999\n- \u002Fpage.php?id=abc&ref=xyz\n```\n\n**Image Optimization:**\n```html\n\u003C!-- Optimized image -->\n\u003Cimg\n  src=\"\u002Fimages\u002Freact-hooks-diagram-800w.webp\"\n  alt=\"React Hooks lifecycle diagram showing useState and useEffect\"\n  width=\"800\"\n  height=\"600\"\n  loading=\"lazy\"\n\u002F>\n```\n\n**Best Practices:**\n- Use descriptive, keyword-rich alt text\n- Compress images (WebP format preferred)\n- Specify dimensions to prevent layout shift\n- Use lazy loading for below-fold images\n- Include captions when relevant\n\n### 3. Content Quality\n\n**E-E-A-T Principles (Experience, Expertise, Authoritativeness, Trust):**\n- Demonstrate author expertise with credentials\n- Cite authoritative sources\n- Keep content accurate and up-to-date\n- Show real experience and original insights\n- Include author bios and bylines\n\n**Content Structure for SEO:**\n```markdown\n# Main Title (H1) - Primary Keyword\n\nBrief introduction with primary keyword in first 100 words.\n\n## What is [Topic]? (H2) - Answer core question\n\nComprehensive explanation with examples.\n\n## Why [Topic] Matters (H2) - Value proposition\n\nBenefits and use cases.\n\n## How to [Action] (H2) - Practical guide\n\nStep-by-step instructions with visuals.\n\n## Best Practices (H2) - Advanced tips\n\nExpert recommendations.\n\n## Common Mistakes to Avoid (H2)\n\nTroubleshooting and pitfalls.\n\n## Conclusion\n\nSummary and call-to-action.\n```\n\n**Content Length Guidelines:**\n- Blog posts: 1,500-2,500 words (comprehensive topics)\n- Product pages: 300-500 words minimum\n- Category pages: 500-1,000 words\n- Homepage: 500+ words\n\n### 4. Technical SEO\n\n**Schema Markup (Structured Data):**\n```json\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"Complete Guide to React Hooks\",\n  \"image\": \"https:\u002F\u002Fexample.com\u002Fimages\u002Freact-hooks.jpg\",\n  \"datePublished\": \"2024-01-15\",\n  \"dateModified\": \"2024-02-01\",\n  \"author\": {\n    \"@type\": \"Person\",\n    \"name\": \"Jane Developer\"\n  },\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Tech Academy\",\n    \"logo\": {\n      \"@type\": \"ImageObject\",\n      \"url\": \"https:\u002F\u002Fexample.com\u002Flogo.png\"\n    }\n  }\n}\n```\n\n**Common Schema Types:**\n- Article (blog posts)\n- Product (e-commerce)\n- FAQ (question\u002Fanswer pages)\n- HowTo (tutorials and guides)\n- Organization (company info)\n- LocalBusiness (location-based businesses)\n- BreadcrumbList (navigation paths)\n- Review\u002FAggregateRating (ratings and reviews)\n\n**Robots.txt Configuration:**\n```\nUser-agent: *\nDisallow: \u002Fadmin\u002F\nDisallow: \u002Fprivate\u002F\nDisallow: \u002Fapi\u002F\nAllow: \u002Fapi\u002Fpublic\u002F\n\nSitemap: https:\u002F\u002Fexample.com\u002Fsitemap.xml\n```\n\n**XML Sitemap Structure:**\n```xml\n\u003C?xml version=\"1.0\" encoding=\"UTF-8\"?>\n\u003Curlset xmlns=\"http:\u002F\u002Fwww.sitemaps.org\u002Fschemas\u002Fsitemap\u002F0.9\">\n  \u003Curl>\n    \u003Cloc>https:\u002F\u002Fexample.com\u002F\u003C\u002Floc>\n    \u003Clastmod>2024-01-15\u003C\u002Flastmod>\n    \u003Cchangefreq>weekly\u003C\u002Fchangefreq>\n    \u003Cpriority>1.0\u003C\u002Fpriority>\n  \u003C\u002Furl>\n  \u003Curl>\n    \u003Cloc>https:\u002F\u002Fexample.com\u002Fblog\u002Freact-hooks-guide\u003C\u002Floc>\n    \u003Clastmod>2024-01-10\u003C\u002Flastmod>\n    \u003Cchangefreq>monthly\u003C\u002Fchangefreq>\n    \u003Cpriority>0.8\u003C\u002Fpriority>\n  \u003C\u002Furl>\n\u003C\u002Furlset>\n```\n\n**Canonical Tags:**\n```html\n\u003C!-- Prevent duplicate content issues -->\n\u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fexample.com\u002Foriginal-page\">\n\n\u003C!-- Handle URL parameters -->\n\u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fexample.com\u002Fproducts\u002Fshoes\">\n\u003C!-- Even if accessed via: \u002Fproducts\u002Fshoes?color=red&size=10 -->\n```\n\n### 5. Core Web Vitals\n\n**Largest Contentful Paint (LCP) - Target: \u003C 2.5s**\n- Optimize images and videos\n- Use CDN for static assets\n- Minimize render-blocking resources\n- Implement lazy loading\n\n**First Input Delay (FID) - Target: \u003C 100ms**\n- Minimize JavaScript execution time\n- Break up long tasks\n- Use web workers for heavy computations\n- Defer non-critical JavaScript\n\n**Cumulative Layout Shift (CLS) - Target: \u003C 0.1**\n- Set size attributes on images and videos\n- Avoid inserting content above existing content\n- Use transform animations instead of layout-triggering properties\n- Reserve space for ads and embeds\n\n**Page Speed Optimization:**\n```html\n\u003C!-- Preload critical resources -->\n\u003Clink rel=\"preload\" href=\"\u002Ffonts\u002Fmain.woff2\" as=\"font\" crossorigin>\n\n\u003C!-- Defer non-critical CSS -->\n\u003Clink rel=\"preload\" href=\"\u002Fstyles\u002Fnon-critical.css\" as=\"style\" onload=\"this.onload=null;this.rel='stylesheet'\">\n\n\u003C!-- Async\u002Fdefer JavaScript -->\n\u003Cscript src=\"\u002Fjs\u002Fanalytics.js\" async>\u003C\u002Fscript>\n\u003Cscript src=\"\u002Fjs\u002Fmain.js\" defer>\u003C\u002Fscript>\n```\n\n### 6. Mobile SEO\n\n**Mobile-First Optimization:**\n- Responsive design (mobile-friendly test passed)\n- Touch-friendly buttons (minimum 48x48px)\n- Readable font sizes (16px minimum)\n- Proper viewport configuration\n- Fast mobile page speed\n\n**Viewport Configuration:**\n```html\n\u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n```\n\n### 7. Internal Linking Strategy\n\n**Best Practices:**\n- Use descriptive anchor text (avoid \"click here\")\n- Link to relevant, contextual pages\n- Maintain logical hierarchy and flow\n- Include 3-5 internal links per 1,000 words\n- Update old content with links to new content\n\n**Example:**\n```markdown\nLearn more about [advanced React patterns](\u002Fguides\u002Freact-patterns)\nor check out our [useState hook tutorial](\u002Ftutorials\u002Fusestate-guide).\n```\n\n## SEO Content Checklist\n\n**Before Publishing:**\n- [ ] Primary keyword in title tag (under 60 chars)\n- [ ] Meta description (150-160 chars, compelling)\n- [ ] H1 tag with primary keyword\n- [ ] URL slug optimized and readable\n- [ ] Images compressed with descriptive alt text\n- [ ] 3-5 internal links to relevant content\n- [ ] External links to authoritative sources\n- [ ] Content length appropriate for topic depth\n- [ ] Schema markup implemented\n- [ ] Mobile-friendly and responsive\n- [ ] Page speed optimized (\u003C 3s load time)\n- [ ] No broken links\n- [ ] Canonical tag set correctly\n- [ ] Social sharing meta tags (Open Graph, Twitter Card)\n\n## Advanced SEO Strategies\n\n### Topic Clusters & Pillar Pages\n\n**Structure:**\n```\nPillar Page: \"Complete Guide to React\"\n  ├── Cluster: \"React Hooks Tutorial\"\n  ├── Cluster: \"React Context API Guide\"\n  ├── Cluster: \"React Performance Optimization\"\n  └── Cluster: \"React Testing Best Practices\"\n```\n\n**Implementation:**\n- Create comprehensive pillar content (3,000+ words)\n- Develop 8-12 cluster articles supporting the pillar\n- Link all clusters back to pillar page\n- Link pillar page to all clusters\n- Use consistent keyword themes\n\n### Featured Snippet Optimization\n\n**Question-Based Content:**\n```markdown\n## What is React?\n\nReact is a JavaScript library for building user interfaces,\ndeveloped by Facebook. It allows developers to create reusable\nUI components and efficiently update the DOM through a virtual\nDOM implementation.\n```\n\n**List-Based Content:**\n```markdown\n## Top 5 React Best Practices\n\n1. Use functional components with hooks\n2. Implement proper state management\n3. Optimize performance with React.memo\n4. Follow component composition patterns\n5. Write comprehensive tests\n```\n\n**Table-Based Content:**\n| Framework | Performance | Learning Curve | Ecosystem |\n|-----------|-------------|----------------|-----------|\n| React     | Excellent   | Moderate       | Extensive |\n| Vue       | Excellent   | Easy           | Growing   |\n| Angular   | Good        | Steep          | Mature    |\n\n## Local SEO (for businesses with physical locations)\n\n**Google Business Profile Optimization:**\n- Complete all business information\n- Regular posts and updates\n- Respond to reviews\n- Add high-quality photos\n- Verify business hours\n\n**Local Schema Markup:**\n```json\n{\n  \"@type\": \"LocalBusiness\",\n  \"name\": \"Tech Solutions Inc\",\n  \"address\": {\n    \"@type\": \"PostalAddress\",\n    \"streetAddress\": \"123 Main St\",\n    \"addressLocality\": \"San Francisco\",\n    \"addressRegion\": \"CA\",\n    \"postalCode\": \"94102\"\n  },\n  \"telephone\": \"+1-415-555-0123\"\n}\n```\n\n## Monitoring & Analytics\n\n**Key Metrics to Track:**\n- Organic traffic trends\n- Keyword rankings\n- Click-through rates (CTR)\n- Bounce rate and dwell time\n- Core Web Vitals scores\n- Backlink profile growth\n- Conversion rates from organic traffic\n\n**Tools:**\n- Google Search Console (performance, indexing issues)\n- Google Analytics 4 (traffic, behavior, conversions)\n- PageSpeed Insights (Core Web Vitals)\n- Ahrefs\u002FSEMrush (keywords, backlinks, competition)\n- Screaming Frog (technical audits)\n\nWhen optimizing for SEO, prioritize user experience and value delivery. Search engines increasingly reward content that genuinely helps users and provides authoritative, trustworthy information.\n",{"name":5,"description":7},"main","34fa6acf794b9a6310d298cbb8fb8c9420a5edcf","cli-tool\u002Fcomponents\u002Fskills\u002Fbusiness-marketing\u002Fseo-optimizer",2,"https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates","https:\u002F\u002Fgithub.com\u002Ftransaurus","Automated works of Page Turner","2026-03-28 10:12:59",{"source":8,"skillName":5,"commands":66,"prompt":76,"zipAvailable":77},[67,70,73],{"tool":68,"command":69},"npx","npx skills add transaurus\u002Fstaging-davila7-claude-code-templates --skill \"SEO Optimizer\"",{"tool":71,"command":72},"bunx","bunx skills add transaurus\u002Fstaging-davila7-claude-code-templates --skill \"SEO Optimizer\"",{"tool":74,"command":75},"pnpm","pnpm dlx skills add transaurus\u002Fstaging-davila7-claude-code-templates --skill \"SEO Optimizer\"","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fbusiness-marketing\u002Fseo-optimizer\u002FSKILL.md",true,[],[80,109,130,154,173,197],{"skillNo":81,"name":82,"nameZh":6,"description":83,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":84,"categories":85,"keywords":89,"publishedAt":52},"01M6JMRJR3BE0HGWFWDZSB853S","zapier-make-patterns","No-code automation democratizes workflow building. Zapier and Make (formerly Integromat) let non-developers automate business processes without writing code. But no-code doesn't mean no-complexity - these platforms have their own patterns, pitfalls, and breaking points.  This skill covers when to use which platform, how to build reliable automations, and when to graduate to code-based solutions. Key insight: Zapier optimizes for simplicity and integrations (7000+ apps), Make optimizes for power","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fworkflow-automation\u002Fzapier-make-patterns\u002FSKILL.md",[86],{"categoryNo":87,"categoryName":88,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,37,108],"zapier make patterns","patterns","make","zapier","writing","workflow","automation","code","integrations","business","use","power","complexity","platform","apps","how to","No-Code","which","spawner",{"skillNo":110,"name":111,"nameZh":6,"description":112,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":113,"categories":114,"keywords":115,"publishedAt":52},"01M6JMR8YK6SWPCTG1MCQTMN9S","yeet","Use only when the user explicitly asks to stage, commit, push, and open a GitHub pull request in one flow using the GitHub CLI (`gh`).","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fworkflow-automation\u002Fyeet\u002FSKILL.md",[],[111,116,117,118,119,120,121,122,123,124,125,126,100,127,128,129],"cli","github","commit","pull request","openai","pull","push","flow","open","gh","user","only","stage","github cli",{"skillNo":131,"name":132,"nameZh":6,"description":133,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":134,"categories":135,"keywords":137,"publishedAt":52},"01M6JMQNFE64ZASQK90HARRXW8","workflow-automation","Workflow automation is the infrastructure that makes AI agents reliable. Without durable execution, a network hiccup during a 10-step payment flow means lost money and angry customers. With it, workflows resume exactly where they left off.  This skill covers the platforms (n8n, Temporal, Inngest) and patterns (sequential, parallel, orchestrator-worker) that turn brittle scripts into production-grade automation.  Key insight: The platforms make different tradeoffs. n8n optimizes for accessibility","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fworkflow-automation\u002Fworkflow-automation\u002FSKILL.md",[136],{"categoryNo":87,"categoryName":88,"taxonomyType":21,"taxonomyTypeDesc":22},[95,96,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,37,108],"Workflow Automation","ai agents","accessibility","workflows","apache","execution","inngest","parallel","orchestrator","resume","n8n","payment","worker","scripts","temporal","with",{"skillNo":155,"name":156,"nameZh":6,"description":157,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":158,"categories":159,"keywords":160,"publishedAt":52},"01M6JMQDYJ0XETERPHGDR3EVGN","trigger-dev","Trigger.dev expert for background jobs, AI workflows, and reliable async execution with excellent developer experience and TypeScript-first design. Use when: trigger.dev, trigger dev, background task, ai background job, long running task.","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fworkflow-automation\u002Ftrigger-dev\u002FSKILL.md",[],[161,162,163,164,165,141,166,142,143,167,100,168,169,40,170,171,172,153,37,108],"dev","trigger dev","trigger","design","typescript","async execution","first","async","developer experience","task","background jobs","long",{"skillNo":174,"name":175,"nameZh":6,"description":176,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":177,"categories":178,"keywords":180,"publishedAt":52},"01M6JMQ5J6KK3GSX9FJCWWK6G6","planning-with-files","Transforms workflow to use Manus-style persistent markdown files for planning, progress tracking, and knowledge storage. Use when starting complex tasks, multi-step projects, research tasks, or when the user mentions planning, organizing work, tracking progress, or wants structured output.","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fworkflow-automation\u002Fplanning-with-files\u002FSKILL.md",[179],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[181,182,183,153,184,95,185,186,187,188,189,190,100,191,192,193,194,195,196,37],"planning with files","planning","files","with files","storage","tasks","markdown","knowledge","projects","work","manus","structured output","progress","transforms","multi","output",{"skillNo":198,"name":199,"nameZh":6,"description":200,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":201,"categories":202,"keywords":207,"publishedAt":52},"01M6JMPWAT60RXXNEC4V9TRBRS","n8n-workflow-patterns","Proven workflow architectural patterns from real n8n workflows. Use when building new workflows, designing workflow structure, choosing workflow patterns, planning workflow architecture, or asking about webhook processing, HTTP API integration, database operations, AI agent workflows, or scheduled tasks.","https:\u002F\u002Fgithub.com\u002Ftransaurus\u002Fstaging-davila7-claude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fworkflow-automation\u002Fn8n\u002Fn8n-workflow-patterns\u002FSKILL.md",[203,206],{"categoryNo":204,"categoryName":205,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":87,"categoryName":88,"taxonomyType":21,"taxonomyTypeDesc":22},[95,208,148,209,91,210,211,141,212,186,182,213,214,215,216,217,218,219,220,221],"n8n workflow patterns","workflow patterns","n8n workflow","ai agent","architecture","database","api","planning workflow","structure","database operations","webhook","processing","http api","scheduled"]