为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＆＃34;覆盖＆＃34;它一旦装好了。这有助于显示初始加载以及搜索引擎。也许是这样的。

<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

好的，所以看起来我想做的事情已经成为可能了。我只是设置了一个rv-if =＆＃34; p.notLoaded＆＃34;一旦JS数据加载，我想隐藏的属性。