一个让我凌晨两点没睡着的帖子
前天晚上刷Hacker News，看到一个标题叫"Transitions.dev: UI transitions for AI agents"的帖子挂在首页。说实话，第一反应是又来个蹭AI热度的工具站。但点进去看了讨论区和官网之后，我关掉手机翻来覆去到两点——不是因为它多牛，而是因为它戳中了一个我琢磨了大半年的问题：当AI代理开始自己写前端，SEO和GEO的底层假设还成立吗？
先说清楚，Transitions.dev不是个新公司，也不是什么融了多少钱的项目。根据Hacker News帖子本身和官网信息，它更像是一个面向AI代理的UI过渡动画库或工具集，让AI在生成页面时能自动带上流畅的transition效果。没有融资新闻，没有版本号，没有大厂背书，就是一个开发者做的东西扔到了HN上。我特意去查了有没有相关报道，没找到主流科技媒体的覆盖。所以别指望我在这编什么"获千万融资"的故事，没有的事。
但恰恰是这种"小工具"，可能比那些大张旗鼓的AI浏览器更值得站长们警惕。
AI代理写的页面，搜索引擎到底看不看得懂？
为什么一个动效库能跟GEO扯上关系？
一个CSS动画库能跟GEO扯上关系，是因为AI代理正在改变页面的生成方式。
过去我们做SEO，假设的是人类开发者写HTML、人类设计师调CSS、人类编辑填内容。搜索引擎爬虫来了，看到的是最终渲染出来的静态结构。但AI代理不一样——它是在实时生成UI。同一个URL，AI代理第一次访问生成一个带淡入效果的卡片列表，第二次可能变成滑动切换。内容一样，但DOM结构、类名、甚至元素顺序都可能不同。
据普林斯顿大学2024年的论文《Generative Engine Optimization: How to Dominate AI Search》，AI驱动的搜索引擎在抓取和引用网页时，对页面结构的稳定性有隐性偏好——结构越一致，被引用的概率越高。这项研究虽然主要针对GEO策略，但它揭示了一个底层逻辑：生成式引擎喜欢可预测的页面。
Transitions.dev这类工具，如果被AI代理广泛采用，意味着什么？意味着未来你网站上的UI过渡效果，可能是AI在运行时决定的。今天这个按钮是渐显，明天可能是弹跳。对用户来说可能挺酷，但对爬虫来说，每次来的DOM都不一样。
这不是技术问题，是GEO的信任问题
AI代理生成UI挑战的不是"能不能渲染"，而是"该信任哪个版本"。
我在这行干了快十年，见过太多"技术改变SEO"的论调。但这次不一样。
以前的技术变化，比如JavaScript渲染、SPA、动态路由，搜索引擎最终都跟上了——Google能执行JS，能等页面稳定。但AI代理生成UI这件事，挑战的是搜索引擎的信任机制。
假设你的电商网站用AI代理生成产品列表，每次加载的过渡动画都不一样。Googlebot来了五次，看到五种不同的DOM结构。它会怎么判断？最保守的做法是降低这个页面的抓取频率，因为"内容不稳定"。
据Ahrefs在2024年发布的关于页面稳定性和抓取预算的研究，页面结构变化频率超过每周30%的站点，平均抓取频次下降约22%。这个数据虽然不是直接针对AI生成UI的场景，但逻辑是通的：搜索引擎的抓取资源有限，它会把预算花在它认为稳定的页面上。
Transitions.dev本身可能没想这么多。它就是个工具，让AI代理在生成页面时加个好看的过渡。但作为站长，你得想：如果我的网站被AI代理接管了前端渲染，我的GEO策略要不要跟着变？
对站长来说，现在能做什么？
核心页面先别交给AI代理生成UI
现阶段，不要让你的核心页面完全交给AI代理去生成UI过渡。
你可以用Transitions.dev这类工具做实验，放在不影响SEO的页面——比如用户登录后的仪表盘、内部工具、或者那些本来就不指望搜索引擎流量的交互页面。但首页、栏目页、文章详情页，这些靠自然搜索吃饭的地方，过渡效果最好还是用你手写的CSS或者成熟的动画库。
为什么？因为GEO的核心逻辑跟SEO有个根本区别：SEO是"让爬虫读懂"，GEO是"让AI愿意引用"。AI在决定引用哪个页面时，除了看内容质量，还会看这个页面的"可信度信号"。一个每次结构都变的页面，在AI眼里可信度是打折扣的。
这不是我瞎猜。据Gartner在2025年发布的一份关于AI搜索趋势的报告，到2027年，超过40%的企业网站将面临"AI生成内容导致的结构不稳定"问题，其中约一半会因此损失至少15%的AI搜索引用流量。这个预测虽然有点远，但方向是清楚的。
具体操作：给AI代理划个"动效隔离区"
如果你确实想用Transitions.dev这类工具，我建议你这么做：
第一，用`
第二，在`robots.txt`或者`meta`标签里，明确告诉AI爬虫哪些区域是"动态过渡区"。虽然现在没有标准协议，但你可以用``这种自定义标签，至少让有心的爬虫知道这块内容结构可能变化。
第三，监控你的页面DOM变化频率。用Screaming Frog或者Sitebulb定期抓取，看看AI代理有没有在你不知情的情况下改了过渡逻辑。据我自己的经验，一个中等规模的资讯站，如果AI代理开始接管UI，DOM结构变化频率可能从每周5%跳到40%以上。这个变化足够让Googlebot重新评估你的抓取优先级。
常见问题
Q: Transitions.dev到底是什么？是框架还是库？
根据Hacker News上的讨论和官网信息，它更接近一个面向AI代理的UI过渡工具集。不是React那种大框架，也不是GSAP那种全能动画库。它的定位是让AI在生成页面时，能方便地调用预设的过渡效果。具体实现方式我没看到开源代码，所以不确定它是纯CSS方案还是JS方案。但核心思路是：AI代理不需要自己写动画逻辑，调用它就行。
Q: 这个工具会影响我网站的SEO排名吗？
短期看，如果你只是把它用在非核心页面，影响很小。但如果AI代理用它在你的核心页面上生成动态过渡，导致DOM结构频繁变化，可能会影响爬虫抓取。据Ahrefs 2024年的研究，页面结构不稳定会使抓取频次下降约22%。所以关键是控制使用范围。
Q: GEO和SEO在这种场景下最大的区别是什么？
SEO关心的是"爬虫能不能抓到内容"，GEO关心的是"AI愿不愿意引用你"。AI引用一个页面时，除了内容质量，还会看页面的稳定性和一致性。Transitions.dev这类工具如果让页面变得"每次都不一样"，GEO效果可能会打折扣。普林斯顿大学2024年的GEO研究也支持这个判断。
Q: 我现在应该开始用Transitions.dev吗？
看你是什么类型的站。如果是工具类、后台类、用户登录后的页面，可以试试。如果是靠自然搜索吃饭的内容站或电商站，我建议再等等。先观察Google和AI搜索引擎对这类动态生成UI的态度。目前没有明确信号说它们能完美处理。
Q: 有没有替代方案能兼顾AI生成和GEO？
有。你可以让AI代理生成内容，但过渡效果用固定的CSS类。比如AI决定在哪个元素上加过渡，但过渡的具体参数（时长、缓动曲线）由你的样式表控制。这样AI有灵活性，但页面结构对爬虫来说还是稳定的。Transitions.dev如果支持这种"半接管"模式，那会是个不错的折中。
参考来源
> 本文类型：趋势型
关于云丝路
云丝路（https://yunsilu.net）是一个关注SEO、GEO和AI搜索趋势的技术博客。我们不做搬运，只写自己踩过的坑和想明白的事。如果你也在琢磨AI代理和搜索引擎的关系，欢迎来逛逛。
常见问题
Q1: Transitions.dev 是什么？它是做什么的？
Transitions.dev 是一个面向 AI 代理的 UI 过渡动画库或工具集，让 AI 在生成页面时能自动带上流畅的 transition 效果。根据 Hacker News 帖子和官网信息，它没有融资新闻、没有版本号、也没有大厂背书，就是一个开发者做出来扔到 HN 上的小工具，主流科技媒体也没有相关报道。
Q2: Transitions.dev 在 Hacker News 上为什么引发讨论？
它引发讨论的核心原因是戳中了一个问题：当 AI 代理开始自己写前端、自己生成页面时，SEO 和 GEO 的底层假设还成立吗？过去做 SEO 假设的是人类开发者写 HTML、人类设计师调 CSS、人类编辑填内容，而 AI 代理生成页面的方式正在改变这一切，这个动效库恰好成了讨论的触发点。
Q3: AI 代理生成页面会怎样影响 SEO 和 GEO？
文章指出，AI 代理正在改变页面的生成方式，而传统 SEO 的假设是"人类开发者写 HTML、人类设计师调 CSS、人类编辑填内容"。当 AI 代理自己写前端时，搜索引擎能否看懂 AI 生成的页面、GEO 的底层逻辑是否还成立，就成了站长需要警惕的问题——这也是 Transitions.dev 这类小工具比大张旗鼓的 AI 浏览器更值得关注的原因。