这是一个用于优化个人作品集网站搜索引擎表现并接入访问统计的技能。
用途:为使用 Next.js 的作品集站点配置 SEO 基础与分析工具,提升被搜索引擎收录和社交分享展示效果,并跟踪访问者。
主要能力:
- 元标签:在 layout.tsx 中通过 metadata 设置 title、description、keywords、authors、creator,以及 Open Graph(含 1200x630 的 og-image.png)、Twitter Card 和 robots 指令。
- 站点图标:在 /public 放置 favicon.ico(32x32)、apple-touch-icon.png(180x180)、favicon-16x16.png、favicon-32x32.png,并在 metadata.icons 中引用。
- 内容 SEO:标题建议控制在 60 字符以内,描述建议 150-160 字符。
- 结构化数据:在 head 中加入 Person 类型的 JSON-LD(name、url、jobTitle、sameAs)。
- 分析工具:介绍 Vercel Analytics、Vercel Speed Insights、Plausible、Google Analytics 及自托管简单页面浏览统计的接入方式,命令如 npm install @vercel/analytics。
- Search Console:Google Search Console 与 Bing Webmaster Tools 的添加与验证方式。
- Sitemap 与 robots:通过 app/sitemap.ts 和 app/robots.ts 自动生成。
- 性能优化:使用 next/image、Lighthouse 审计及目标分数。
限制:资料仅围绕 Next.js 作品集场景,其他框架未提供;Plausible 提及每月 9 美元或可自托管免费,其余工具价格暂未提供;部分具体版本与部署细节未说明。