2013-06-18 66 views
0

我目前正在努力標記我的網站產品頁面與產品評級微數據谷歌SERP的好處。使用JavaScript拉特定頁面文本,然後寫入跨度標記

我使用的當前購物車軟件確實有一個產品評級系統。它生成相關產品的評級以下的html:

<span id="dnn_ctr783_ProductDetails_ctl02_lblAvgStars2">Average Rating: 5 Stars</span> 

我能夠給schema.org標識添加到該span標記產生以下內容:

<span id="dnn_ctr783_ProductDetails_ctl02_lblAvgStars2" itemprop="ratingValue">Average Rating: 5 Stars</span> 

然而,在指定的值span標籤對schema.org無效。他們要求「ratingValue」只包含一個數字來指定評級。我的span標籤有很多額外的文字。

不知何故,我需要從生成的評分範圍標記中提取數字「5」,並將其寫入另一個span標記,該標記將具有schema.org產品標記的正確值。

有關如何完成此任何想法?謝謝!

回答

0

請注意,這是不可能的抓取您的網站時,搜索引擎會執行任何種類的JavaScript,所以這種技術只在普通瀏覽器,但必須在搜索引擎中沒有任何影響。

+0

這是真的。我希望有一種方法可以在頁面呈現並顯示之前獲取這些數據。 –

0
$('[itemprop="ratingValue"]').each(function() { 
    var txt = $(this).text(), 
     rating = txt.replace(/\D/g, ''); 
     // This will replace all the non-numeric instances 

    $('<span/>', { 
     'class' : 'newRatingValue', 
     text : rating 
    }).appendTo('#div1'); 
    // Append this to a new span and remove the current span 
    $(this).remove(); 
}); 

Check Fiddle

0

你能給這個跨度是如何創建和使用的詳細信息? 如果你只想在'itemprop'屬性中使用一位數字,這應該會得到你的價值。

$('[itemprop="ratingValue"]').text().match(/\d/g)