گوگل اپیزود جدیدی از Search Central Lightning Talks خود را منتشر کرده است که بر استراتژی های رندر، موضوعی مهم برای توسعه دهندگان وب تمرکز دارد.
در این ویدئو، مارتین اسپلیت، یک مدافع توسعهدهنده در گوگل، پیچیدگیهای روشهای مختلف رندر و اینکه چگونه این رویکردها بر عملکرد وبسایت، تجربه کاربر و بهینهسازی موتور جستجو (SEO) تأثیر میگذارد، توضیح میدهد.
این قسمت همچنین به بحثهای اخیر در مورد استفاده بیش از حد از جاوا اسکریپت و تأثیرات آن بر خزندههای جستجوی هوش مصنوعی، موضوعی که قبلاً توسط Search Engine Journal به آن پرداخته بود، مرتبط است.
بینش Splitt راهنمایی عملی برای توسعه دهندگانی است که می خواهند وب سایت خود را برای موتورهای جستجو و کاربران مدرن بهینه کنند.
رندرینگ چیست؟
Splitt با توضیح اینکه رندر در زمینه وب سایت ها به چه معناست شروع می شود.
او رندر را به زبان ساده توضیح می دهد و می گوید:
رندر در این زمینه فرآیندی است که داده ها را به یک الگو می کشد. استراتژیهای مختلفی برای مکان و زمان وقوع این اتفاق وجود دارد، بنابراین بیایید با هم نگاهی بیندازیم.»
در گذشته، توسعهدهندگان مستقیماً فایلهای HTML را در سرورها ویرایش و آپلود میکردند.
با این حال، وبسایتهای مدرن اغلب از قالبهایی برای سادهسازی ایجاد صفحات با ساختارهای مشابه اما محتوای متفاوت، مانند فهرستهای محصولات یا پستهای وبلاگ، استفاده میکنند.
Splitt رندر را به سه استراتژی اصلی دسته بندی می کند:
- پیش رندر (تولید سایت استاتیک)
- رندر سمت سرور (SSR)
- رندر سمت مشتری (CSR)
1. پیش رندر
عکس صفحه از: YouTube.com/GoogleSearchCentral، ژانویه 2025.پیش رندر که به عنوان تولید سایت استاتیک نیز شناخته می شود، فایل های HTML را از قبل تولید کرده و به کاربران ارائه می دهد.
Splitt سادگی و امنیت آن را برجسته می کند:
“همچنین بسیار قوی و بسیار امن است، زیرا تعامل زیادی با سرور اتفاق نمی افتد، و شما می توانید آن را کاملاً محکم قفل کنید.”
با این حال، او همچنین به محدودیت های آن اشاره می کند:
همچنین نمی تواند به تعاملات بازدیدکنندگان شما پاسخ دهد. بنابراین کاری که می توانید در وب سایت خود انجام دهید محدود می کند.
ابزارهایی مانند Jekyll، Hugo و Gatsby این فرآیند را با ترکیب قالب ها و محتوا برای ایجاد فایل های ایستا خودکار می کنند.
مزایا:
- راه اندازی ساده با حداقل نیازهای سرور
- امنیت بالا به دلیل تعامل محدود با سرور
- عملکرد قوی و قابل اعتماد
معایب:
- هر زمان که محتوا تغییر کند به بازسازی دستی یا خودکار نیاز دارد
- تعامل محدود، زیرا صفحات نمی توانند به صورت پویا به اقدامات کاربر پاسخ دهند
2. رندر سمت سرور (SSR): انعطاف پذیری با معاملات
عکس صفحه از: YouTube.com/GoogleSearchCentral، ژانویه 2025.رندر سمت سرور به صورت پویا صفحات وب را در سرور هر بار که کاربر از یک سایت بازدید می کند ایجاد می کند.
این رویکرد وبسایتها را قادر میسازد تا محتوای شخصیسازیشده، مانند داشبوردهای خاص کاربر و ویژگیهای تعاملی، مانند بخشهای نظر، ارائه دهند.
اسپلیت می گوید:
«برنامه در مورد مواردی مانند URL، بازدیدکننده، کوکیها و موارد دیگر تصمیم میگیرد – چه محتوایی را در کدام قالب قرار داده و به مرورگر کاربر برگرداند.»
Splitt همچنین به انعطاف پذیری آن اشاره می کند:
“این می تواند به مواردی مانند وضعیت ورود به سیستم یا اقدامات کاربر، مانند ثبت نام در یک خبرنامه یا ارسال نظر پاسخ دهد.”
اما او به نکات منفی آن اذعان دارد:
“راه اندازی کمی پیچیده تر است و برای ایمن نگه داشتن آن به کار بیشتری نیاز دارد، زیرا ورودی کاربران اکنون می تواند به سرور شما برسد و به طور بالقوه مشکلاتی ایجاد کند.”
مزایا:
- از تعاملات پویا با کاربر و محتوای مناسب پشتیبانی می کند
- می تواند محتوای تولید شده توسط کاربر، مانند نظرات و نظرات را در خود جای دهد
معایب:
- راه اندازی پیچیده و تعمیر و نگهداری مداوم
- مصرف منابع بیشتر، زیرا صفحات برای هر بازدید کننده ارائه می شوند
- زمان بارگذاری بالقوه کندتر به دلیل تاخیر در پاسخ سرور
برای کاهش تقاضای منابع، توسعه دهندگان می توانند از حافظه پنهان یا پروکسی ها برای به حداقل رساندن پردازش اضافی استفاده کنند.
3. ارائه سمت مشتری (CSR): تعامل با ریسک ها
عکس صفحه از: YouTube.com/GoogleSearchCentral، ژانویه 2025.رندر سمت کلاینت از جاوا اسکریپت برای واکشی و نمایش داده ها در مرورگر کاربر استفاده می کند.
این روش وبسایتها و برنامههای تحت وب تعاملی را ایجاد میکند، به ویژه آنهایی که بهروزرسانیهای آنی یا رابط کاربری پیچیده دارند.
Splitt عملکرد برنامه مانند خود را برجسته می کند:
“تعامل ها به نظر می رسد که در یک برنامه هستند. آنها به آرامی در پسزمینه بدون بارگیری مجدد صفحه بهطور قابل مشاهده انجام میشوند.»
با این حال، او در مورد خطرات آن هشدار می دهد:
مشکل اصلی CSR معمولاً این خطر است که در صورت بروز مشکلی در حین انتقال، کاربر هیچ یک از محتوای شما را نبیند. این می تواند پیامدهای سئو نیز داشته باشد.”
مزایا:
- کاربران از تجربه ای روان و شبیه برنامه بدون بارگیری مجدد صفحه لذت می برند.
- ویژگی هایی مانند دسترسی آفلاین با استفاده از برنامه های وب مترقی (PWA) را امکان پذیر می کند.
معایب:
- به شدت به دستگاه و مرورگر کاربر بستگی دارد.
- موتورهای جستجو ممکن است در فهرست بندی محتوای رندر شده با جاوا اسکریپت مشکل داشته باشند که منجر به چالش های سئو می شود.
- اگر جاوا اسکریپت بارگیری یا اجرا نشود، ممکن است کاربران صفحات خالی را ببینند.
اسپلیت یک رویکرد ترکیبی به نام “هیدراتاسیون” را برای بهبود سئو پیشنهاد می کند.
در این روش، سرور ابتدا محتوا را رندر می کند و سپس رندر سمت کلاینت، تعاملات بعدی را انجام می دهد.
عکس صفحه از: YouTube.com/GoogleSearchCentral، ژانویه 2025.نحوه انتخاب استراتژی رندر مناسب
اسپلیت خاطرنشان می کند که هیچ راه حل یکسانی برای توسعه وب سایت وجود ندارد.
توسعه دهندگان باید با بررسی فاکتورهای خاص، نیازهای یک وب سایت را در نظر بگیرند.
اسپلیت می گوید:
در پایان، این به عوامل مختلفی بستگی دارد، مانند اینکه وب سایت شما چه کاری انجام می دهد؟ هر چند وقت یکبار محتوا تغییر می کند؟ از چه نوع تعاملاتی می خواهید حمایت کنید؟ و چه نوع منابعی برای ساخت، اجرا و نگهداری تنظیمات خود دارید؟»
او خلاصهای بصری از مزایا و معایب هر رویکرد ارائه میکند تا به توسعهدهندگان در انتخاب آگاهانه کمک کند.
عکس صفحه از: YouTube.com/GoogleSearchCentral، ژانویه 2025.اتصال نقاط: استفاده بیش از حد از رندر و جاوا اسکریپت
این قسمت به بحث های قبلی در مورد معایب استفاده بیش از حد از جاوا اسکریپت، به ویژه در مورد SEO در عصر خزنده های جستجوی هوش مصنوعی ادامه می دهد.
همانطور که قبلاً گزارش شد، خزندههای هوش مصنوعی مانند GPTBot اغلب در پردازش وبسایتهایی که به شدت به جاوا اسکریپت متکی هستند، مشکل دارند، که میتواند دید آنها را در نتایج جستجو کاهش دهد.
برای رفع این مشکل، Splitt توصیه می کند از رندر سمت سرور یا پیش رندر استفاده کنید تا اطمینان حاصل شود که محتوای ضروری هم برای کاربران و هم برای موتورهای جستجو قابل دسترسی است. توسعهدهندگان تشویق میشوند تا تکنیکهای بهبود پیشرونده را پیادهسازی کنند و استفاده از جاوا اسکریپت را به موقعیتهایی محدود کنند که واقعاً ارزش اضافه میکند.
برای کسب اطلاعات بیشتر در مورد استراتژی های رندر ویدیوی زیر را ببینید.
تصویر ویژه: اسکرین شات از: YouTube.com/GoogleSearchCentral، ژانویه 2025