به معنای رندر صفحات در سمت سرور و ارسال کدها به مرورگر کاربر میباشد.
مثلا وقتی یک صفحه وب سایت را با php و js توسعه دادیم وقتی درخواست بازدید داده میشد سرور همه چیز را کامپایل میکرد و صفحه html را برای کاربر به سمت مرورگرش میفرستاد اما اگر روی route دیگری هم کلیک میکردید دوباره این کار تکرار میشد یعنی فایل PHP رو بگیره ، کامپایل کنه ، به HTML برسونه و برگردونه به سمت مرورگر که بسیار وقت گیر بود.
نحوه كار server side rendering?
در این روش پس از رندر کدهای جاوا اسکریپت به وسیله سرور و ارسال آن به کاربر،وبسایت دارای محتوا به کاربر نشان داده میشود و موتور های جستجو به راحتی قادرند محتوا را index کنند
برای اعمال ssr فریم وورک هایی وجود دارد برای مثال برای Reactjs میتوانید از Nextjs و برای vuejs از Nuxtjs استفاده کنید اما این نکته را باید در نظر داشته باشید که برای استفاده از فریم وورک ها نمیتوان هاست اشتراکی داشت.
چرا باید از ssr استفاده کنید؟
1)سئوی بهتر ، زیرا خزنده های موتور جستجو مستقیماً صفحه ارائه شده را مشاهده می کنند.
2) برای این که تمامی جاوا اسکریپت اجرا شود نیازی به صبر ندارد , بنابراین کاربر شما یک صفحه کامل شده را زودتر خواهد دید . این امر به طور کلی منجر به تجربه بهتر کاربر میشود و می‌تواند برای کاربردهایی که در آن زمان به محتوا به طور مستقیم با نرخ تبدیل مرتبط است , حیاتی باشد .
تاثیر ssr و csr بر سئو:
توسط CSR، محتوای یک صفحه وب به صورت پویا، توسط جاوااسکریپت، ایجاد میشود. به این معنی است که تغییر metadata در هر صفحه، به اجرای جاوااسکریپت بستگی دارد. در موتور‌های جست‌وجو قدیمی، ترجیح می‌دادند که یک crawler وارد یک سایت میشود، جاوااسکریپت را اجرا نکنند، به هر حال، گوگل اجرای جاوااسکریپت را پذیرفته است و روند در حال تغییر است.
توسط SSR، تمام صفحه توسط یک metadata صحیح و کامل ایجاد شده و بعد از دریافت محتوای HTML نهایی، به سمت فرانت‌اند ارسال میشود. به این صورت اطمینان حاصل میشود که همیشه metadata دقیقی برای صفحات وجود دارد، چه crawler اجازه اجرای جاوااسکریپت را بدهد، چه ندهد. این موضوع باعث میشود که SSR راه‌حل بهتری در مواردی که SEO اهمیت دارد، باشد.
