从零搭建一个 SEO 工具站

这篇文章分享我搭建在线工具箱的完整思路。

为什么选择静态导出

对于工具站这类内容相对固定的站点，静态导出有几个明显优势：

• 加载快：纯静态 HTML，PageSpeed 分数高，是 Google 排名的重要因子
• 成本低：可以直接托管在 CDN 或普通 Nginx 上
• 安全：没有数据库和动态攻击面

技术选型

我选择了 Next.js 16 + Tailwind CSS，主要原因：

npx create-next-app my-tools
npm install tailwindcss @tailwindcss/postcss

多语言方案

工具站支持 11 种语言，关键点在于：

1. 用字典文件管理翻译
2. 静态导出每语言独立目录
3. 阿拉伯语需要 RTL 布局适配

SEO 基础设施

• sitemap.xml 让搜索引擎发现所有页面
• 每页独立的 meta 描述
• JSON-LD 结构化数据

这些是让网站被收录的基础，缺一不可。