SEOの問題とNextJSフレームワーク

ウェブサイトを開発する際、そのサイトを検索エンジンでプロモートするかどうかを理解することが重要です。 検索エンジンとは、GoogleやYandexなどの専門サイトを指し、ユーザーがそこから必要な情報を検索します。

私たちのサイトが特定のクエリで最初のページに表示されれば、それは継続的な訪問者の流れを保証します。 そして、広告から来る訪問者とは異なり、これらの訪問者に対して何も支払う必要はありません。

そしてここに問題が潜んでいます：Reactで開発されたサイトは、検索エンジンでプロモートされません。 問題は、そのようなサイトのページコンテンツがJavaScriptを介してブラウザ内で動的に生成されることです。 検索エンジンはまだそのようなページを処理できません。 したがって、そのようなサイトは検索クエリに完全に表示されることができません。

検索エンジンが私たちのサイトを完全に扱えるようにするためには、 そのページのテキストはサーバー側で生成され、準備されたHTMLコードとしてブラウザに送信される必要があります。

この問題を解決するのがNextJSフレームワークです。 これはサーバー側でJSXコードを書くことを可能にします。 サーバーはこのJSXを通常のHTMLに変換し、ブラウザに提供します。 このようにして、私たちのサイトを検索エンジンが正しく扱うために必要なHTMLコードがクライアント側に送信されます。

これが具体的にどのように行われるか、このチュートリアルの中で学んでいきます。

言及すべきは、検索エンジンはすでにJavaScriptで生成されたコンテンツを認識することを学び始めていることです。 彼らがこれを完全にできるようになったとき、ウェブサイト開発全体が根本的に変わるでしょう。 そして、NextJSのようなフレームワークは完全に不要になるか、その原則がまったく異なるものになるでしょう。

それでは、始めましょう:)