自動車業界に顧客満足度調査を提供し、Google オーガニック検索結果ページのレビューと評価のリッチ スニペットを有効にしようとしています。
サーバーコードにはアクセスできません。クライアントコードへのアクセスしかありません.メインのWebサイトに以下のコードを実装し、JavaScriptファイルを含めることができるため.
<script type="text/javascript" src="//ukapi.xyzcorp.com/Scripts/xyz.js"></script>
<div id="DealerRating1" class="xyzDealerRating" data-xyz-action="GetDealerRatingHTMLBoxSmall" data-xyz-dealercode1="UK45199" data-xyz-dealercode2="UK45200"></div>
jQuery と AJAX を使用して DOM を修正し、5 つ星のレビューを表示し、ドキュメントの準備ができたらレビューと評価用のリッチ スニペットを追加して、ユーザーが評価を確認できるようにします。
$(document).ready(function () {
GetDealerRatings();
});
function GetDealerRatings() {
var dealerRatings = $(".xyzDealerRating");
$.each(dealerRatings, function (i, dealerRating) {
GetWebAPI(dealerRating, sUrl + '/api/' + $(dealerRating).data("xyz-action") + '?dealercode1=' + $(dealerRating).data("xyz-dealercode1") + '&dealercode2=' + $(dealerRating).data("xyz-dealercode2"));
});
}
function GetWebAPI(dealerRating, sUrl) {
$.ajax({
url: sUrl,
type: 'GET',
dataType: 'json',
crossDomain: true,
cache: false,
contentType: 'application/json; charset=utf-8',
async: true,
success: function (data) {
WriteResponse(dealerRating, data);
});
}
function WriteResponse(dealerRating, data) {
$(dealerRating).empty();
//$(dealerRating).append(data);
document.getElementById("DealerRating1").innerHTML = data;
残念ながら、これは機能していません.
<div id="DealerRating1" class="auraDealerRating" data-aura-action="GetDealerRatingHTMLBoxSmall" data-aura-dealercode1="UK45968" data-aura-dealercode2="UK45969"></div>
リッチ スニペット コードは、ドキュメントの準備が整った後にのみ読み込まれます。
<div id="DealerRating1" class="auraDealerRating" data-aura-action="GetDealerRatingHTMLBoxSmall" data-aura-dealercode1="UK45968" data-aura-dealercode2="UK45969">
<div class="auradrsmall" itemscope="" itemtype="http://schema.org/Review">
<span class="header">Customer Recommendation</span>
<div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/LocalBusiness">
<span itemprop="name" class="auraGoogleReviewText">Hutchings Hyundai - Bridgend</span>
</div>
<span itemprop="author" itemscope="" itemtype="http://schema.org/Person">
<span itemprop="name" class="auraGoogleReviewText">Aura Corporation</span>
</span>
<meta itemprop="datePublished" content="2015-06-12">
<div class="section">
<div class="col type">Sales</div>
<div class="col auraratingsmall10" itemprop="reviewRating" itemscope="" itemtype="http://schema.org/Rating">
<span itemprop="ratingValue" class="auraGoogleReviewText">4.9</span>
</div>
<div class="col">
<ul>
<li>7 Customers</li>
<li><a href="javascript:openlightbox('UK45968');">2 with comments</a></li>
</ul>
</div>
</div>
<div class="footer">Real customer reviews from <span class="aura">aura</span> </div>
</div>
</div>
「ウェブマスターと開発者のための AJAX クロールのガイド」を調査しましたが、それはサーバー コードを制御できる場合にのみ機能します。ただし、クライアント コードhttps://support.google.com/webmasters/answer/174992?hl=enにしかアクセスできないため、できません 。
誰にも同様の問題がありますか?これを Google にクロールさせる方法はありますか? またはこれに対する代替ソリューションは?