好看和被搜到，是两件事
AI 建站工具优化的目标是"生成出来的东西看起来对"。搜索引擎关心的却是另一套东西：能不能在不执行 JavaScript 的情况下拿到内容、有没有结构化数据、标题是不是唯一的。
这两套目标不重叠，所以 AI 生成的站点几乎都会在同样五个地方翻车。
坑 1：纯客户端渲染
最致命的一个。很多工具默认产出的是一个空 HTML 骨架 + 一大坨 JS，内容全靠浏览器执行后填进去。
爬虫可能会渲染 JS，但它的渲染队列有延迟、有配额，也不保证成功。你的内容能不能被索引，从确定性问题变成了概率问题。
怎么查：在浏览器里 Ctrl+U 看源代码（不是 F12 的 Elements 面板——那是渲染后的结果）。如果搜不到你的正文，爬虫大概率也搜不到。
怎么修：在提示词里明确要求服务端渲染或静态生成。
使用 Next.js App Router 的 Server Component；页面内容必须出现在初始 HTML 里，不允许在 useEffect 里拉取首屏内容。
坑 2：没有结构化数据
Schema.org 标记是让搜索引擎"读懂"页面类型的方式——这是一篇文章、一个产品、一个 FAQ，还是一家本地商户。AI 默认不会加，因为它对视觉没有任何影响。
在 AI 搜索时代这一条的权重还在上升：生成式结果更依赖结构化信号来决定引用谁。
怎么修：在提示词里点名要：
在
<head>中加入 JSON-LD 结构化数据，类型为 Article / Product / FAQPage（按页面实际内容选）。
坑 3：标题与描述重复或缺失
多页站点最常见的表现是：每一页的 <title> 都是同一个站点名，<meta name="description"> 干脆没有。
搜索结果里的标题是你唯一的"广告位"，全站雷同等于放弃它。
怎么修：把每个页面的 title / description 直接写进提示词，别让模型即兴发挥。
坑 4：非语义化 HTML
AI 很喜欢用 <div> 拼一切。整页只有 div，没有 <header>、<nav>、<main>、<article>，或者一页上出现五个 <h1>、标题层级从 h2 直接跳到 h5。
这既伤 SEO，也伤无障碍——两个问题的根因是同一个。
怎么修：
使用语义化 HTML：header / nav / main / section / article / footer。整页只能有一个 h1，标题层级不跳级。
坑 5：robots.txt 与 sitemap 缺失或写错
第二常见的事故是：预发布环境写了 Disallow: /，上线后忘了改回来。整站对搜索引擎不可见，还很难被发现——因为页面在浏览器里一切正常。
怎么查：访问 你的域名/robots.txt 和 /sitemap.xml，看是不是你想要的内容。
一段可以直接加在任何建站提示词后面的 SEO 约束
SEO 要求：
- 内容必须服务端渲染，出现在初始 HTML 中
- 每个页面唯一的 title（50–60 字符）和 meta description（140–160 字符）
- 加入对应类型的 JSON-LD 结构化数据
- 语义化标签，每页仅一个 h1，标题层级不跳级
- 所有图片有描述性 alt
- 生成 robots.txt（允许抓取）与 sitemap.xml
- 加入 canonical 标签
别忘了 AI 检索
除了传统搜索，现在还要考虑生成式搜索引擎会不会引用你。它们偏好结构清晰、事实密集、有明确实体的页面。这意味着：把关键信息写成表格和列表，比写成三段抒情文字更容易被引用。
想跳过踩坑阶段？MotionSites 的提示词里已经内置了这套 SEO 约束。