为SEO的数据绑定JS预加载数据

Question

我使用的是Rivets.js，但我认为这个问题适用于任何将数据绑定到模板的js库。

我喜欢设置模板以及在服务器和客户端之间来回传递JSON的想法。然而，这个问题是关于内容的初始加载，特别是在SEO内容方面。由于页面最初只加载空模板，如：

<h1>{ page.title }</h1>
<ul>
  <li rv-each-item="page.list"><a rv-href="item.href">{ item.title }</a></li>
</ul>

这对搜索引擎不是很友好。我知道SEO在构建动态应用程序时会受到影响，但我想知道是否有任何方法可以设置默认文本，然后在加载JS后将其"覆盖"。这有助于显示初始加载以及搜索引擎。也许是这样的。

<h1 rv-text="page.title">Super SEOy title</h1>
<ul>
  <li rv-each-item="page.list">
    <a rv-href="item.href" rv-text="item.title" href="/seo/link">Super SEOy List Item</a>
  </li>
  <li>
    <a href="/second/link">Third Super SEOy List Item</a>
  </li>
  <li>
    <a href="/third/link">Third Super SEOy List Item</a>
  </li>
</ul>

Answer 1

好吧，看来我想做的事情已经有可能了。我只是在JS数据加载后对要隐藏的属性设置了rv-if="p.notLoaded"。