گوگل کروم در حال آزمایش یک روش جدید برای اندازه‌گیری دقیق Core Web Vitals در سایت‌هایی با ساختار SPA (Single Page Application) است. این نوع سایت‌ها مدت‌هاست که در بررسی عملکرد و ارزیابی سئو دچار یک نقطه‌ضعف مهم هستند که می‌تونه روی رتبه‌بندی اون‌ها در نتایج گوگل تأثیر منفی بذاره.
در نسخه ۱۳۹ کروم، توسعه‌دهنده‌ها می‌تونن از طریق یک نسخه آزمایشی (origin trial) از Soft Navigations API استفاده کنن. این API جدید به کروم اجازه می‌ده تا حتی زمانی که صفحه بدون بارگذاری کامل تغییر می‌کنه، بتونه معیارهایی مثل LCP (Largest Contentful Paint)، CLS (Cumulative Layout Shift) و INP (Interaction to Next Paint) رو به‌درستی اندازه‌گیری کنه.
در سایت‌هایی که با جاوا اسکریپت سنگین ساخته شدن، معمولاً بارگذاری محتوا به‌صورت نرم انجام می‌شه و این باعث می‌شه کروم نتونه درست متوجه تغییرات بشه. همین موضوع باعث می‌شه بسیاری از گزارش‌های سئو ناقص باشن و عملکرد واقعی سایت نشون داده نشه. اما حالا با این ابزار جدید، ارزیابی تجربه کاربر در سایت‌های SPA می‌تونه دقیق‌تر و واقعی‌تر انجام بشه.
این تغییر می‌تونه تأثیر زیادی در بهبود سئو سایت‌های جاوا اسکریپتی داشته باشه و باعث بشه گزارش‌های ابزارهایی مثل Search Console و PageSpeed Insights داده‌های دقیق‌تری رو نشون بدن.
چرا این موضوع برای سئو سایت‌های جاوا اسکریپتی اهمیت دارد؟
سایت‌هایی با ساختار SPA (Single Page Application) به خاطر سرعت بالا و تجربه کاربری تعاملی، خیلی محبوب شدن. اما همیشه یک مشکل مهم داشتن: نمی‌شه به‌درستی عملکردشون رو با ابزارهایی مثل Lighthouse، داده‌های واقعی کاربر از طریق CrUX (Chrome User Experience Report) یا اسکریپت‌های پایش کاربر واقعی بررسی کرد.
دلیل این موضوع اینه که SPAها معمولاً محتوای صفحه رو با استفاده از جاوا اسکریپت آپدیت می‌کنن، بدون اینکه فرآیند عادی بارگذاری صفحه (navigation) انجام بشه. در نتیجه، ابزارهایی که Core Web Vitals رو اندازه‌گیری می‌کنن (مثل LCP و CLS)، متوجه این تغییرات نمی‌شن و اطلاعات ناقص یا اشتباهی ارائه می‌دن.
اما حالا، API جدیدی که توسط گوگل معرفی شده، قراره این مشکل رو حل کنه و یک تصویر دقیق‌تر از عملکرد واقعی سایت در شرایط استفاده کاربران به شما بده؛ مخصوصاً وقتی که کاربر داخل سایت کلیک می‌کنه یا بین بخش‌های مختلف سایت جابه‌جا می‌شه.
Soft Navigations API دقیقاً چه کاری انجام می‌دهد؟
API جدید کروم به اسم Soft Navigations API از یک سری الگوریتم داخلی استفاده می‌کنه تا تشخیص بده چه زمانی یک ناوبری نرم (soft navigation) اتفاق افتاده. مثلاً وقتی:
-
کاربر روی یک لینک کلیک می‌کنه
-
آدرس صفحه (URL) تغییر می‌کنه
-
ساختار صفحه (DOM) تغییر ظاهری می‌ده و مرورگر مجبور به رندر دوباره محتوا می‌شه
در این شرایط، حتی اگر صفحه به‌صورت کامل دوباره بارگذاری نشده باشه، کروم اون رو مثل یک “ناوبری واقعی” در نظر می‌گیره و شروع به اندازه‌گیری دقیق معیارهای عملکردی سایت می‌کنه.
این API، چند ویژگی و قابلیت مهم به ابزارهای بررسی عملکرد اضافه می‌کنه؛ مثل:
-
interaction-contentful-paint: حالا می‌تونید LCP (بزرگ‌ترین عنصر قابل نمایش) رو حتی بعد از ناوبری نرم اندازه‌گیری کنید
-
navigationId: یک شناسه جدید برای هر ناوبری ثبت می‌شه تا ابزارهای تحلیلی بدونن هر معیار مربوط به کدوم تعامل یا تغییر URL بوده
-
بهبود در شاخص‌هایی مثل layout shift، event timing و INP (زمان واکنش کاربر) که حالا در ناوبری‌های نرم هم دقیق کار می‌کنن
این پیشرفت‌ها باعث می‌شن ابزارهایی مثل Search Console و PageSpeed Insights بتونن عملکرد سایت‌های جاوا اسکریپتی رو بهتر بفهمن و گزارش بدن. در نتیجه، بهینه‌سازی این سایت‌ها برای گوگل راحت‌تر و دقیق‌تر می‌شه.
چطور این قابلیت را تست کنیم؟
اگر می‌خوای همین الان ابزار Soft Navigations API رو امتحان کنی، می‌تونی از نسخه ۱۳۹ کروم استفاده کنی. دو روش برای تست وجود داره:
-
تست محلی (Local Testing): فقط کافیه این قابلیت رو از طریق این مسیر فعال کنی:
chrome://flags/#soft-navigation-heuristics -
تست عمومی (Origin Trial): با استفاده از یک توکن اختصاصی (که می‌تونی به صورت meta tag یا HTTP header به سایت اضافه کنی) می‌تونی عملکرد این API رو با داده‌های واقعی کاربران بررسی کنی.
همچنین، کروم پیشنهاد می‌کنه که برای جمع‌آوری اطلاعات دقیق‌تر، گزینه Advanced Paint Attribution رو هم فعال کنی.
نکاتی که باید در نظر بگیری
بری پولارد (Barry Pollard) از تیم کروم، که مسئول این پروژه‌ست، تأکید کرده که این API هنوز در مرحله آزمایشه و ممکنه در شرایط خاص، همه چیز کامل عمل نکنه. نقل‌قول جالبی ازش هست که گفته:
«می‌خواید Core Web Vitals رو برای SPAها اندازه بگیرید؟
ما روی Soft Navigations API کار کردیم و حالا از نسخه ۱۳۹ کروم، یک تست عمومی راه انداختیم.
توی اپلیکیشن‌تون امتحانش کنید و اگر ناوبری نرم رو درست تشخیص نداد، بهمون اطلاع بدید!»
چند نکته مهم دیگه:
-
این متریک‌ها تو نسخه‌های قدیمی‌تر کروم یا مرورگرهای دیگه ممکنه کار نکنن
-
ارائه‌دهنده RUM (Real User Monitoring) شما باید از
navigationIdوinteraction-contentful-paintپشتیبانی کنه تا بتونه اطلاعات درست ثبت کنه -
بعضی حالت‌های خاص مثل تغییر مسیر خودکار (redirect) یا استفاده از
replaceState()ممکنه هنوز به عنوان ناوبری شناسایی نشن
آینده سئو سایت‌های جاوا اسکریپتی
این نسخه آزمایشی، گام بزرگیه برای اینکه ارزیابی Core Web Vitals در سایت‌های مدرن که با جاوا اسکریپت سنگین ساخته شدن، دقیق‌تر بشه.
فعلاً این API توی گزارش‌های عمومی مثل CrUX فعال نیست، اما اگر نتایج این تست موفقیت‌آمیز باشه، احتمال داره خیلی زود به صورت رسمی به ابزارهای تحلیلی گوگل اضافه بشه.
اگه سایتت با فریم‌ورک‌هایی مثل React، Vue، یا Angular ساخته شده، الان بهترین زمانه که امتحان کنی ببینی کروم چطور تجربه کاربر رو توی سایتت اندازه‌گیری می‌کنه.
منبع : Chrome Trial Aims To Fix Core Web Vitals For JavaScript-Heavy Sites
من، جعفر جلالی، سایت ایران بک لینک را راه‌اندازی کردم. با تکیه بر تجربیاتی که طی سال‌ها در کسب‌وکارهای آنلاین به دست آورده‌ام و همچنین استفاده از منابع اصلی و معتبر انگلیسی، تلاش کردم بهترین مقالات و منابع آموزشی در زمینه سئو را به زبان فارسی گردآوری کنم. هدف من از ایجاد ایران بک لینک این است که به کسب‌وکارهای آنلاین کمک کنم تا با دسترسی به اطلاعات کاربردی و جامع، به موفقیت بیشتری دست پیدا کنند. امیدوارم که ایران بک لینک بتواند به منبعی قابل‌اعتماد برای شما تبدیل شود.