Next.js (SEO Development)
为Next.js应用提供SEO优化与开发辅助的AI技能
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Next.js (SEO Development)。 它的用途是：为Next.js应用提供SEO优化与开发辅助的AI技能 详细介绍见：https://321skill.com/skills/next-js-seo-development/ 请根据该页面的说明完成安装。
使用示例
“我正在用Next.js 14开发一个博客详情页，需要优化SEO，请根据这篇文章的标题和摘要，生成合适的meta标签和JSON-LD结构化数据代码。” 它会分析你的需求，并输出符合Next.js Metadata API规范的代码片段，以及针对博客文章的Schema.org标记建议。或者，你可以说：“帮我检查这个使用`generateMetadata`函数的页面，有没有可能影响爬虫抓取的错误。” AI会审查代码逻辑并提出改进点。
介绍
本Skill旨在帮助开发者解决在Next.js项目中实施SEO（搜索引擎优化）时遇到的复杂性和效率问题。它通过AI辅助，自动化处理常见的SEO开发任务，如元标签生成、结构化数据配置、性能优化建议等，将开发者从繁琐的配置和研究中解放出来。
使用方式非常直接，开发者可以在编码过程中，随时向AI描述当前的SEO需求或遇到的特定问题，例如“如何为这个产品页面添加Open Graph标签？”或“检查一下这个页面的LCP性能瓶颈”，AI会基于Next.js最佳实践给出具体的代码片段、配置建议或优化方案。
它非常适合负责构建面向公众网站的前端开发、全栈开发以及需要兼顾技术实现与搜索引擎可见性的产品经理。无论是从零搭建新项目，还是对现有项目进行SEO改造，都能从中获得效率提升。
建议在使用时，结合具体的页面组件或路由进行提问，并提供足够的上下文（如页面类型、目标关键词等），这样AI能给出更精准的建议。同时，它输出的代码和配置仍需经过开发者的审查和测试，以确保与项目整体架构兼容。
核心特点
与通用的SEO咨询工具不同，它深度集成Next.js框架特性（如App Router、Server Components、Metadata API），能提供框架原生的优化方案；同时，它超越了简单的代码生成，能结合页面内容和业务目标，给出从技术配置到内容策略的综合性SEO建议。
注意事项
不适合用于非Next.js框架的项目，或需要深度定制、涉及复杂算法调整的底层搜索引擎优化研究。
常见问题
这个Skill能自动帮我提升网站排名吗？
不能。它提供的是技术实现层面的优化建议和代码辅助，网站排名受内容质量、外链、算法更新等多因素影响。
支持Next.js 13+的App Router吗？
是的，它专门针对Next.js 13及以上版本的App Router和Metadata API进行了优化，能提供最新的最佳实践建议。