Googlebot 및 기타 크롤러가 자바 스크립트 링크를 클릭하고 있습니다.

Question

Google 애플리케이션 중 하나에서 Vue.js를 실행하고 있으며이를 사용하여 앵커 태그를 생성하고 있습니다. Google은 검색 결과에서 알 수 있듯이이를 크롤링하고 있습니다. 그러나, 그것은 또한 장애인 자바 스크립트가있는 봇으로 크롤링하고, 같은 링크를 발견는 다음과 같다

: 그들은 우리의 웹 서버에 와서 때문에

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

이것은 우리의 Laravel 응용 프로그램에서 오류가 발생한다

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

JavaScript가 활성화되지 않은 크롤러가 이러한 링크를 클릭하는 것을 방지하는 가장 좋은 방법은 무엇입니까? 다른 페이지로 리디렉션 하시겠습니까?

JavaScript가 활성화되어있을 때 Googlebot이 모든 링크로 이어지기 때문에이 링크를 크롤링하기를 원합니다.

대신

Answer 1

사용 V-바인딩 :

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

또는 V-바인드 짧은 버전과 ES6 문자열 템플릿

: 자바 스크립트를 사용할 수 없으면이로

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

는 href 속성으로 전환되지 않습니다 , 봇은 그것들을 건너 뛸 것입니다.

속성의 보간이 제거됨에 따라 Vue 2.0과 관련하여 미래 보장이됩니다.