الگوریتم پارسا چیست؟ | تأثیر CLS پایین بر سئو و تجربه کاربری

مقدمه: الگوریتم پارسا چیست؟

آیا تا به حال پیش آمده که بخواهید روی یک دکمه کلیک کنید، اما ناگهان صفحه جابجا شود و شما روی یک لینک تبلیغاتی کلیک کنید؟ این تجربه آزاردهنده ناشی از CLS پایین است. الگوریتم پارسا (Paarsaa) در کراولر پیشرفته P2X دقیقاً به همین موضوع می‌پردازد: آیا ثبات بصری (CLS) سایت شما پایین و نامطلوب است؟

الگوریتم پارسا از الگوریتم‌های منفی سیستم P2X محسوب می‌شود. این الگوریتم بررسی می‌کند که محتوای صفحه چقدر در حین بارگذاری جابجا می‌شود. اگر CLS بالاتر از ۰.۱ باشد، امتیاز منفی تعلق می‌گیرد.

اما CLS چیست و چرا اینقدر مهم است؟ در ادامه، همه چیز را بررسی خواهیم کرد.

CLS (Cumulative Layout Shift) چیست؟

CLS معیاری است که میزان جابجایی ناخواسته محتوا در حین بارگذاری صفحه را اندازه‌گیری می‌کند.

نمونه جابجایی محتوا:

مرحله ۱: دکمه خرید در موقعیت (x: 100, y: 500) قرار دارد
مرحله ۲: تصویر بالای صفحه لود می‌شود
مرحله ۳: دکمه خرید به (x: 100, y: 700) جابجا می‌شود
نتیجه: کاربر روی دکمه اشتباه کلیک می‌کند

علل رایج جابجایی محتوا:

• تصاویر بدون ابعاد مشخص

• تبلیغات که بعد از محتوا لود می‌شوند

• فونت‌های خارجی که بعد از متن لود می‌شوند

• ویدیوهای جاسازی شده

• دکمه‌های سوشال مدیا

دسته‌بندی CLS بر اساس کیفیت

نحوه عملکرد الگوریتم پارسا در P2X

الگوریتم پارسا به صورت دقیق و هوشمندانه طراحی شده است. مراحل اجرای این الگوریتم در کراولر P2X به این صورت است:

نکته مهم: الگوریتم پارسا فقط CLS نهایی را بررسی نمی‌کند. همچنین منابع ایجاد جابجایی و تأثیر آن بر تجربه کاربری را نیز ارزیابی می‌کند.

چرا CLS پایین برای سئو مضر است؟

CLS پایین (جابجایی زیاد) از چند جهت برای سئو و تجربه کاربری مضر است:

مثال‌های واقعی CLS بد

مثال ۱: تصویر بدون ابعاد

1. متن مقاله در حال بارگذاری است
2. کاربر شروع به خواندن می‌کند
3. تصویر ناگهان لود می‌شود و متن را به پایین می‌برد
4. کاربر خط خواندن را گم می‌کند

مثال ۲: تبلیغات دیرهنگام

1. دکمه خرید در پایین صفحه قرار دارد
2. کاربر می‌خواهد کلیک کند
3. تبلیغ لود می‌شود و دکمه را به پایین می‌برد
4. کاربر روی تبلیغ کلیک می‌کند

تفاوت CLS با LCP و TTFB

نکته: حتی اگر TTFB و LCP عالی باشند، CLS بد می‌تواند تجربه کاربری را نابود کند.

معادل Google برای الگوریتم پارسا

الگوریتم پارسا در P2X معادل فاکتور "Cumulative Layout Shift (CLS)" در الگوریتم‌های گوگل است. گوگل در مستندات رسمی خود اعلام کرده است:

"CLS measures visual stability. To provide a good user experience, pages should maintain a CLS of less than 0.1."

منابع معتبر گوگل برای مطالعه بیشتر:

• Google - CLS

• Google - Core Web Vitals

دلایل رایج CLS بالا (جابجایی زیاد)

راهکارهای کاهش CLS (افزایش ثبات بصری)

برای اینکه از الگوریتم پارسا جریمه نشوید، این راهکارها را رعایت کنید:

۱. همیشه width و height تصاویر را مشخص کنید

<!-- بد: بدون ابعاد -->
<img src="image.jpg" alt="تصویر">

<!-- خوب: با ابعاد -->
<img src="image.jpg" alt="تصویر" width="800" height="400">

۲. برای تبلیغات فضای خالی رزرو کنید

.ad-container {
    min-height: 250px; /* فضای خالی برای تبلیغ */
}

۳. از font-display: optional یا swap استفاده کنید

@font-face {
    font-family: 'MyFont';
    src: url('font.woff2');
    font-display: optional; /* یا swap */
}

4. برای ویدیوهای جاسازی شده ابعاد مشخص کنید

<div style="position: relative; padding-bottom: 56.25%; height: 0;">
    <iframe src="youtube.com/embed/..." 
            style="position: absolute; width: 100%; height: 100%;">
    </iframe>
</div>

5. از CSS transform برای انیمیشن‌ها استفاده نکنید که جابجایی ایجاد کنند

انیمیشن‌هایی که top, left, width, height را تغییر می‌دهند، باعث جابجایی می‌شوند. از transform: translate() استفاده کنید.

6. محتوای داینامیک را در انتهای صفحه قرار دهید

محتوایی که بعد از صفحه اصلی لود می‌شود (مثل نظرات) را در انتهای صفحه قرار دهید.

اشتباهات رایج در الگوریتم پارسا

ابزارهای اندازه‌گیری CLS

تأثیر الگوریتم پارسا بر سئو و رتبه گوگل

جمع‌بندی نهایی

الگوریتم پارسا (Paarsaa) در کراولر P2X، یکی از الگوریتم‌های منفی است که ثبات بصری پایین (CLS) را بررسی می‌کند.

سه نکته کلیدی که باید همیشه به خاطر داشته باشید:

1. CLS باید کمتر از ۰.۱ باشد (ایده‌آل کمتر از ۰.۰۵) - CLS یکی از سه معیار اصلی Core Web Vitals است و تأثیر مستقیم بر رتبه دارد.

2. همیشه width و height تصاویر و ویدیوها را مشخص کنید و برای تبلیغات فضای خالی رزرو کنید - این دو اقدام ساده بیشتر مشکلات CLS را حل می‌کند.

3. از font-display: optional برای فونت‌های خارجی استفاده کنید - فونت‌های خارجی یکی از منابع اصلی جابجایی محتوا هستند.

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