Телеграм, WhatsApp жана башкалар+380637610482
Валерий Данюк
Валерий Данюкиштеп чыгуучуБизнес үчүн жасалма интеллект куралдарын иштеп чыгуу. Жогорку сапат. Арзан баада.Telegramга жазуу

Онлайн сүрөт SEO текшергичи: Alt, Lazy Loading, WebP жана Srcset – Эмнени оңдоо керек

Сүрөттөрдү онлайн SEO текшерүүсү: alt, жалкоо жүктөө, WebP жана srcset, ар бир сүрөт үчүн 0–100 баалоо

Эмне аласыз

  • Барактагы ар бир сүрөткө 0–100 баа жана комментарийлер: alt, жалкоо жүктөө, туурасы/бийиктиги, WebP/AVIF, srcset — акысыз
  • Упайыңыз кантип эсептелерин жана кайсы түзөтүүлөр аны эң тез жакшыртаарын түшүнүү
  • Негизги сүрөт, жооп берүүчү сүрөттөр жана alt тегдер үчүн даяр код мисалдары
Колдонуу: 15 мүнөттүн ичиндеСактоо: Телефонуңуздагы Google Images трафиги жана жүктөө убактысы

Кыска жооп: баракчадагы сүрөттөрдү SEO үчүн текшерүү үчүн, анын URL дарегин PromoPilot'тун акысыз SEO Image Checker программасына чаптаңыз. Курал 100гө чейин <img> тегдерин талдайт: alt теги барбы, loading="lazy" коюлганбы, туурасы жана бийиктиги коюлганбы, WebP, AVIF же SVG колдонулганбы жана srcset барбы. Натыйжада 0дөн 100гө чейинки упай жана ар бир сүрөт боюнча комментарийлер алынат. Төмөндө упай кантип эсептелгени, эмнени биринчи оңдоо керектиги жана курал эмнени көрбөй турганы көрсөтүлгөн.

Мен 12 жылдан бери веб-сайттарды жана дүкөндөрдү куруп келем жана дээрлик ар биринде сүрөттөр негизги тоскоолдук болуп саналат. Кадимки продукт картасы: камерадан түз алынган беш 3 МБ сүрөт, бош альтернативдик текст жана файлдын аталышы IMG_4512.jpg.

Image SEO текшерүүсү эмнени текшерет?

Курал барактагы ар бир сүрөттү беш критерийдин негизинде карап чыгып, жалпы упай түзүү үчүн аларды бириктирет.

Ал эмнени текшерет? Ал эмнени карап жатат? Эмне үчүн бул SEO жана бизнес үчүн маанилүү?
Альтернативдик Ар бир <img> Google Images альтернативдик рейтинг боюнча; сокурлар үчүн жеткиликтүүлүк
Жалкоо жүктөө loading="lazy" атрибуту биринчи экрандын астындагы сүрөттөргө колдонулат. Баракча конок сыдырбаган эч нерсе жүктөлбөйт.
Туурасы жана бийиктиги Тег атрибуттарында өлчөмдөр көрсөтүлгөнбү? Блоктор жүктөлгөндө "секирбейт" - бул CLS метрикасы
Форматтоо Файл кеңейтүүсү аркылуу WebP, AVIF же SVG Заманбап форматтар JPG жана PNGге караганда бир топ кичине.
Srcset Ар кандай экрандар үчүн сүрөт параметрлери барбы? Телефон монитордун версиясын эмес, кичинекей файлды алат.

Ар бир сүрөткө комментарийлердин тизмеси берилет, ал эми баракчага акыркы баа берилет. Бул ыңгайлуу: сиз эмне туура эмес экенин гана эмес, кайсы сүрөттүн катасы бар экенин да көрө аласыз.

Интернеттеги веб-сайттагы сүрөттөрдү кантип текшерүү керек?

Сүрөттөрдү 4 кадам менен текшериңиз: URL дарегин чаптаңыз, 100гө чейин сүрөттүн сканерленишин күтүңүз, баалоону көрүңүз жана комментарийлерди оңдоңуз.

  1. Ачык сүрөттүн SEO текшергичи.
  2. Барактын дарегин киргизиңиз, мүмкүн болсо, көп сүрөттөрү бар дарегин киргизиңиз: продукт картасы, категория, блог макаласы, портфолио.
  3. "Текшерүү" баскычын чыкылдатып, бардык сүрөттөр сканерленгенге чейин күтө туруңуз.
  4. Ар бир сүрөттүн рейтингин жана комментарийлер тизмесин көрүңүз.
  5. Көйгөйлөрдү оңдоп, баракчаны кайра текшериңиз.

Куралдар барагы мындай көрүнөт: дарек талаасы, текшерүүлөрдүн тизмеси жана Көп берилүүчү суроолор.

PromoPilot'тун акысыз Image SEO текшерүүчү барагы: URL талаасы, alt текшерүү, жалкоо жүктөө, WebP/AVIF жана srcset

Рейтинг кантип эсептелет жана биринчи кезекте эмнени оңдоо керек?

Баалоо 100 упайдан башталат жана ар бир сан үчүн айып пулдар алынып салынат, бул барактагы сүрөттөрдүн пайызына жараша болот. Эрежелерди билүү менен, эмне эң чоң өсүш берерин аныктоо оңой.

Экзамен Жакшы Комментарий
Альтернативдик Alt — -30 менен сүрөттөрдүн 50% дан азы; 80% дан азы — -15; 100% дан азы — -5 Эң маанилүү жагдай
Жалкоо жүктөө 50% дан аз - −15; 80% дан аз - −8 Алгачкы үч сүрөт эске алынган эмес
Туурасы жана бийиктиги 50% дан аз - −15; 80% дан аз - −8 CSS үчүн гана өлчөмдөр эске алынбайт.
WebP, AVIF же SVG 30% дан аз - -10 Формат кеңейтүү менен аныкталат
Растрдык сүрөттөр үчүн Srcset 30% дан аз - -10 SVGге srcset кереги жок

Менин жумуш тартибим мындай:

  1. Альтернативдүү. Эң кымбат жана оңдоого эң оңой буюм. Көрсөтүлгөндөрдү жазыңыз: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", alt="рюкзак купить дёшево рюкзак" эмес. Кооздоочу элементтер үчүн бош alt="" колдонуңуз.
  2. Туурасы жана бийиктиги. Атрибуттарда чыныгы өлчөмдөрдү көрсөтүңүз жана CSSке img { max-width: 100%; height: auto; } кошуңуз — сүрөт жооп берүүчү бойдон калат жана макет секирүүнү токтотот.
  3. Жалкоо жүктөө бүктөмдүн астындагы бардык нерсеге тиешелүү. Бирок, бул баатырдын образына зыян келтирет: аны дароо жана артыкчылыктуу түрдө жүктөө керек.
  4. WebP же AVIF. WordPress 5.8 версиясынан бери WebP жүктөөнү, ал эми AVIF 6.5 версиясынан бери колдойт.
  5. Телефон монитор версиясын жүктөп албашы үчүн, чоң сүрөттөр үчүн Srcset.

Тексттеги негизги сүрөттүн жана адаптивдүү сүрөттүн туура үлгүсү:

<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">

Сүрөт үчүн жакшы alt тегин кантип жазуу керек?

Alt теги баалоодогу эң маанилүү элемент болуп саналат жана каталар көбүнчө дал ушул жерде кетирилет: же аны бош калтыруу, же ачкыч сөздөр менен толтуруу. Жөнөкөй эреже: сүрөттү бир сүйлөм менен көрө албаган адамга сүрөттөп бериңиз.

Сүрөт Жаман альтернатива Жакшы альтернатива
Продукциянын сүрөтү рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Команданын сүрөтү photo1 Мастера мастерской Nord за работой над сумкой
Диаграмма же диаграмма график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Кооздоо сүрөтчөсү иконка бош alt="" — аны окуунун кажети жок

Каталог үчүн шаблонду колдонуп, альтернативдик тегдерди түзүү ыңгайлуу: продукттун аталышы + түсү же вариант + бурч. Ошентип, бир картадагы беш сүрөттө беш окшош сүрөттөмөнүн ордуна беш башка, пайдалуу сүрөттөмө болот.

Файлдын аталышы да маанилүү: kozhanyj-ryukzak-nord-korichnevyj.webp IMG_4512.jpg караганда жакшыраак. Эски файлдардын атын жөн гана өзгөртүүнүн кажети жок, бирок сүрөттөмөлүү аталыштары бар жаңы файлдарды жүктөңүз.

Салыштыруу: Сүрөттүн SEO текшергичи жана альтернативалары

Курал Эмне бекер? Чектөөлөр Ал кимге ылайыктуу?
PromoPilot — Сүрөттүн SEO текшерүүчүсү Alt, жалкоо жүктөө, туурасы/бийиктиги, форматтары, srcset; ар бир сүрөт үчүн 0–100 баалоо жана комментарийлер 100 сүрөткө чейин, файлдын өлчөмү болжолдуу эмес Каалаган баракчадан сүрөттөрдү тез талдоо
Google PageSpeed Insights Ылдамдыкты текшерүүнүн бир бөлүгү катары сүрөттөрдү текшерүү: формат, өлчөм, жай жүктөө Ондогон башка текшерүүлөр менен аралашып, альт араң түшүнөт Сүрөттөрдүн ылдамдыкка тийгизген таасирин баалоо
Скуош Браузерде бир сүрөттү кысып, конвертациялаңыз Баракты текшербейт, файлдар менен иштейт Жеке сүрөттөрдү даярдоо
Кыйкырык бака SEO жөргөмүшү Сайт боюнча альтернативдик текстсиз сүрөттөрдүн тизмеси Орнотуу талап кылынат, акысыз версиясында даректер боюнча чектөө бар Жүздөгөн баракчалардагы альтернативдик аудит

Жыйынтык: Онлайн текшерүүчү белгилүү бир барактагы сүрөттөрдө эмне туура эмес экенин көрсөтөт, PageSpeed анын ылдамдыгы канча тураарын көрсөтөт, ал эми Squoosh же конвертер файлдарды өздөрү оңдоого жардам берет.

PromoPilotто 87 акысыз SEO куралы бар, анын ичинде сүрөттөрдү кысуу куралы жана файлдарды серверге жүктөбөстөн, браузерде түздөн-түз иштеген WebP конвертери бар. Барактын жалпы көлөмүн түшүнүү үчүн, баракчанын ылдамдыгын талдоо сериясындагы макалабызды карап чыгыңыз.

Сүрөттү текшерүү эмнени көрбөйт?

Келгиле, куралдын чектөөлөрү жөнүндө чынчыл бололу — рейтингди так чечмелөө үчүн аларды билүү маанилүү:

  • Файлдын өлчөмү эске алынбайт — сүрөттөр жүктөлүп алынбайт; формат кеңейтүү менен аныкталат.
  • <picture> теги талданган жок: <img> файлындагы JPG, анын жанындагы <source> AVIF же WebP болсо дагы, тегделет.
  • CSSтен алынган фондук сүрөттөр жана JavaScript тарабынан кошулган сүрөттөр отчетко киргизилген эмес.
  • CSSте гана көрсөтүлгөн өлчөмдөр эске алынбайт.
  • Бир дагы <img> жок баракча 50 упай алат - бул "катанын жарымы" эмес, "баалай турган эч нерсе жок".

Акысыз курал качан жетишсиз болот?

Оптималдаштырууга чейинки жана кийинки сүрөттөр: бош alt жана оор JPG файлдары сүрөттөмөлөр, WebP, көрсөтүлгөн өлчөмдөр жана srcset менен салыштырылат

Бир барактагы альтернативдик текстти оңдоо он мүнөткө созулат. Бирок дүкөндө беш миң товар болсо, аны кол менен жасоо мүмкүн эмес. Төмөнкү учурларда адис керек:

  • alt бүт каталогдун аталышынан, түсүнөн жана бурчунан автоматтык түрдө түзүлүшү керек;
  • сүрөттөр камерадан кысылбастан жүктөлөт жана автоматтык түтүк керек: кысуу, WebP, бир нече өлчөмдөр;
  • Вебсайттын темасы сүрөттөрдү туурасы, бийиктиги жана srcsetсиз көрсөтөт жана шаблонду оңдоо керек;
  • Google Images'тен продукт боюнча суроолорго трафик алгыңыз келеби?

Вебсайтыңыз үчүн эмне кыла алам?

Мен Валерий Данюкмун, 12 жылдык тажрыйбасы жана 200дөн ашык кардарлары бар, анын ичинде миңдеген сүрөттөрү бар көптөгөн онлайн дүкөндөрү бар иштеп чыгуучу жана SEO адисимин.

SEO жана аудит

Дүкөндөр жана каталогдор

Бухгалтердик эсеп жана автоматташтыруу

Мага Telegram продукт картасынын шилтемесин жөнөтүңүз - сүрөттөргө карап канча утуп алаарыңызды айтып берем.

Жыйынтык

  1. Онлайн SEO сүрөт текшергичи бир барактагы 100гө чейин сүрөттү талдап, ар бирине комментарийлер менен кошо 0дөн 100гө чейинки упай берет.
  2. Эң көп упайлар alt жана туурасы/бийиктиги өлчөмдөрүнө берилет, андан кийин жалкоо жүктөө, WebP/AVIF жана srcset келет.
  3. Негизги сүрөттү жай жүктөө талап кылынбайт - ага fetchpriority="high" керек.
  4. Чоң каталогдор үчүн сүрөттөрдү иштетүү автоматташтырылган же бул мурунтан эле жасалган платформа тандалып алынат, мисалы, 1001site.

Акысыз Image SEO Checker менен сайтыңыздын эң оор барагын текшериңиз — альтернативдүү варианттан баштаңыз.

Булактар

  • PromoPilot'тун Сүрөт SEO текшерүүчү барагы - текшерүүлөр, баалоо эрежелери, чектөөлөр жана Көп берилүүчү суроолор.
  • Google Издөө Борбору - Издөө үчүн сүрөт сунуштары.
  • Google PageSpeed Insights жана Squoosh - Функциялардын сүрөттөмөлөрү.

Шилтемелер жана булактар

Суроолор жана жооптор

Эмне үчүн alt тегдер SEO үчүн маанилүү?

Alt тексти издөө системалары жана сокурлар үчүн экран окугучтар үчүн сүрөттү сүрөттөйт. Google Images рейтинг максатында alt текстти колдонот жана баракчада сүрөттүн мазмунун түшүндүрүүгө жардам берет. Декоративдик элементтерди бош alt="" калтырууга болот.

Сүрөттүн өлчөмү Core Web Vitals көрсөткүчтөрүнө кандай таасир этет?

Чоң сүрөттөр LCPди жайлатат — көбүнчө сүрөт болгон биринчи экрандагы эң чоң элементтин көрсөтүү убактысы. Заманбап WebP жана AVIF форматтары, кысуу, туура өлчөмдөр жана srcset, ошондой эле жалкоо жүктөөнү болтурбоо жана негизги сүрөт үчүн жогорку жүктөө артыкчылыгын коюу жардам берет.

Курал файлдын салмагын текшереби?

Жок. Курал сүрөттөрдү жүктөп албайт, ошондуктан ал файлдын өлчөмүн болжолдобойт; ал кеңейтүүгө жараша форматты аныктайт. Сүрөттөрдүн жана бүтүндөй баракчанын өлчөмүн билүү үчүн Page Speed Analysis же PageSpeed Insights колдонуңуз.

Вебсайтты текшердик, бирок аны оңдой турган эч ким жок бекен?

Бул акысыз курал көйгөйлөрдү аныктайт. Мен отчетту талдап, артыкчылыктарды белгилеп, аларды оңдойм: SEO аудити, ылдамдатуу, белгилөө жана рейтингди жоготпостон жаңы сайтка көчүрүү.