2016-07-06 3 views
3

Googleのアプリケーションの1つでVue.jsを実行しており、アンカータグを生成しています。検索結果からわかるように、Googleはこれをクロールしています。しかし、それはまた、JavaScriptが無効になっているボットにクロールし、次のようなリンクに遭遇されていますGooglebotと他のクローラがjavascriptリンクをクリックしています

<a href="/electronica/{{ auction.main_image_big }}"></a>

彼らのように私たちのウェブサーバに入って来るので、これは、私たちのLaravelアプリケーションでエラーが発生している:

/electronica/%7B%7B%20auction.main_image_big%20%7D%7D

JavaScriptを有効にしないクローラがこれらのリンクをクリックするのを防ぐための最良の方法は何ですか。別のページにリダイレクトしますか?

JavaScriptが有効になっている場合でもGooglebotがこれらのリンクをクロールして、これらのリンクがGoogleのすべての商品につながるためです。

代わり

答えて

2

利用のV-バインド:

<a v-bind:href="'/electronica/' + auction.main_image_big"></a> 

またはV-バインドショートバージョンとES6文字列テンプレートと

:Javascriptがなく、このよう

<a :href="`/electronica/${auction.main_image_big}`"></a> 

href属性に変換することはありませんボットはそれらをスキップします。

属性の補間が削除されているため、Vue 2.0に関しても将来の保証となります。

+0

こんにちは!お返事をありがとうございます。私はこのソリューションを実装しており、動作しているかどうかをお知らせします – thijsdemaa

関連する問題