Googlebot-Image üçün şəkillərin optimallaşdırılması: Lazy Loading və WebP dəstəyi

Googlebot-Image optimallaşdırılması, axtarış motorlarının vizual elementləri səmərəli şəkildə taramasını və indeksləməsini təmin etmək üçün WebP kimi müasir şəkil formatlarının düzgün strukturlaşdırılmış HTML teqləri ilə birlikdə təqdim edilməsini tələb edir. Düzgün şəkil optimallaşdırılması standart HTML teqlərinə, düzgün lazy loading atributlarına, dəqiq en və hündürlük ölçülərinə və strukturlaşdırılmış işarələməyə əsaslanır. Bu standart təcrübələrə riayət etmək gecikmiş indeksləmənin qarşısını alır, mobil performansı yaxşılaşdırır və server bant genişliyini qoruyarkən masaüstü və mobil cihazlarda vizual axtarış görünürlüğünü artırır.

Googlebot-Image veb şəkillərini necə aşkar edir və emal edir?

Googlebot-Image veb serverlərdə media aktivlərini tələb edərkən özünü müəyyən etmək üçün HTTP user-agent başlıqlarından istifadə edir. Əsas mətn krolerlərindən fərqli olaraq, şəkil krolerləri şəkil faylı başlıqlarını, ölçülərini, daxil edilmiş metadata və HTML səhifələrindəki ətrafdakı mətn kontekstini qiymətləndirir. Googlebot standart HTML teqləri daxilində bir şəkil URL-i ilə qarşılaşdıqda, media faylını yükləmək üçün planlaşdırır.

Googlebot-Image üçün şəkillərin optimallaşdırılması: Lazy Loading və WebP dəstəyi

Google Axtarış üçün krol edərkən, Googlebot dəstəklənən fayl növünün ilk 2MB-nı və PDF faylının ilk 64MB-nı krol edir.

Google Search Central

Əgər bir şəkil faylı standart limitləri aşarsa və ya mənbə URL-ini aşkar etmək üçün mürəkkəb müştəri tərəfi JavaScript icrası tələb edərsə, kəşf prosesi yavaşlayır. srcset və sizes kimi standart HTML atributları krolerə ilkin HTML cavab gövdəsini əldə etdikdən dərhal sonra şəkil variasiyalarını təhlil etməyə imkan verir.

Niyə WebP formatı axtarış performansı üçün üstünlük təşkil edir?

WebP, ənənəvi PNG və JPEG formatları ilə müqayisədə fayl ölçülərini əhəmiyyətli dərəcədə azaldan itkili və itkisiz sıxılma təmin edir. Daha kiçik fayl ölçüləri daha sürətli şəbəkə ötürmələri, daha aşağı bant genişliyi istifadəsi və daha sürətli render vaxtları deməkdir. Axtarış motorları sürətli yüklənən səhifələrə üstünlük verir, çünki sürətli aktiv çatdırılması istifadəçi təcrübəsini artırır.

Googlebot-Image üçün şəkillərin optimallaşdırılması: Lazy Loading və WebP dəstəyi — 2

Kataloq şəkillərini WebP-yə çevirmək, vizual keyfiyyətdə nəzərəçarpacaq itki olmadan fayl ölçülərini 25% – 35% azalda bilər. Bu azalma birbaşa krol səmərəliliyinə təsir edir. Şəkillər daha sürətli yükləndikdə, Googlebot səhifə başına daha az resurs sərf edir və bu da planlaşdırılmış ziyarət zamanı daha çox aktivin krol edilməsinə imkan verir.

Əksər saytlar üçün Google Axtarış əsasən məzmunun mobil versiyasını indeksləyir.

Google Search Central

Mobil-ilk indeksləmə, sıxılmış şəkil formatlarına olan tələbi gücləndirir. Dəyişən şəbəkə sürətinə malik mobil cihazlarda WebP, əsas layout şəkillərinin millisaniyələr ərzində ötürülməsini təmin edir, Cumulative Layout Shift-i azaldır və render işçisinin vaxtının bitməsinin qarşısını alır.

İndeksləməni pozmadan lazy loading-i necə tətbiq edirsiniz?

Standart img elementlərində loading=”lazy” istifadə edərək yerli brauzer lazy loading-i axtarış motoru uyğunluğu üçün ən təhlükəsiz metoddur. Googlebot yerli lazy loading atributunu dəstəkləyir və onu daxili bir ipucu kimi qəbul edərkən, standart src və ya srcset atributunda göstərilən əsas şəkil URL-ini indeksləməyə davam edir.

Xüsusi JavaScript lazy loading skriptləri tez-tez src atributunu data-src kimi xüsusi atributlarla əvəz edir. Əgər şəkil mənbəyi istifadəçi sürüşməsi zamanı IntersectionObserver hadisəsi işə düşənə qədər gizli qalarsa, Googlebot render işçisini dayandırmazdan əvvəl tələb olunan JavaScript-i icra etməyə bilər. Bu, Google Şəkillər axtarış nəticələrində şəkillərin çatışmamasına səbəb olur.

  • Həmişə standart img elementlərində etibarlı src və ya srcset atributunu saxlayın.
  • Əsas qəhrəman şəkillərini müştəri tərəfi sürüşmə hadisələri və ya qarşılıqlı əlaqə idarəediciləri arxasında gizlətməkdən çəkinin.
  • Mümkün olduqda köhnə JavaScript plaginləri əvəzinə yerli brauzer loading=”lazy” istifadə edin.
  • Xüsusi təxirə salınmış yükləmə mexanizmləri məcburi olduqda daxili noscript ehtiyat nüsxələrini təmin edin.

Axtarış krolerlərinə vizual aktivlər təqdim edərkən edilən ümumi səhvlər

Tez-tez rast gəlinən texniki səhv, robots.txt konfiqurasiya faylında şəkil kataloqu yollarının bloklanmasıdır. Əgər disallow direktivləri şəkil qovluqlarını hədəf alarsa, Googlebot-Image şəkil fayllarına daxil ola bilməz və ətrafdakı HTML səhifəsi indekslənsə belə, onların şəkil axtarış nəticələrində görünməsinin qarşısını alır.

Digər bir ümumi problem, əsas vizual məzmun üçün tamamilə CSS fon şəkillərinə güvənməkdir. Googlebot ümumi şəkil axtarışı üçün yalnız CSS bəyannamələri daxilində elan edilmiş şəkilləri indeksləmir. Kritik məhsul fotoları, infoqrafikalar və məzmun diaqramları standart HTML şəkil elementlərindən istifadə etməlidir.

HTML işarələməsində en və hündürlük atributlarının buraxılması render zamanı layout qeyri-sabitliyinə səbəb olur. Çatışmayan ölçülər brauzeri şəkil baytlarını yüklədikdən sonra həndəsəni hesablamağa məcbur etdikdə, əsas performans göstəriciləri zərər görür. Dəqiq ölçülərin göstərilməsi brauzerə layout sahəsini dərhal ayırmağa imkan verir.

Alien Road googlebot-image optimallaşdırmasını necə tətbiq edir

Alien Road-da komandamız xam server giriş loqlarını, render davranışını və şəbəkə yüklərini təhlil edərək müştəri şəkil arxitekturasını audit edir. Biz Googlebot-Image-in indeksləmə darboğazlarını müəyyən etmək üçün e-ticarət kataloqları və məzmun portalları üzrə şəkil aktivləri ilə necə qarşılıqlı əlaqədə olduğunu yoxlayırıq.

Məsələn, minlərlə məhsul SKU-su olan tipik bir müştəri əlaqəsində, biz yükləmə aktivlərini WebP formatına çevirən, eyni zamanda standart HTML picture elementləri daxilində ehtiyat JPEG versiyalarını qoruyan avtomatlaşdırılmış qurma boru kəmərlərini konfiqurasiya edirik. Biz qəhrəman şəkillərinin yuxarı hissədə dərhal yüklənməsini, aşağıdakı medianın isə yerli lazy loading atributlarından istifadə etməsini təmin edirik.

Texniki komandamız şəkil URL-lərinin sabit qalmasını, XML şəkil sayt xəritələrinin təmiz kanonik şəkil linklərini siyahıya almasını və xüsusi skriptlərin src atributlarını gizlətməməsini yoxlayır. Bu sistemli yanaşma, yüksək sayt sürətini qoruyarkən Google Şəkillərdə maksimum görünürlüğü təmin edir.

Şəkil axtarışı görünürlüğü üçün addım-addım yoxlama siyahısı

  • Avtomatlaşdırılmış sıxılma alətlərindən istifadə edərək mənbə şəkillərini müasir WebP formatına çevirin.
  • Layout dəyişikliklərinin qarşısını almaq üçün hər bir img teqinə dəqiq en və hündürlük atributlarını əlavə edin.
  • Əsas viewport qatının altındakı şəkillərdə yerli loading=”lazy” tətbiq edin.
  • Qəhrəman şəkillərinin təxirə salınmış skript icrası olmadan dərhal yükləndiyinə əmin olun.
  • Vizual məzmunu dəqiq təsvir edən təsviri, qısa alt mətn daxil edin.
  • robots.txt-in media qovluqlarına və ya şəkil CDN son nöqtələrinə girişi bloklamadığını yoxlayın.
  • Kəşfi sürətləndirmək üçün yenilənmiş XML şəkil sayt xəritələrini birbaşa Search Console-da təqdim edin.

Texniki media auditiniz üçün növbəti addımlar

Googlebot-Image-in domeninizdən aktivləri nə qədər tez-tez əldə etdiyini yoxlamaq üçün server giriş loqlarını nəzərdən keçirərək auditinizə başlayın. 500KB-dan böyük şəkil fayllarını müəyyən edin və onları avtomatlaşdırılmış qurma alətləri və ya server modullarından istifadə edərək WebP-yə çevirin.

Sonra, xüsusi JavaScript lazy loading skriptlərini yerli loading=”lazy” atributları ilə əvəz etmək üçün veb saytınızın HTML şablonlarını yoxlayın. Əsas məhsul şəkillərinin etibarlı src atributlarına və dəqiq hündürlük və en ölçülərinə malik olduğunu təsdiqləyin. Google Şəkillər üçün Performans hesabatı altında Search Console-da performansı izləmək bu texniki yeniləmələri zamanla təsdiqləyəcəkdir.

Paylaş