Telegram, WhatsApp  +380637610482
Valeri Danyuk
Valeri DanyukgeliştiriciBizneslər üçün süni intellekt alətlərinin hazırlanması. Yüksək keyfiyyətli. Əlverişli qiymət.Telegrama yazın

Onlayn Şəkil SEO Yoxlayıcısı: Alt, Tənbəl Yükləmə, WebP və Srcset – Nələri Düzəltmək Lazımdır

Onlayn şəkil SEO yoxlaması: alt, tənbəl yükləmə, WebP və srcset, hər şəkil üçün 0–100 reytinq

Nə əldə edəcəksiniz

  • Səhifədəki hər bir şəkil üçün 0–100 reytinq və şərhlər: alt, tənbəl yükləmə, en/hündürlük, WebP/AVIF, srcset — pulsuz
  • Balınızın necə hesablandığını və hansı düzəlişlərin onu ən sürətli şəkildə yaxşılaşdıracağını anlamaq
  • Əsas şəkil, cavabdeh şəkillər və alt etiketlər üçün hazır kod nümunələri
Tətbiq edin: 15 dəqiqə ərzindəSaxlayır: Telefonunuzda Google Şəkillər trafiki və yükləmə vaxtları

Qısa cavab: səhifədəki şəkilləri SEO üçün yoxlamaq üçün onun URL-ni PromoPilot-un pulsuz SEO Image Checker- inə yapışdırın. Alət 100-ə qədər <img> teqini təhlil edəcək: alt teqinin olub-olmaması, loading="lazy" təyin edilib-edilməməsi, en və hündürlüyün təyin edilib-edilməməsi, WebP, AVIF və ya SVG-nin istifadə edilib-edilməməsi və srcset-in olub-olmaması. Nəticə 0-dan 100-ə qədər bal və hər bir şəkil üçün şərhlərdir. Aşağıda balın necə hesablandığı, əvvəlcə nəyi düzəltməli və alətin nəyi görmədiyi barədə məlumat tapa bilərsiniz.

Mən 12 ildir veb saytlar və mağazalar qururam və demək olar ki, hər birində əsas maneə şəkillərdir. Tipik bir məhsul kartı: birbaşa kameradan götürülmüş beş 3MB şəkil, boş alternativ mətn və fayl adı IMG_4512.jpg -dir.

Image SEO Yoxlaması nəyi yoxlayır?

Alət səhifədəki hər bir şəklə beş meyar əsasında baxır və ümumi bal yaratmaq üçün onları bir araya gətirir.

Nəyi yoxlayır? O nəyə baxır? Bu, SEO və biznes üçün niyə vacibdir?
Alternativ Hər <img> Google Şəkillər alt sıralamasına görə sıralanır; korlar üçün əlçatanlıq
Tənbəl yükləmə loading="lazy" atributu ilk ekranın altındakı şəkillərə tətbiq olunur. Səhifə ziyarətçinin hələ sürüşdürmədiyi heç bir şeyi yükləmir.
Eni və hündürlüyü Ölçülər etiket atributlarında göstərilibmi? Bloklar yüklənərkən "sıçramır" - bu CLS metrikasıdır
Format Fayl uzantısı ilə WebP, AVIF və ya SVG Müasir formatlar JPG və PNG-dən xeyli kiçikdir.
Srcset Müxtəlif ekranlar üçün şəkil seçimləri varmı? Telefon monitor versiyasını deyil, kiçik faylı alır.

Hər bir şəkil şərhlərin siyahısını alır və səhifə yekun bal alır. Bu, rahatdır: yalnız nəyin səhv olduğunu deyil, həm də hansı şəklin səhv olduğunu görə bilərsiniz.

İnternetdə veb saytdakı şəkilləri necə yoxlamaq olar?

Şəkilləri 4 addımda yoxlayın: URL-i yapışdırın, 100-ə qədər şəklin skan edilməsini gözləyin, reytinqə baxın və şərhləri düzəldin.

  1. Açıq Şəkil SEO Yoxlayıcısı.
  2. Səhifə ünvanını daxil edin, tercihen çoxlu fotoşəkili olan ünvanı daxil edin: məhsul kartı, kateqoriya, blog məqaləsi, portfolio.
  3. "Yoxla" düyməsini basın və bütün şəkillərin skan edilməsini gözləyin.
  4. Hər şəkil üçün reytinqə və şərhlərin siyahısına baxın.
  5. Xahiş edirik problemləri həll edin və səhifəni yenidən yoxlayın.

Alət səhifəsi belə görünür: ünvan sahəsi, yoxlamaların siyahısı və Tez-tez verilən suallar.

PromoPilot-un pulsuz Şəkil SEO Yoxlayıcı səhifəsi: URL sahəsi, alt yoxlama, tənbəl yükləmə, WebP/AVIF və srcset

Reytinq necə hesablanır və əvvəlcə nəyi düzəltmək lazımdır?

Reytinq 100 baldan başlayır və səhifədəki şəkillərin faizindən asılı olaraq hər buraxılış üçün cərimələr çıxılır. Qaydaları bilməklə, ən böyük artımı nəyin verəcəyini anlamaq asandır.

Müayinə Gözəl Şərh
Alternativ Alt parametrli şəkillərin 50%-dən azı — -30; 80%-dən azı — -15; 100%-dən azı — -5 Ən əhəmiyyətli məqam
Tənbəl yükləmə 50%-dən az - −15; 80%-dən az - −8 İlk üç şəkil nəzərə alınmır
Eni və hündürlüyü 50%-dən az - −15; 80%-dən az - −8 Yalnız CSS ölçüləri nəzərə alınmır.
WebP, AVIF və ya SVG 30%-dən az - -10 Format uzantı ilə müəyyən edilir
Raster şəkillər üçün Srcset 30%-dən az - -10 SVG-nin srcset-ə ehtiyacı yoxdur

İş sifarişim belədir:

  1. Alternativ. Ən bahalı və təmiri ən asan əşya. Göstərilənləri yazın: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", alt="рюкзак купить дёшево рюкзак" yox. Dekorativ elementlər üçün boş alt="" istifadə edin.
  2. Eni və hündürlüyü. Atributlarda faktiki ölçüləri göstərin və CSS-ə img { max-width: 100%; height: auto; } əlavə edin — şəkil cavabdeh qalacaq və düzülüş atlamağı dayandıracaq.
  3. Tənbəl yükləmə qatın altındakı hər şeyə aiddir. Lakin bu, qəhrəman obrazına zərərlidir: dərhal və prioritetlə yüklənməlidir.
  4. WebP və ya AVIF. WordPress 5.8 versiyasından bəri WebP yükləmələrini, 6.5 versiyasından isə AVIF-i dəstəkləyir.
  5. Telefonun monitor versiyasını yükləməməsi üçün böyük şəkillər üçün Srcset.

Mətndəki düzgün əsas şəkil və adaptiv fotoya nümunə:

<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">

Bir şəkil üçün yaxşı bir alt etiket necə yazılır?

Alt etiketi qiymətləndirmənin ən vacib elementidir və səhvlər ən çox məhz burada edilir: ya boş qoymaq, ya da açar sözlərlə doldurmaq. Sadə bir qayda: şəkli bir cümlə ilə görə bilməyən birinə təsvir edin.

Şəkil Pis alternativ Yaxşı alternativ
Məhsul şəkli рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Komanda şəkli photo1 Мастера мастерской Nord за работой над сумкой
Diaqram və ya qrafik график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Dekorasiya ikonası иконка boş alt="" — oxumağa ehtiyac yoxdur

Kataloq üçün şablondan istifadə edərək alt etiketlər yaratmaq rahatdır: məhsulun adı + rəng və ya variant + bucaq. Bu şəkildə, tək bir kartdakı beş fotoşəkildə beş eyni təsvir əvəzinə beş fərqli, faydalı təsvir olacaq.

Fayl adı da vacibdir: kozhanyj-ryukzak-nord-korichnevyj.webp IMG_4512.jpg dən daha yaxşıdır. Bunun üçün köhnə faylların adını dəyişdirməyin mənası yoxdur, sadəcə təsviri adlarla yenilərini yükləyin.

Müqayisə: Şəkil SEO Yoxlayıcısı və Alternativləri

Alət Pulsuz nədir? Məhdudiyyətlər Kim üçün uyğundur?
PromoPilot — Şəkil SEO Yoxlayıcısı Alt, tənbəl yükləmə, en/hündürlük, formatlar, srcset; reytinq 0–100 və hər şəkil üçün şərhlər 100 img-ə qədər, fayl ölçüsü təxmin edilməyib İstənilən səhifədən şəkilləri tez bir zamanda təhlil edin
Google PageSpeed İnsights Sürət testinin bir hissəsi kimi görüntü yoxlamaları: format, ölçü, tənbəl yükləmə Onlarla digər yoxlama ilə qarışdırılmış, alt çətinliklə başa düşür Şəkillərin sürətə təsirinin qiymətləndirilməsi
Squosh Brauzerdə tək bir şəkli sıxın və çevirin Səhifəni yoxlamır, fayllarla işləyir Fərdi şəkillərin hazırlanması
Qışqıran Qurbağa SEO Hörümçəyi Saytda alternativ mətnsiz şəkillərin siyahısı Quraşdırma tələb olunur, pulsuz versiyada ünvanlarda məhdudiyyət var Yüzlərlə səhifədə alternativ audit

Nəticə: Onlayn yoxlayıcı müəyyən bir səhifədəki şəkillərdə nəyin səhv olduğunu, PageSpeed sürətin nə qədər başa gəldiyini və Squoosh və ya çevirici faylların özlərini düzəltməyə kömək edir.

PromoPilot-da serverə fayl yükləmədən birbaşa brauzerdə işləyən şəkil sıxma aləti və WebP çeviricisi də daxil olmaqla 87 pulsuz SEO aləti var. Ümumi səhifə ölçüsünü anlamaq üçün səhifə sürəti təhlili seriyamızdakı məqaləmizə baxın.

Şəkil doğrulaması nəyi görmür?

Alətin məhdudiyyətləri barədə dürüst olaq — reytinqi dəqiq şərh etmək üçün onları bilmək vacibdir:

  • Fayl ölçüsü nəzərə alınmır — şəkillər yüklənmir; format uzantı ilə müəyyən edilir.
  • <picture> teqi təhlil edilmir: <img> faylındakı JPG, yanında <source> AVIF və ya WebP olsa belə, etiketlənəcək.
  • CSS-dən fon şəkilləri və JavaScript tərəfindən əlavə edilmiş şəkillər hesabata daxil edilməyib.
  • Yalnız CSS-də göstərilən ölçülər nəzərə alınmır.
  • Tək bir <img> olmayan səhifə 50 bal alır - bu, "səhvlərin yarısı" deyil, "qiymətləndiriləcək heç nə" deyil.

Pulsuz bir vasitə nə vaxt kifayət deyil?

Optimallaşdırmadan əvvəl və sonra şəkillər: boş alt və ağır JPG-lər təsvirlər, WebP, göstərilən ölçülər və srcset ilə müqayisədə

Tək bir səhifədəki alternativ mətni düzəltmək on dəqiqə çəkir. Lakin mağazada beş min məhsul varsa, bunu əl ilə etmək mümkün deyil. Əgər aşağıdakı hallarda mütəxəssisə ehtiyacınız var:

  • alt bütün kataloq üçün ad, rəng və bucaqdan avtomatik olaraq yaradılmalıdır;
  • şəkillər kameradan sıxılmadan yüklənir və avtomatik bir boru kəməri tələb olunur: sıxılma, WebP, çoxölçülü;
  • Veb sayt mövzusu şəkilləri eni, hündürlüyü və srcset olmadan göstərir və şablonun düzəldilməsi lazımdır;
  • Məhsul sorğuları üçün Google Şəkillərdən trafik almaq istəyirsiniz?

Veb saytınız üçün nə edə bilərəm?

Mən Valeri Danyuk, 12 illik təcrübəyə və minlərlə fotoşəkili olan çoxsaylı onlayn mağazalar da daxil olmaqla 200-dən çox müştəriyə malik bir geliştirici və SEO mütəxəssisiyəm.

SEO və audit

Mağazalar və kataloqlar

Mühasibat uçotu və avtomatlaşdırma

Mənə Telegram -da məhsul kartının linkini göndərin - şəkillərə əsasən nə qədər qazana biləcəyinizi sizə deyəcəyəm.

Nəticə

  1. Onlayn SEO görüntü yoxlayıcısı səhifədəki 100-ə qədər şəkli təhlil edir və hər biri üçün şərhlərlə birlikdə 0-dan 100-ə qədər bal verir.
  2. Ən çox bal alt və en/hündürlük ölçülərinə, ardınca isə tənbəl yükləməyə, WebP/AVIF və srcset-ə verilir.
  3. Əsas şəklin tənbəl yüklənməsinə ehtiyac yoxdur - fetchpriority="high" funksiyası lazımdır.
  4. Böyük kataloqlar üçün foto emalı avtomatlaşdırılır və ya bunun artıq edildiyi bir platforma seçilir, məsələn, 1001site.

Saytınızın ən ağır səhifəsini pulsuz Image SEO Checker ilə yoxlayın — alternativ seçimlə başlayın.

Mənbələr

  • PromoPilot-un Şəkil SEO Yoxlayıcısı səhifəsi - yoxlamalar, qiymətləndirmə qaydaları, məhdudiyyətlər və Tez-tez Verilən Suallar.
  • Google Axtarış Mərkəzi - Axtarış üçün şəkil tövsiyələri.
  • Google PageSpeed Insights və Squoosh - Xüsusiyyət Təsvirləri.

İstinadlar və mənbələr

Suallar və Cavablar

SEO üçün alt etiketlər niyə vacibdir?

Alt mətn axtarış motorları və korlar üçün ekran oxuyucuları üçün şəkli təsvir edir. Google Images sıralama məqsədləri üçün alt mətndən istifadə edir və səhifədə fotonun məzmununu izah etməyə kömək edir. Dekorativ elementlər boş alt="" ilə qala bilər.

Şəkil ölçüsü Core Web Vitals-a necə təsir edir?

Böyük şəkillər LCP-ni — adətən foto olan ilk ekrandakı ən böyük elementin göstərmə müddətini — yavaşlatır. Müasir WebP və AVIF formatları, sıxılma, düzgün ölçülər və srcset, eləcə də tənbəl yükləmənin qarşısını almaq və əsas şəkil üçün yüksək yükləmə prioriteti təyin etmək kömək edir.

Alət faylın çəkisini yoxlayırmı?

Xeyr. Alət şəkilləri yükləmir, ona görə də fayl ölçüsünü təxmin etmir; formatı genişləndirməyə əsasən müəyyən edir. Şəkillərin və bütün səhifənin ölçüsünü öyrənmək üçün Page Speed Analysis və ya PageSpeed Insights istifadə edin.

Veb saytı yoxladıq, amma düzəldəcək heç kim yoxdur?

Bu pulsuz vasitə problemləri aşkarlayır. Hesabatı təhlil edəcək, prioritetləşdirəcək və onları düzəldəcəyəm: SEO auditi, sürətləndirmə, işarələmə və reytinqləri itirmədən yeni sayta miqrasiya.