آیا گوگل با LazyLoad یا لود تنبل تصاویر سازگاری دارد؟

گوگل با Lazy Load یا لود تنبل تصاویر سازگاره، ولی یه شرط مهم داره: تصویر نباید فقط بعد از اسکرول یا کلیک واقعی کاربر در دسترس باشه. اگه لود تنبل درست پیاده‌سازی شده باشه، گوگل می‌تونه تصویر رو پیدا و بررسی کنه. وردپرس هم از نسخه ۵.۵ این قابلیت رو به هسته خودش اضافه کرده؛ پس بیشتر سایت‌های به‌روز به افزونه جداگانه‌ای نیاز ندارن.

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

Lazy Load یا لود تنبل تصاویر چیه؟

تصاویر معمولاً بخش زیادی از حجم یه صفحه رو تشکیل می‌دن. اگه مرورگر بخواد همه اون‌ها رو همون اول دانلود کنه، ممکنه نمایش بخش اصلی صفحه دیرتر شروع بشه. لود تنبل کمک می‌کنه دانلود بعضی از تصاویر تا وقتی به محدوده دید کاربر نزدیک می‌شن عقب بیفته.

مثلاً فرض کنید یه مقاله ۲۰ تصویر داره، ولی کاربر موقع ورود فقط دو تصویر اول رو می‌بینه. با لود تنبل، مرورگر می‌تونه دانلود تصاویر پایین‌تر صفحه رو به زمان مناسب‌تری موکول کنه. این کار ممکنه حجم دانلود اولیه و زمان آماده شدن صفحه رو کمتر کنه. البته میزان بهبود توی هر سایت فرق می‌کنه، پس بهتره نتیجه رو قبل و بعد از فعال‌سازی اندازه بگیرید.

آیا گوگل با Lazy Load سازگاره؟

بله، گوگل با لود تنبل استاندارد سازگاره. بااین‌حال، راهنمای رسمی گوگل برای Lazy Load توضیح می‌ده که Google Search برای نمایش محتوا روی صفحه اسکرول یا کلیک نمی‌کنه. پس بارگذاری تصویر نباید فقط به تعامل واقعی کاربر وابسته باشه.

این موضوع با توضیح قدیمی «ربات گوگل صفحه رو اسکرول می‌کنه» فرق داره. Googlebot صفحه رو رندر می‌کنه؛ یعنی کد صفحه رو تقریباً مثل یه مرورگر اجرا می‌کنه، ولی برای پیدا کردن تصاویر روی اسکرول دستی حساب نمی‌کنه. به همین خاطر، روشی که برای لود تنبل انتخاب می‌کنید خیلی مهمه.

یکی از ساده‌ترین روش‌های استاندارد برای تصاویر، استفاده از ویژگی loading="lazy" در کد HTML هست. مرورگر با دیدن این ویژگی تصمیم می‌گیره تصویر بیرون از محدوده دید رو چه زمانی دانلود کنه. روش‌های مبتنی بر IntersectionObserver هم می‌تونن درست کار کنن. IntersectionObserver قابلیتیه که نزدیک شدن تصویر به محدوده دید رو تشخیص می‌ده؛ البته پیاده‌سازی اون نباید دسترسی گوگل به تصویر رو محدود کنه.

وردپرس خودش لود تنبل تصاویر رو داره

از وردپرس ۵.۵ به بعد، قابلیت لود تنبل بومی به هسته وردپرس اضافه شده. وردپرس توی بیشتر صفحه‌ها ویژگی loading="lazy" رو به تصاویر مناسب اضافه می‌کنه. بنابراین اگه وردپرس، قالب و افزونه‌هاتون به‌روز هستن، معمولاً لازم نیست افزونه جداگانه‌ای برای این کار نصب کنید.

افزونه قدیمی Native Lazyload انتخاب مناسبی برای یه آموزش تازه نیست. قابلیت اصلی اون وارد خود وردپرس شده و نصب یه افزونه قدیمی برای کاری که هسته وردپرس انجام می‌ده، معمولاً فایده‌ای نداره. اگه دوست دارید جزئیات این قابلیت رو بدونید، مقاله Native Lazy Loading در وردپرس رو بخونید.

کدوم تصاویر نباید با تأخیر لود بشن؟

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

اگه تصویر اصلی نوشته، بنر بالای صفحه یا تصویر بزرگ بخش اول رو اشتباهی Lazy Load کنید، ممکنه نمایش محتوای اصلی عقب بیفته. نسخه‌های جدید وردپرس تلاش می‌کنن ویژگی لود تنبل رو از بعضی تصاویر ابتدایی و تصویر احتمالی LCP حذف کنن. بااین‌حال، نتیجه نهایی به قالب، افزونه‌ها و ساختار همون صفحه هم بستگی داره.

چطور از درست کار کردن Lazy Load مطمئن بشیم؟

ابزار قدیمی Fetch as Google دیگه در دسترس نیست و URL Inspection در Google Search Console جاش رو گرفته. URL Inspection ابزاریه که وضعیت خزش و ایندکس شدن یه آدرس رو نشون می‌ده و به شما اجازه می‌ده نسخه زنده صفحه رو هم آزمایش کنید.

1. وارد Google Search Console بشید و سایتتون رو انتخاب کنید.
2. آدرس کامل صفحه‌ای رو که می‌خواید بررسی کنید، توی نوار بالای صفحه وارد کنید.
3. روی گزینه Test Live URL بزنید تا نسخه زنده صفحه بررسی بشه.
4. اطلاعات صفحه رندرشده رو ببینید و مطمئن بشید گوگل به تصاویر اصلی دسترسی داره.
5. صفحه رو با PageSpeed Insights یا GTmetrix هم آزمایش کنید و نتیجه قبل و بعد از تغییر رو کنار هم بذارید.

اگه یه ابزار تست سرعت بعضی از تصاویر پایین صفحه رو همون لحظه نشون نداد، به‌تنهایی نشونه خراب بودن لود تنبل نیست. هدف این قابلیت دقیقاً اینه که تصاویر بیرون از محدوده دید دیرتر دانلود بشن. چیزی که باید بررسی کنید اینه که تصویر با نزدیک شدن به محدوده دید لود بشه و گوگل هم بتونه آدرس اون رو توی نسخه رندرشده پیدا کنه.

آیا Lazy Load رتبه گوگل رو بهتر می‌کنه؟

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

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

جمع‌بندی

گوگل با Lazy Load تصاویر سازگاره؛ به شرطی که از روش استاندارد استفاده کنید و بارگذاری تصویر به اسکرول یا کلیک واقعی وابسته نباشه. برای بیشتر سایت‌های وردپرسی به‌روز، قابلیت داخلی وردپرس کافیه و نیازی به نصب افزونه جداگانه ندارید.

یادتون نره تصویر اصلی بالای صفحه رو بدون دلیل Lazy Load نکنید. بعد از هر تغییر هم صفحه رو با URL Inspection و یه ابزار سنجش سرعت بررسی کنید تا مطمئن بشید تصاویر برای کاربر و گوگل درست نمایش داده می‌شن.

پرسش‌های رایج

تیم تولید محتوا

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