html - 使用 HTML5 Canvas 文本 - SEO 后果

Question

我正在构建一个网站，其中导航栏的元素使用 HTML5 的 Canvas 元素进行动画处理。例如，按钮是 float 的圆圈。这个想法是按钮的文本将 float 到这些圆圈的右侧。我想知道，就 SEO 而言，我应该使用什么方法来实现不同的文本元素:

我想到的一种方法是只使用 Canvas 文本来绘制文本，但是当然 SEO 无法读取它。但我不知道 - Google 的机器人是否关心我如何实现导航？或者他们可能只是阅读 XML 站点地图来理解它？？

第二种方法是使用 CSS 以编程方式移动带有文本的 html 元素，以便它们跟随动画圆圈。

我想到的一种混合方法是在 Canvas 上绘图，同时将带有常规文本的常规 html 导航作为 Canvas 的后备内容放置。

由于我不确定 Google 的 SEO 是如何工作的，如果您分享您对上述方法的看法，或者提供更好的方法，我将非常高兴。

感谢您的帮助!

Answer 1

A second approach is to programmatically move html elements with the text using CSS, so that they will follow the animated circles.

从 SEO 的角度来看，这将是理想的选择，因为搜索引擎将能够抓取内容并跟踪您的链接，同时您的用户将从动画中受益。