要点
JavaScript 内容也可以建立索引,但它会增加处理时间和故障点,因此初始 HTML 是重要发布内容的不错选择。
Next.js基于Server Components,静态生成,只将交互部分做成客户端。
实用步骤
- 分别检查响应 HTML 和后渲染 DOM。
- 为服务器上的每个 URL 生成元数据、规范和 hreflang。
- 使主导航 <a href> 并返回正确的 HTTP 状态。
- 测量生产构建中的 JS 数量、响应时间和执行错误。
例子
客户端仅加载计算器,而描述、标题和相关链接则以服务器 HTML 形式提供。
常见错误
- 我认为 JavaScript 根本没有被索引。
- 仅在单击后才显示重要文本。
- 返回 404 屏幕和 200。
限制
- Google 的呈现在所有用户的设备上并不相同。
- 一次性测试并不能保证现场性能或指标。
信息来源
- Understand the JavaScript SEO basics — Google Search Central; 2026-03-04; 2026-08-14.
- generateMetadata — Next.js; 2026-06-09; 2026-08-14.
- sitemap.xml — Next.js; 2026-03-03; 2026-08-14.
- JSON-LD — Next.js; 2026-03-02; 2026-08-14.
相关指南和工具
元数据/标题/链接分析
从 HTML 中提取标题、描述、H1–H6 和可抓取的 <a href>。
元数据/标题/链接分析 | NAVINES SEO Lab什么是 SEO?为什么有机可见度会增加?
我们将人们的问题、有用的内容、技术质量和业务衡量整合到一个系统中。
什么是 SEO?为什么有机可见度会增加? | NAVINES SEO Lab搜索引擎如何抓取、索引和显示
我们分离并诊断 URL 发现、处理、索引选择和搜索结果显示。
搜索引擎如何抓取、索引和显示 | NAVINES SEO Lab