2017-12-29 18 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などの検索エンジンでインデックス化の観点で反応するインタフェースを使用して、任意の短所がありますか?それはajaxを使うことの大きな欠点でした。それを考慮する必要がありますか?もしそうでなければ、Googleはどのようにそれを処理できますか?

+2

私は答えを知って、それを自分でテストすることをお勧めします、Googleはそのためのテストツールを提供 - https://support.google.com/webmasters/answer/ 6066468?hl = en - あなたは、同様の研究を行ったブログ投稿を読むことができます。 https://www.andrewhfarmer.com/react-seo/ – Kunukn

答えて

3

ウェブクローラは、HTMLページにあるコンテンツを見ることしかできません。反応によって送信されるデータについてはわかりませんが、基本的にはコードのJavaScript部分をクロールしません。ページのコンテンツを表示するには、Webクローラーのサーバー側レンダリングを使用する必要があります。サーバー側のレンダリング手段は、最初のページのhtmlコンテンツをサーバー自体にプレレンダリングして、送信するページにページの内容が含まれるようにします。サーバー側のレンダリングについて

This page会談、その長所と短所

関連する問題