SEO সমস্যা এবং NextJS ফ্রেমওয়ার্ক
যখন আমরা একটি ওয়েবসাইট তৈরি করি, তখন আমাদের বুঝতে গুরুত্বপূর্ণ, আমরা এই ওয়েবসাইটটি সার্চ ইঞ্জিনে প্রমোট করব কিনা। সার্চ ইঞ্জিন বলতে Google বা Yandex-এর মতো বিশেষায়িত ওয়েবসাইট বোঝায়, যেখানে ব্যবহারকারী তার প্রয়োজনীয় তথ্য খুঁজে পান।
যদি আমাদের ওয়েবসাইট একটি নির্দিষ্ট অনুসন্ধানের জন্য প্রথম অবস্থানে দেখানো হয়, তবে এটি ওয়েবসাইটটিতে অবিচ্ছিন্ন ভিজিটরের প্রবাহ নিশ্চিত করবে। এবং এই ভিজিটরদের জন্য আমাদের বিজ্ঞাপন থেকে আসা ভিজিটরদের বিপরীতে কিছুই দিতে হবে না।
এবং এখানে আমরা একটি সমস্যার সম্মুখীন হই: React-এ তৈরি ওয়েবসাইটগুলি সার্চ ইঞ্জিনে প্রমোট করা হবে না। ব্যাপারটি হল, এই ধরনের ওয়েবসাইটের পৃষ্ঠাগুলির বিষয়বস্তু JavaScript-এর মাধ্যমে ব্রাউজারে গতিশীলভাবে তৈরি হয়। সার্চ ইঞ্জিনগুলি এখনও এই ধরনের পৃষ্ঠাগুলি প্রক্রিয়া করতে জানেনা। তদনুসারে, এই ধরনের ওয়েবসাইটটি সার্চ অনুসন্ধানে সম্পূর্ণরূপে প্রদর্শিত হতে সক্ষম হবে না।
সার্চ ইঞ্জিনগুলি আমাদের ওয়েবসাইটের সাথে পুরোপুরি কাজ করতে সক্ষম হওয়ার জন্য, এর পৃষ্ঠার পাঠ্যগুলি সার্ভার সাইডে তৈরি হতে হবে এবং সম্পূর্ণ HTML কোড আকারে ব্রাউজারে পাঠানো হতে হবে।
এই সমস্যাটিই NextJS ফ্রেমওয়ার্কটি সমাধান করে। এটি সার্ভার সাইডে JSX কোড লেখার অনুমতি দেয়। সার্ভার এই JSX-কে সাধারণ HTML-এ রূপান্তরিত করে এবং এটি ব্রাউজারে পাঠায়। এইভাবে ক্লায়েন্ট সাইডে HTML কোড পাঠানো হবে, যা আমাদের ওয়েবসাইটের সাথে সার্চ ইঞ্জিনের সঠিক কাজ করার জন্য প্রয়োজনীয়।
এটি ঠিক কিভাবে করা হয়, তা আমরা এই টিউটোরিয়ালের মধ্যে শিখব।
এটা বলা উচিত যে, সার্চ ইঞ্জিনগুলি ইতিমধ্যেই JavaScript-এ তৈরি বিষয়বস্তু চিনতে শিখছে। যখন তারা সম্পূর্ণরূপে এটি করতে শিখবে, সম্পূর্ণ ওয়েবসাইট ডেভেলপমেন্ট মৌলিকভাবে পরিবর্তিত হবে। এবং NextJS-এর মতো ফ্রেমওয়ার্কগুলি হয়তো একেবারেই প্রয়োজন হবে না, অথবা তাদের নীতিগুলি সম্পূর্ণরূপে ভিন্ন হয়ে যাবে।
তো, শুরু করা যাক:)