一个做工业阀门的客户，坚持要求首页加一段三秒的品牌加载动画，说同行都有。上线两个月，收录量掉了一截，几个主要产品词的排名往后挪了七八位。网页前端开发里这类取舍几乎每周都在发生：动效炫了，SEO掉了，问题的根子在优先级排错。
花哨背后到底花了什么
先算动效的真实代价：加载动画把内容展示硬推后了几秒，海外访客等三秒就走是常态，等于用自己建的墙挡自己的客人；动画文件和驱动它的脚本让首屏变重，测速分数下滑，排名信号跟着变差；更隐蔽的是有些动效实现方式会把正文内容藏在脚本里，搜索引擎抓取时看不到实质内容，收录自然上不去。三笔账加起来，那几位数的排名下滑一点都不冤。给客户提视觉需求时，让对方同时报一版轻动效方案，多数时候效果差距没想象中大，速度差距却很明显。
搜索引擎怎么读你的页面
爬虫看页面的方式和人不一样：它读代码里的文字、标题和链接，判断这个页面是讲什么的，然后决定收录和排名。所以网页前端开发的SEO基本盘就三样：重要内容写在HTML里而不是靠脚本后加载，标题层级清晰，页面打开快。动效、视差滚动、全屏视频这些，全是排在基本盘之后的加分项，顺序颠倒了，加分项就成了减分项。网页前端开发的排版里，标题层级、段落结构这些老老实实的功夫，才是排名最认的硬通货。炫技可以挑页面，基本盘没有商量余地。
什么场景可以炫
不是一刀切地禁。可以放开的场景：品牌活动页、发布会专题这类生命周期短、靠社交传播、不指望搜索引擎流量的页面，炫就是它的任务；主视觉区做两三百毫秒的轻动效，滚动渐入这类不挡内容的处理，观感和性能可以兼得。必须克制的场景：靠搜索流量吃饭的产品站、希望长尾词带询盘的内容页，这些页面的每一秒首屏时间都在跟排名过不去。
那位阀门客户后来把加载动画改成半秒的品牌标志淡入，正文照常秒出，一个月后排名回到原位，他说观感反而更高级了。炫和快之间，多数时候缺的不是预算是判断。先定目标再定动效，顺序别反。
两条建议：给页面提视觉需求时，先问一句这个页面靠什么流量活，答案决定动效的尺度；每次改版后测速和收录数据各看一眼，分数掉了先查新加的动效和脚本。比格网络给客户做视觉方案时都先过一遍SEO影响评估，排名和观感排队，排名靠前。
