預加載數據的數據綁定JS的SEO

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」。