点击动画会影响SEO吗？

Question

我们想建立一个令人印象深刻的动画网站，但SEO对我们也很重要，我想知道在CSS和JS动画的情况下SEO的效果。

假设我们希望用Gatsby.js或Next.js构建页面，并在Three.js中添加动画。我们知道页面需要非常快的加载，所以我们不想在init上使用动画。但是，假设我们希望在网站顶部有一个开关按钮，它将触发Three.js和CSS动画。它会影响SEO吗？

另一个例子，我们将有一个静态网站没有动画和第二个网站与相同的内容，但有大量的动画和没有索引标签(弯曲的目的)。因此，当用户将访问我们的网站，他将能够看到链接(不跟随)的网站上的子域与动画。

有什么办法弄清楚吗？

Answer 1

Googlebot不点击任何东西或以其他方式模拟用户交互(例如滚动、悬停或移动鼠标)。onclick事件中的任何内容都将被Googlebot有效地忽略，不会直接影响SEO。

谷歌正在为搜索引擎优化使用一个名为网络生命体征的性能度量套件。该套件中的一个度量标准是累积布局移位(中国)，它测量页面加载后视觉上的内容移动量。在某些情况下，动画可能被误认为是布局转换。Google使用“字段数据”(即来自实际用户浏览器的数据)来度量SEO的CLS。即使Googlebot无法看到您的动画，但由于动画的存在，实际用户的CLS评分很差。你应该用动画来测量页面上的CLS，并确保它们不会破坏这个度量。

好的一面是，如果用户喜欢这些动画，这可能是有益的SEO。谷歌可能会使用一些形式的用户满意度指标(如反弹率)来进行排名。此外，用户更有可能分享令人印象深刻的内容。当用户创建链接到您的网站，这直接帮助搜索引擎优化。动画，使您的网站更有吸引力和更多的可用性，有可能帮助SEO从长远来看。

第二个网站与相同的内容和动画来了它自己的SEO问题引起的重复内容。在链接上使用nofollow复制内容并不是一个很好的处理方法。与其使用nofollow，我建议使用rel=canonical标记来告诉谷歌要索引的版本。