2017-12-29 29 views
2

React (JS)는 JavaScript를 사용하여 클라이언트 측에서 사용자 인터페이스를 작성합니다. 나는 단지 그것으로 시작하고 검색 엔진 관점에서 React 앱을 색인 생성하는 데 문제가 있는지 궁금해한다.어떻게 반응 웹 사이트는 검색 엔진에 의해 색인이 생성됩니까?

클라이언트는 HTML 코드의 일부만 가져오고 모든 내용은 클라이언트 측에서 생성됩니다.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <link rel="manifest" href="/manifest.json"> 
    <title>React App</title> 
    </head> 
    <body> 
    <noscript> 
     You need to enable JavaScript to run this app. 
    </noscript> 
    <div id="root"></div> 
    <script type="text/javascript" src="/static/js/bundle.js"></script></body> 
</html> 

는 구글 같은 검색 엔진에 의해 색인의 관점에서 인터페이스 반응 사용의 단점이 있습니다 아래는 클라이언트가받는 소스 코드의 예는? 그건 아약스 사용의 큰 단점이었습니다. 그 점을 고려해야합니까? 그렇지 않다면 Google이 어떻게 처리 할 수 ​​있습니까?

+2

내가 답을 알고 스스로를 테스트하는 것이 좋습니다 구글은 그것을 위해 테스트 도구를 제공합니다 - https://support.google.com/webmasters/answer/ 6066468? hl = ko - 비슷한 연구를 한 블로그 글을 읽을 수 있습니다. https://www.andrewhfarmer.com/react-seo/ – Kunukn

답변

3

웹 크롤러는 HTML 페이지에있는 콘텐츠 만 볼 수 있습니다. 반응에 의해 보내지는 데이터에 대해서는 알지 못하거나 기본적으로 코드의 자바 스크립트 부분을 크롤링하지 않습니다. 웹 크롤러는 페이지의 내용을보기 위해 서버 측 렌더링을 사용해야합니다. 서버 측 렌더링 수단은 반응하는 페이지 자체의 첫 번째 페이지의 html 콘텐츠를 사전 렌더링하여 보내지는 페이지에 페이지 내용이 포함되도록합니다. 서버 측 렌더링에 대한

This page 회담, 장단점이