使用HTML5画布文本 - SEO后果

Question

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

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

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

我正在考虑的一种混合方法是在画布上绘图，还要将常规html导航与常规文本放在画布的后备内容中。

由于我不确定Google的搜索引擎优化是如何运作的，如果您分享您对上述方法的看法，或者提供更好的方法，我会很高兴。

感谢您的帮助！

Answer 1

  

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

从搜索引擎优化的角度来看，这将是理想的，因为搜索引擎将能够抓取内容并关注您的链接，同时您的用户将获得动画的好处。