سئو لرن

در دنیای پرشتاب سئو تمرکز گوگل از محتوای صرف به تجربه کاربر منتقل شده و دیگر کافی نیست که محتوای شما بهترین باشد بلکه باید بهترین تجربه کاربری را هم داشته باشید. این تغییر رویکرد توسط الگوریتم قدرتمند Page Experience  و معیارهای کلیدی آن یعنیCore Web Vitals  هسته حیاتی وب رسمیت پیدا کرده است. اگر به دنبال کسب رتبه های برتر در نتایج جستجو هستید و می ‌خواهید سایت شما در آزمون های گوگل سربلند باشد باید این الگوریتم ها و راهکارهای بهینه سازی آن ها را به طور کامل درک کنید سئولرن شما را با جزئیات این فاکتورهای حیاتی سئو فنی آشنا خواهد نمود.

الگوریتم Page Experience

الگوریتمPage Experience  مجموعه ‌ای از سیگنال ‌های گوگل بوده که برای ارزیابی میزان تعامل کاربر با صفحات وب در نظر گرفته شده و این معیارها یک راهنمای یکپارچه و جامع برای ایجاد یک تجربه کاربری روان و بدون نقص در وب‌ سایت‌ ها فراهم کرده که رضایت کاربران از صفحه و برقراری تعامل با آن می ‌تواند اثر بسیار مثبتی در بهبود سئوی وب ‌سایت داشته باشد.

گوگل رسما اعلام کرده که قصد دارد تجربه صفحه را به عنوان یکی از فاکتورهای رتبه ‌بندی رسمی صفحات معرفی کند. این الگوریتم جنبه‌ های مربوط به نحوه تعامل کاربران با یک صفحه وب را ارزیابی کرده و بهینه سازی برای این فاکتورها باعث شده وب برای کاربران در حال استفاده از مرورگرها در تمامی سطوح تجربه ‌ای دل ‌انگیز داشته باشد. گوگل به دنبال این است که مطمئن شود سایت‌ هایی که رتبه می ‌گیرند در حال ایجاد تجربه هایی نیستند که کاربران از آن متنفر هستند.

سیگنال‌ های Page Experience شامل ترکیبی از چند فاکتور مهم است که Core Web Vitals مهم ‌ترین بخش از آن ها است. این فاکتورها عبارت ‌اند از:

• Core Web Vitals سه معیار اصلی برای سنجش سرعت بارگذاری و تعامل و پایداری بصری می باشد.
• Mobile Friendliness صفحه باید به خوبی در موبایل و تبلت نمایش داده شده و نسخه موبایلی سایت باید بهینه و ریسپانسیو باشد.
• Safe Browsing سایت باید امن بوده و عاری از بدافزار یا محتوای مخرب باشد و این مورد از بخش Security issues در سرچ کنسول قابل بررسی است.
• استفاده از گواهینامه امنیتی SSL برای اطمینان از محافظت اطلاعات رد و بدل شده خواهد بود.
• گشت و گذار در سایت باید شهودی و بدون پاپ آپ ‌های آزاردهنده یا تبلیغاتی بوده که به تجربه کاربری آسیب می‌ زنند.

با توجه به این فاکتورها اگر محتوای دو سایت مشابه باشد سایتی که تجربه کاربری بهتری ارائه دهد شانس بیشتری برای کسب رتبه بالا خواهد داشت.

الگوریتم Core Web Vitals

Core Web Vitals  یا هسته حیاتی وب گروهی از شاخص ‌های ویژه گوگل برای سنجش سرعت بارگذاری و تعامل کاربران با صفحات وب بوده که این شاخص‌ ها وظیفه ارزیابی سرعت بارگذاری محتوا و تعامل ‌پذیری و پایداری عناصر بصری در صفحه وب را برعهده دارند.

Core Web Vitals  ابزارهای اندازه‌گیری بوده که توسط گوگل برای تجزیه و تحلیل تجربه کاربران واقعی از صفحات و عناصر مختلف وب ‌سایت ایجاد شده و این شاخص‌ ها به تعیین کیفیت کلی صفحه از دیدگاه تجربه کاربری کمک بسیاری کرده و بزرگ‌ ترین بخش از امتیاز تجربه صفحه را به خود اختصاص می‌ دهند.

هسته حیاتی وب شامل سه معیار اندازه‌ گیری مجزا برای ارزیابی سرعت صفحه و میزان کنش کاربران است:

• LCP Largest Contentful Paint سنجش زمان بارگذاری.
• FID First Input Delay یا جایگزین آن INP Interaction to Next Paint سنجش میزان تعامل ‌پذیری.
• CLS Cumulative Layout Shift سنجش میزان ثبات و پایداری بصری.

بهینه ‌سازی این شاخص ‌ها در حوزه سئوی تکنیکال یا فنی قرار گرفته و یکی از الزامات رشد و برندینگ در فضای آنلاین است. این سیگنال ‌ها هر قدر هم ضعیف در مورد وب ‌سایت شما توسط گوگل مورد بررسی قرار‌ گیرند چون به تجربه کاربری صفحه مرتبط هستند نباید آن ها را نادیده گرفت.

اهمیت داده‌های واقعی یا  Field Data

نکته مهم در مورد Core Web Vitals این است که گوگل ارزیابی را بر اساسField Data  انجام می‌ دهد که این داده‌ ها بر اساس عملکرد کاربران واقعی در بازه زمانی ۲۸ روزه جمع ‌آوری و دیدگاهی واقعی از تعامل کاربران در اختیار شما قرار می ‌دهد.

ابزارهایی مانند سرچ کنسول و PageSpeed Insights این داده‌ ها را از گزارش تجربه کاربری مرورگر کروم CrUX  جمع ‌آوری می ‌کنند. Lab Data یا داده‌ های آزمایشگاهی به صورت شبیه ‌سازی شده جمع ‌آوری شده و بیشتر برای عیب ‌یابی لحظه ای کاربرد دارند. اگر به دنبال تسلط بر سئو هستید و می ‌خواهید سایتتان بهترین عملکرد را داشته باشد سئولرن دوره‌ های جامعی برای آموزش سئو فنی و بهینه سازی سرعت سایت تدارک دیده‌ که می تواند شما را یاری نماید.

Largest Contentful Paint LCP

LCP  بزرگ ‌ترین ترسیم محتوایی و وظیفه اندازه ‌گیری مدت زمان بارگذاری صفحه را از دیدگاه کاربر واقعی برعهده دارد که این معیار به مدت زمان بین کلیک کاربر روی لینک و بارگذاری بزرگ ‌ترین عنصر قابل ‌دیدن تصویر یا بلوک متنی صفحه وب در نمایشگر گفته می ‌شود.

LCP  روی نکته ‌ای تمرکز کرده که واقعا در زمان بارگذاری صفحه وب مهم است اینکه کاربر بتواند بخش اعظم محتوای صفحه را ببیند و با آن تعامل برقرار کند.

 

بازه زمانی LCP	وضعیت
کمتر یا مساوی ۲٫۵ ثانیه	خوب
بین ۲٫۵ تا ۴ ثانیه	نیازمند به بهبود
بیشتر از ۴ ثانیه	ضعیف

 

برای ایجاد تجربه کاربری مثبت باید تلاش کنید شاخص LCP را کمتر از ۲٫۵ ثانیه نگه داشته زیرا این عدد به معنی تلاش برای بارگذاری ۷۵ درصدی محتوای صفحه وب در کمتر از ۲٫۵ ثانیه است.

راهکارهای بهینه سازی LCP

• مشکلات LCP اغلب به دلیل حجم بالای تصاویر سرور کند یا وجود کدهای جاوا اسکریپت و CSS مسدود کننده رندر ایجاد می ‌شود.
• کیفیت هاست ارتباط مستقیمی با سرعت بارگذاری کلی صفحه شامل LCP دارد. هرچه خدمات میزبانی وب بهتر باشد سرعت بارگذاری کلی صفحه بیشتر است. همچنین می ‌توانید با استفاده از کش سمت سرور و بهینه ‌سازی دیتابیس زمان پاسخ سرور TTFB را کاهش دهید.
• به‌کارگیری CDN تأخیرها در بارگذاری محتوا را به‌حداقل خواهد رساند زیرا هر کاربر از طریق سرور نزدیک به خود به محتوای صفحات دسترسی پیدا کرده که این موضوع باعث افزایش سرعت بارگذاری محتوای وب می ‌شود.
• با استفاده از این روش بارگذاری تصاویر همزمان با اسکرول کاربر در طول محتوا و رسیدن به تصاویر صورت می ‌گیرد و این کار باعث بهبود چشم ‌گیر معیار LCP خواهد شد. البته تصاویر ابتدایی بالای خط دید را نباید Lazy Load کرد.
• با افزودن کدهای Preload به کد عناصر خاصی مانند تصویر شاخص بزرگ یا فونت‌ های ضروری می ‌توان نمایش آن ها را جلو انداخت.
• کد های سنگین CSS باعث کاهش سرعت بارگذاری صفحات و زمان ‌های LCP شده که باید فایل‌های CSS و JS را کوچک Minify و کدهای بلااستفاده را حذف نمایید و اجرای سریع جاوا اسکریپت نیز توصیه می ‌شود.

First Input Delay FID

FID  اولین تأخیر ورودی مدت زمانی است که طول می ‌کشد تا کاربر به ‌معنای واقعی کلمه کنشی در صفحه وب انجام دهد و پاسخ آن را از مرورگر دریافت کند. نمونه‌ های متداول کنش شامل کلیک روی لینک انتخاب گزینه منو یا وارد کردن متن در یک فیلد است که FID میزان تعامل کاربران واقعی را در زمان استفاده واقعی از وب ‌سایت تجزیه و تحلیل می ‌کند.

از مارس ۲۰۲۴ گوگل در حال جایگزینی پارامتر FID با پارامتر جدیدی به نام Interaction to Next Paint INP  است. FID فقط مدت زمان پاسخ ‌گویی صفحه به اولین تعامل کاربر را ارزیابی می ‌کرد و INP میزان واکنش‌ گرایی صفحه را نسبت به تعامل‌ های مختلف کاربر اندازه‌گیری می‌ نماید. این معیار به پایداری عملکرد سایت در طول زمان استفاده کاربر اهمیت می ‌دهد.

بازه زمانی FID	وضعیت
کمتر یا مساوی ۱۰۰ میلی ‌ثانیه	خوب
بین ۱۰۰ تا ۳۰۰ میلی ‌ثانیه	نیازمند به بهبود
بیشتر از ۳۰۰ میلی ‌ثانیه	ضعیف

 

بازه زمانی INP	وضعیت
کمتر از ۲۰۰ میلی ‌ثانیه	خوب
بین ۲۰۰ تا ۵۰۰ میلی ‌ثانیه	نیازمند به بهبود
بیشتر از ۵۰۰ میلی‌ ثانیه	ضعیف

 

راهکارهای بهینه سازی FID و INP

تأخیر در پاسخ به کنش کاربر معمولا به دلیل رقابت جاوا اسکریپت برای Main thread نخ اصلی مرورگر ایجاد می ‌شود. در این حالت جاوا اسکریپت تلاش می ‌کند تمامی وظایف را از طریق همین Main thread انجام داده و زمانی که بار کاری زیاد است صفحه نمی ‌تواند به ورودی کاربر به ‌موقع پاسخ دهد.

• انجام کنش با مرورگر در زمان بارگذاری جاوا اسکریپت تقریبا غیرممکن است. با کوچک یا دیفر کردن جاوا اسکریپت در صفحه می ‌توانید به INP ایده ‌آل برسید.
• نخ اصلی در مدیریت کد ها در طول فرآیند رندرینگ نقش مهمی دارد. با بهینه سازی استایل و چیدمان و کاهش پیچیدگی محاسبات و جلوگیری از Layoutهای سنگین می‌ توان بار کاری آن را کم کرد.
• وجود اسکریپت ‌های شخص ثالث مثل گوگل آنالیتیکس هیت ‌مپ‌ ها و غیره اثری منفی روی INP گذاشته و حذف اسکریپت ‌های شخص ثالث غیرضروری موثر است.
• استفاده از کش مرورگر باعث می ‌شود محتوای صفحه سریع ‌تر بارگذاری شده و به اجرای سریع‌ تر وظایف جاوا اسکریپت کمک ‌کند.
• صرفا کد هایی را که کاربر به آن نیاز دارد را با تکنیک code splitting ارسال نمایید.

Cumulative Layout Shift CLS

CLS تغییر چیدمان تجمعی وظیفه سنجش میزان پایداری و ثبات عناصر بصری صفحه را در حین بارگذاری آن برعهده دارد. اگر عناصر به‌ کاررفته در صفحه شما هم زمان با بارگذاری حرکت کرده و دیر در محل اصلی خود قرار بگیرند شاخص CLS بالا رفته و این جا به ‌جایی ناگهانی می ‌تواند آزاردهنده بوده و باعث شود کاربر به ‌اشتباه روی عنصری کلیک کند.

 

امتیاز CLS	وضعیت
کمتر یا مساوی ۰٫۱	خوب
بین ۰٫۱ تا ۰٫۲۵	نیازمند به بهبود
بیشتر از ۰٫۲۵	ضعیف

 

CLS بر اساس ۵ ثانیه اول بارگذاری صفحه و در زمان اوج تغییرات در چیدمان عناصر مختلف صفحه ارزیابی می ‌شود.

راهکارهای بهینه سازی  CLS

• رایج‌ ترین مواردی که اثر بدی روی CLS می‌ گذارد وجود تصاویر بدون ابعاد تبلیغات پویا بدون فضای رزرو و بارگذاری با تأخیر فونت ‌ها هستند.
• باید ابعاد عرض و ارتفاع برای تصاویر ویدیوها و فایل ‌های Gif مشخص شود که اینگونه مرورگر کاربر از قبل در مورد فضایی که قرار است توسط محتوا اشغال شود آگاه شده و آن فضا را تغییر نمی ‌دهد.
• اگر فضای مشخص برای تبلیغات در نظر نگیرید ممکن است با ظاهر شدن ناگهانی در صفحه محتوا را به ‌سمت پایین یا بالا جا به ‌جا کنند.
• استفاده از تکنیک‌ هایی مانند font-display: swap; باعث شده فونت ‌های سیستمی سریع ‌تر بارگذاری شده و پس از آن فونت اختصاصی جایگزین گردد تا از جا به ‌جایی ناگهانی متن جلوگیری شود.
• قرار دادن عناصر رابط کاربری در فضای پایین صفحه باعث شده عناصر UI در زمان بارگذاری محتوا را از محل مورد انتظار کاربر جا به ‌جا نکنند.

ابزارهای اندازه گیری Core Web Vitals

برای پیگیری مداوم وضعیت و عملکرد Core Web Vitals باید از ابزارهایی استفاده کنید که هم داده ‌های واقعی و هم داده ‌های آزمایشگاهی را ارائه می ‌دهند.

سرچ کنسول گوگل  Google Search Console

گزارش Core Web Vitals در بخش Enhancements سرچ کنسول دیده می ‌شود. این گزارش عملکرد صفحات سایت را بر اساس داده ‌های واقعی یاField Data  کاربران بررسی کرده و گزارش در دو بخش موبایل و دسکتاپ ارائه خواهد شد.

دسته ‌بندی صفحات در سه گروه good URLs  (خوب) وURLs need improvement  (نیازمند به بهبود) و poor URLs  (ضعیف ) قرار می ‌گیرند که با کلیک روی هر گزارش می ‌توانید جزییات بیشتری از موارد خوب و نیازمند به بهبود و ضعیف به ‌تفکیک پیوند های یکتای صفحات و نوع مشکل آن ها را ببینید. این گروه ‌بندی ‌ها به شما کمک می ‌کند مشکلات مشابه چندین صفحه را به‌ صورت همزمان برطرف نمایید.

پس از برطرف کردن مشکلات باید روی گزینهValidat Fix  در سرچ کنسول کلیک کرده تا گوگل تأیید کند مشکلات حل شده است. البته آپدیت گزارش حدود یک ماه زمان می‌ برد.

PageSpeed Insights

ابزار رسمی گوگل که علاوه بر نمایش نمرات LCP FID و CLS پیشنهاد های بهینه‌ سازی را بر اساس داده‌ های واقعی کاربران CrUX ارائه داده و این ابزار معیارهای مهم LCP FID CLS و موارد دیگر را اندازه‌ گیری و به شما می ‌گوید برای بهبود اوضاع صفحه چه کارهایی باید انجام دهید.

Lighthouse

ابزاری متن باز که در Chrome DevTools مرورگر کروم تعبیه شده و منبع اصلی Lab Data یا داده‌ های آزمایشگاهی برای توسعه دهندگان است. این ابزار امتیاز عملکرد Performance Accessibility و Best Practices  را بررسی و گزارش ‌هایی مشابه PageSpeed Insights ارائه می‌ دهد. شما می ‌توانید برای تحلیل دقیق ‌تر وضعیت Core Web Vitals سایت خود از ابزارهای تخصصی در سئولرن استفاده نمایید تا گزارشی جامع و فارسی از مشکلات و راهکارهای بهبود خود داشته باشید.

موفقیت در الگوریتم  Page Experience

الگوریتم تجربه کاربری صرفا یک فاکتور فنی نیست بلکه یک استراتژی جامع برای تضمین رضایت کاربر است.

از سال ۲۰۲۱ سیگنال‌ های Core Web Vitals موبایل به ‌صورت مستقیم در رتبه ‌بندی مورد استفاده قرار گرفته و بخش بسیار بالایی از ترافیک حاصل از جستجو با دستگاه‌ های موبایلی است. باید توجه ویژه ‌ای به بهینه ‌سازی نسخه موبایل وب ‌سایت اختصاص داد. بدانید که استفاده از طراحی واکنش‌ گرا یا ریسپانسیو برای وب ‌سایت ضروری است.

درک ذهنی کاربر از سرعت بسیار مهم بوده حتی اگر داده ‌ها سریع منتقل شوند. اگر کاربر حس کند صفحه هنوز در حال بارگذاری است تجربه او منفی خواهد بود. تکنیک‌ هایی مانند طراحی Skeleton Screen یا ترتیب نمایش محتوا که ابتدا محتوای اصلی و حیاتی را نمایش می ‌دهند تأثیر مثبتی بر این درک ذهنی دارند.

بهینه ‌سازی Core Web Vitals و سرعت سایت مستقیما بر شاخص ‌های تجاری اثر گذار است. مطالعات نشان داده صفحاتی که معیارهای Core Web Vital را برآورده می ‌کنند ۲۴ درصد کمتر احتمال دارد که بازدیدکنندگان سایت را رها نمایند. هر میلی ثانیه بهبود در سرعت به معنای افزایش رضایت کاربر ارتقای رتبه در گوگل و در نهایت رشد مستقیم درآمد است. سایت ‌هایی که LCP زیر ۲٫۵ ثانیه دارند به طور میانگین ۲۰ درصد نرخ تبدیل بالاتری نسبت به سایت‌ های کندتر دارا هستند.

بهینه سازی  Core Web Vitals

برای اطمینان از بهینه ‌سازی کامل سایت خود این چک لیست را دنبال کنید:

 

بهبود شاخص	اقدام کلیدی	حوزه
LCP	فشرده سازی تصاویر استفاده از فرمت‌ های مدرن WebP/AVIF Lazy Load تصاویر زیر خط دید	تصاویر
LCP FID INP	ارتقای هاست استفاده از CDN و فعال ‌سازی Cache سمت سرور	سرور و زیرساخت
LCP FID INP	حذف یا Defer کردن اسکریپت ‌های شخص ثالث و CSS های غیربحرانی	کد های مسدود کننده
CLS	تعیین عرض و ارتفاع برای تصاویر و ویدیوها رزرو فضای ثابت برای تبلیغات	پایداری بصری
FID INP	تعامل پذیری	تعامل پذیری
CLS	استفاده از font-display: swap برای فونت ‌های اختصاصی	فونت‌ ها

بهینه سازی Core Web Vitals و Page Experience یک فرایند یک باره نبوده و نیازمند مانیتورینگ و اصلاح مداوم است. برای حفظ عملکرد بهینه باید پس از هر به روز رسانی سایت تست ‌های لازم را انجام دهید.

سئولرن با تکیه بر دانش تخصصی و ابزارهای روز دنیا آماده می باشد تا سایت شما را برای موفقیت در عصر جدید الگوریتم ‌های گوگل آماده نماید.