Googlebot und andere Crawler klicken auf JavaScript-Links

Question

Wir führen Vue.js in einer unserer Anwendungen aus und generieren damit Anchor-Tags. Google krabbelt dies, wie wir aus den Suchergebnissen sehen können. Es ist jedoch auch mit einem Bot kriecht, die JavaScript deaktiviert und trifft Links wie die folgende hat:

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

Dies erzeugt Fehler in unserer Laravel Anwendung, weil sie in unserem Web-Server kommen, wie:

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

Was ist der beste Ansatz, um einen Crawler zu verhindern, ohne dass JavaScript aktiviert ist, um auf diese Links zu klicken. Sie auf eine andere Seite umleiten?

Bedenken Sie, dass der Googlebot diese Links bei aktiviertem JavaScript immer noch crawlen soll, da diese Links zu allen unseren Produkten führen.

Answer 1

Verwendung v-bind statt:

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

oder mit v-bind kurze Version und ES6 Ketten-Templates:

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

Da dies nicht in ein href Attribut eingeschaltet werden, ohne dass Javascript aktiviert , der Bot wird diese überspringen.

Es ist auch in Bezug auf Vue 2.0 zukunftssicher, da Interpolationen in Attributen entfernt werden.