Masalah SEO dan Kerangka Kerja NextJS

Apabila kita membangunkan laman web, adalah penting untuk kita fahami, sama ada kita akan menggalakkan laman web ini dalam enjin carian. Dengan enjin carian, yang dimaksudkan adalah laman web khusus seperti Google atau Yandex, di mana pengguna mencari maklumat yang dia perlukan.

Jika laman web kami akan dipaparkan pada kedudukan pertama untuk permintaan tertentu, ini akan memastikannya mendapat aliran pelawat yang berterusan. Dan untuk pelawat ini, kita tidak perlu bayar apa-apa, tidak seperti pelawat yang datang dari iklan.

Dan di sini kami menghadapi masalah: laman web yang dibangunkan menggunakan React, tidak akan dipromosikan dalam enjin carian. Masalahnya ialah kandungan halaman laman web sedemikian dijana secara dinamik dalam pelayar melalui JavaScript. Enjin carian setakat ini tidak tahu bagaimana untuk memproses halaman sedemikian. Oleh itu, laman web sedemikian tidak dapat dipaparkan sepenuhnya untuk pertanyaan carian.

Untuk membolehkan enjin carian berfungsi sepenuhnya dengan laman web kami, teks halamannya perlu dibuat di sebelah pelayan dan dihantar ke pelayar dalam bentuk kod HTML siap.

Masalah inilah yang diselesaikan oleh kerangka kerja NextJS. Ia membolehkan menulis kod JSX di sebelah pelayan. Pelayan mengubah JSX ini kepada HTML biasa dan memberikannya kepada pelayar. Dengan cara ini kod HTML yang diperlukan untuk berfungsi dengan betul enjin carian akan dihantar ke sebelah klien dengan laman web kami.

Bagaimana sebenarnya ini dilakukan, itulah yang akan kita pelajari dalam rangka tutorial ini.

Perlu dikatakan bahawa enjin carian sudah belajar untuk mengenali kandungan yang dijana oleh JavaScript. Apabila mereka betul-betul belajar untuk melakukannya, keseluruhan pembangunan laman web akan berubah secara mendadak. Dan kerangka kerja seperti NextJS sama ada tidak akan diperlukan langsung, atau akan menjadi sama sekali berbeza dari segi prinsipnya.

Jadi, jom kita mula:)