SEO에서는 React.js를 어떻게 사용합니까?

SEO에서는 React.js를 어떻게 사용합니까?

React.js에 관한 기사에서는 React.js가 SEO의 목적에 매우 적합하다고 지적하고 있습니다.불행히도, 난 네가 어떻게 하는지 읽은 적이 없어.구현만 하면 됩니까?_escaped_fragment_https://developers.google.com/webmasters/ajax-crawling/docs/getting-started 에서와 같이 url 에 포함되어 있는 경우는, React 가 서버의 페이지를 렌더링 하도록 합니다._escaped_fragment_아니면 더 많은 것이 있을까요?

의지할 수 없는 것_escaped_fragment_아마도 모든 잠재적인 크롤링 사이트(예: 기능 공유)가 구현되지 않을 것이기 때문에 좋을 것이다._escaped_fragment_.

React가 SEO에 도움이 된다고 홍보한 것은 요청하신 페이지를 클라이언트에 전송하기 전에 서버에서 렌더링할 수 있는 것과 관련이 있다고 생각합니다.따라서 검색 엔진에 관한 한 다른 정적 페이지와 마찬가지로 인덱싱됩니다.

서버 렌더링은ReactDOMServer.renderToString방문자는 이미 렌더링된 마크업 페이지를 받게 됩니다.Resact 어플리케이션은 다운로드하여 실행하면 이를 검출합니다.이 경우 콘텐츠를 대체하는 대신ReactDOM.render이 호출되면 이벤트바인딩만 추가됩니다.나머지 방문 기간 동안 React 응용 프로그램이 인계되고 클라이언트에 추가 페이지가 렌더링됩니다.

만약 당신이 이것에 대해 더 알고 싶다면, 나는 "Universal JavaScript" 또는 "Universal React"(이전에는 "isomplic react"로 알려짐)를 검색할 것을 제안합니다.이것은 서버와 클라이언트 모두에서 단일 코드 베이스를 사용하는 JavaScript 어플리케이션의 용어가 되고 있기 때문입니다.

다른 응답자가 말했듯이, 당신이 찾고 있는 것은 동형적인 접근법입니다.이렇게 하면 검색 엔진에 의해 구문 분석되는 렌더링된 내용과 함께 페이지를 서버에서 가져올 수 있습니다.다른 코멘트가 언급했듯이, 이것은 서버측 언어로 node.js를 사용하는 것을 막은 것처럼 보이게 할 수 있습니다.이 작업을 수행하려면 서버에서 javascript를 실행해야 하는 것은 사실이지만 노드에서 모든 작업을 수행할 필요는 없습니다.예를 들어, 이 기사에서는 Scala를 사용하여 동형 페이지를 작성하고 반응하는 방법에 대해 설명합니다.

리액트와 스칼라를 이용한 동형 웹디자인

이 기사에서는 이와 같은 동형 접근법의 UX 및 SEO의 이점도 개략적으로 설명하고 있습니다.

다음의 2개의 적절한 실장 예를 나타냅니다.

• https://github.com/erikras/react-redux-universal-hot-example:가장 좋아하는 앱 상태 관리 프레임워크인 Redux 사용
• https://github.com/webpack/react-starter:Flux를 사용하여 웹 팩 설정이 매우 정교합니다.

javascript를 켜고 끄고 https://react-redux.herokuapp.com/에 접속하여 브라우저 개발 도구에서 네트워크를 관찰해 보십시오.

SSR 없이 Googlebot에서 클라이언트 측 리액트 앱을 사용할 수 있게 되었기 때문에 이 답변에 동의하지 않을 수 없습니다.

여기 SO의 답을 보세요.최근에야 겨우 작동시켰지만, 아직까지는 문제가 없다는 것을 확인할 수 있고, 실제로 API 호출과 반환된 콘텐츠를 인덱싱할 수 있습니다.

다음 방법으로도 가능합니다.

유사하다renderToString, DOM Atribute()는.DOM Atribute(DOM Atribute)는 생성되지 않습니다data-react-id반응하다추가 속성을 제거하면 많은 바이트를 절약할 수 있으므로 React를 단순한 정적 페이지 생성기로 사용할 경우 유용합니다.

구글 크롤러가 자바스크립트를 잘 다룰 수 있기 때문에 구글에서 당신의 사이트 순위를 신경 쓴다면 당신이 할 필요가 없다.는 SEO 검색으로 확인할 수 .site:your-site-url.

Baidu나 PHP에 의해 구현된 서버 측과 같은 사이트 순위도 신경 쓴다면 다음과 같은 것이 필요할 수 있습니다: react-php-v8js.

언급URL : https://stackoverflow.com/questions/28252768/how-do-you-use-react-js-for-seo