Товч хариулт: хуудсан дээрх зургуудыг SEO-д шалгахын тулд түүний URL-г PromoPilot-ын үнэгүй SEO Image Checker руу буулгана уу. Хэрэгсэл нь 100 хүртэлх <img> тагийг шинжлэх болно: alt тагийг байгаа эсэх, loading="lazy" тохируулсан эсэх, өргөн ба өндрийг тохируулсан эсэх, WebP, AVIF эсвэл SVG ашигласан эсэх, srcset байгаа эсэх. Үр дүн нь 0-ээс 100 хүртэлх оноо болон зураг бүрийн тайлбар юм. Доор та оноог хэрхэн тооцоолсон, юуг эхлээд засах, хэрэгсэл юуг харахгүй байгааг харах болно.
Би 12 жилийн турш вэбсайт болон дэлгүүрүүд хийж байгаа бөгөөд бараг бүх вэбсайтуудын гол саад тотгор нь зураг байдаг. Ердийн бүтээгдэхүүний карт: камераас шууд авсан таван 3MB зураг, хоосон alt текст, файлын нэр нь IMG_4512.jpg.
Зургийн SEO шалгалт юуг шалгадаг вэ?
Энэ хэрэгсэл нь хуудсан дээрх зураг бүрийг таван шалгуурын дагуу авч үзээд нийт оноог гаргахын тулд тэдгээрийг нэгтгэдэг.
| Энэ юуг шалгадаг вэ? | Тэр юу харж байгаа юм бэ? | Энэ нь SEO болон бизнесийн хувьд яагаад чухал вэ? |
|---|---|---|
| Альтернатив | <img> | Google Images нь хараагүй хүмүүст зориулсан хүртээмжийн зэрэглэлээр ялгаатай |
| Залхуу ачаалал | loading="lazy" шинж чанарыг эхний дэлгэцийн доорх зургуудад хэрэглэнэ. | Хуудас нь зочны гүйлгэж үзээгүй зүйлийг ачаалахгүй байна. |
| Өргөн ба өндөр | Хэмжээг шошгын шинж чанаруудад заасан уу? | Блокууд ачаалах үед "үсрэхгүй" - энэ бол CLS хэмжүүр юм |
| Форматлах | Файлын өргөтгөлөөр WebP, AVIF, эсвэл SVG | Орчин үеийн форматууд нь JPG болон PNG-ээс мэдэгдэхүйц бага байна. |
| Srcset | Өөр өөр дэлгэцийн зургийн сонголтууд байдаг уу? | Утас нь дэлгэцийн хувилбарыг биш, харин жижиг файлыг хүлээн авдаг. |
Зураг бүр сэтгэгдлийн жагсаалтыг хүлээн авдаг бөгөөд хуудас нь эцсийн оноог хүлээн авдаг. Энэ нь тохиромжтой: та зөвхөн юу нь буруу байгааг төдийгүй аль зураг буруу байгааг харж болно.
Вэбсайт дээрх зургуудыг онлайнаар хэрхэн шалгах вэ?
- Нээлттэй зургийн SEO шалгагч.
- Хуудасны хаягийг оруулна уу, болж өгвөл олон зурагтай хаягийг оруулна уу: бүтээгдэхүүний карт, ангилал, блог нийтлэл, портфолио.
- "Шалгах" дээр дараад бүх зургийг сканнердахыг хүлээнэ үү.
- Зураг бүрийн үнэлгээ болон сэтгэгдлийн жагсаалтыг үзнэ үү.
- Асуудлыг засаад хуудсыг дахин шалгана уу.
Хэрэгслийн хуудас иймэрхүү харагдаж байна: хаягийн талбар, шалгалтын жагсаалт болон Түгээмэл асуултууд.
Үнэлгээг хэрхэн тооцдог вэ, юун түрүүнд юуг засах ёстой вэ?
Үнэлгээ нь 100 онооноос эхэлдэг бөгөөд хуудсан дээрх хэдэн зургийн хувь нь алдаа гаргаснаас хамааран дугаар бүрт торгууль ногдуулдаг. Дүрмийг мэдэж байгаа тул юу хамгийн их өсөлт авчрахыг олоход хялбар байдаг.
| Шалгалт | Зүгээр дээ | Сэтгэгдэл |
|---|---|---|
| Альтернатив | Alt утгатай зургуудын 50%-иас бага нь — -30; 80%-иас бага — -15; 100%-иас бага — -5 | Хамгийн чухал цэг |
| Залхуу ачаалал | 50%-иас бага - −15; 80%-иас бага - −8 | Эхний гурван зургийг тооцохгүй болно |
| Өргөн ба өндөр | 50%-иас бага - −15; 80%-иас бага - −8 | Зөвхөн CSS-д зориулсан хэмжээсүүдийг харгалзан үзэхгүй. |
| WebP, AVIF, эсвэл SVG | 30%-иас бага - -10 | Форматыг өргөтгөлөөр тодорхойлно |
| Растер зургийн Srcset | 30%-иас бага - -10 | SVG нь srcset шаардлагагүй |
Миний ажлын дараалал энд байна:
- Өөр. Хамгийн үнэтэй бөгөөд засахад хамгийн хялбар зүйл. Харуулсан зүйлийг бичнэ үү:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку",alt="рюкзак купить дёшево рюкзак"биш. Чимэглэлийн элементүүдийн хувьд хоосонalt=""ашиглана уу. - Өргөн ба өндөр. Шинж чанаруудад бодит хэмжээсүүдийг зааж өгөөд CSS-д
img { max-width: 100%; height: auto; }гэж нэмнэ үү - зураг хариу үйлдэл үзүүлэхээ больж, байршил нь үсрэхээ болино. - Залхуу ачаалал нь нугалаасны доорх бүх зүйлд хамаарна. Гэсэн хэдий ч энэ нь баатрын дүр төрхөд сөргөөр нөлөөлдөг: үүнийг нэн даруй, нэн тэргүүнд ачаалах шаардлагатай.
- WebP эсвэл AVIF. WordPress 5.8 хувилбараас хойш WebP байршуулалтыг, 6.5 хувилбараас хойш AVIF-ийг дэмжиж ирсэн.
- Утас мониторын хувилбарыг татаж авахгүйн тулд том зургуудад зориулсан 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="" — үүнийг унших шаардлагагүй |
Каталогийн хувьд бүтээгдэхүүний нэр + өнгө эсвэл хувилбар + өнцөг гэсэн загвар ашиглан alt шошго үүсгэх нь тохиромжтой. Ингэснээр нэг карт дээрх таван зураг таван ижил тайлбарын оронд таван өөр, хэрэгтэй тайлбартай болно.
Файлын нэр бас чухал: kozhanyj-ryukzak-nord-korichnevyj.webp нь IMG_4512.jpg ээс илүү сайн. Зөвхөн үүний тулд хуучин файлуудын нэрийг өөрчлөх нь утгагүй, гэхдээ шинэ файлуудыг тодорхой нэртэй байршуулаарай.
Харьцуулалт: Зургийн SEO шалгагч болон хувилбарууд
| Багаж хэрэгсэл | Юу үнэгүй вэ? | Хязгаарлалтууд | Энэ хэнд тохиромжтой вэ? |
|---|---|---|---|
| PromoPilot — Зургийн SEO шалгагч | Alt, залхуу ачаалал, өргөн/өндөр, форматууд, srcset; зураг бүрийн үнэлгээ 0–100 ба сэтгэгдэл | 100 хүртэлх дүрс, файлын хэмжээг тооцоолоогүй байна | Аль ч хуудаснаас зургуудыг хурдан задлан шинжлэх |
| Google PageSpeed Insights | Хурдны тестийн нэг хэсэг болох зургийн аудит: формат, хэмжээ, залхуу ачаалал | Бусад олон арван шалгалттай холилдсон ч гэсэн Alt бараг ойлгодоггүй | Зургийн хурданд үзүүлэх нөлөөллийг үнэлэх |
| Скуош | Хөтөч дээр ганц зургийг шахаж, хөрвүүлэх | Хуудсыг шалгадаггүй, файлуудтай ажилладаг | Бие даасан зургуудыг бэлтгэх |
| Хашгирч буй мэлхий SEO аалз | Сайтын туршид өөр текстгүй зургуудын жагсаалт | Суулгах шаардлагатай, үнэгүй хувилбар нь хаягийн хязгаарлалттай | Олон зуун хуудсан дээрх өөр аудит |
Дүгнэлт: Онлайн шалгагч нь тодорхой хуудсан дээрх зургуудад юу буруу байгааг харуулдаг, PageSpeed нь хурдны хувьд хэр үнэтэй болохыг харуулдаг бөгөөд Squoosh эсвэл хөрвүүлэгч нь файлуудыг өөрсдөө засахад тусалдаг.
PromoPilot нь сервер рүү файл байршуулахгүйгээр хөтөч дээр шууд ажилладаг зураг шахах хэрэгсэл болон WebP хөрвүүлэгч зэрэг 87 үнэгүй SEO хэрэгсэлтэй. Хуудасны нийт хэмжээг ойлгохын тулд манай хуудасны хурдны шинжилгээний цуврал нийтлэлийг үзнэ үү.
Зургийн баталгаажуулалт юуг хардаггүй вэ?
Хэрэгслийн хязгаарлалтын талаар үнэнийг хэлье - үнэлгээг зөв тайлбарлахын тулд тэдгээрийг мэдэх нь чухал юм.
- Файлын хэмжээг харгалзан үзэхгүй - зургуудыг татаж авахгүй; форматыг өргөтгөлөөр тодорхойлно.
-
<picture>тагийг задлан шинжлээгүй байна:<img>дахь JPG нь хажууд нь<source>дээр AVIF эсвэл WebP байсан ч гэсэн шошгологдоно. - CSS-ээс авсан дэвсгэр зураг болон JavaScript-ээр нэмсэн зургуудыг тайланд оруулаагүй болно.
- Зөвхөн CSS-д заасан хэмжээсүүдийг тооцохгүй.
- Ганц ч
<img>байхгүй хуудас 50 оноо авдаг - энэ нь "алдааны тал" биш, харин "үнэлэх зүйл алга" юм.
Үнэгүй хэрэгсэл хэзээ хангалтгүй байдаг вэ?
Нэг хуудсан дээрх өөр текстийг засахад арван минут шаардагдана. Гэхдээ дэлгүүрт таван мянган бүтээгдэхүүн байгаа бол үүнийг гараар хийх боломжгүй юм. Хэрэв танд дараах тохиолдолд мэргэжилтэн хэрэгтэй:
- бүхэл каталогийн нэр, өнгө, өнцгөөс alt утгыг автоматаар үүсгэх ёстой;
- Зургийг камераас шахалтгүйгээр ачаалдаг бөгөөд автомат дамжуулах хоолой шаардлагатай: шахалт, WebP, олон хэмжээ;
- Вэбсайтын сэдэв нь зургуудыг өргөн, өндөр, srcsetгүйгээр харуулдаг бөгөөд загварыг засах шаардлагатай;
- Бүтээгдэхүүний асуулгад зориулж Google Images-ээс урсгал авахыг хүсч байна уу?
Танай вэбсайтын төлөө би юу хийж чадах вэ?
Намайг Валерий Данюк гэдэг, 12 жилийн туршлагатай, 200 гаруй үйлчлүүлэгчтэй, тэр дундаа мянга мянган зурагтай олон тооны онлайн дэлгүүртэй хөгжүүлэгч, SEO мэргэжилтэн.
SEO болон аудит
- Вэбсайтын түлхүүр гардуулах SEO аудит: Би сайтын бүх зургийг шалгаж, загваруудад автомат хөрвүүлэлт болон alt текстийг тохируулдаг.
- Органик үйлчлүүлэгчдийг авчирдаг хиймэл оюун ухаанаар ажилладаг SEO блог нь нийтлэл бүрийн хувьд alt болон WebP зургийг автоматаар харуулдаг.
Дэлгүүрүүд болон каталогууд
- MCP болон Claude дамжуулан хэдхэн минутын дотор 300 зүйл бүхий каталогийг гаргаж, бараа бүрийн тайлбар, зурагтай хамт аваарай.
- WooCommerce дээрх зөв дүрс боловсруулалттай онлайн дэлгүүр.
- Дэлгүүрийг Instagram вэбсайт руу зөөх — бүтээгдэхүүний зураг болон тайлбарууд шилжиж байна.
- Бүтээгдэхүүн, зураг, текстийг хуучин вэбсайт эсвэл олон нийтийн мэдээллийн хэрэгслээс холбоосоор дамжуулан 1001site руу шилжүүлж болно.
Нягтлан бодох бүртгэл ба автоматжуулалт
- Нягтлан бодох бүртгэл + нягтлан бодох бүртгэл + 30,000 бараа бүтээгдэхүүний дэлгүүр.
- Онлайн сүмсний дэлгүүрт зориулсан хиймэл оюун ухаантай Telegram бот.
Telegram дээрх бүтээгдэхүүний картын холбоосыг надад илгээнэ үү - би зураг дээр үндэслэн та хэр их хожиж болохыг хэлж өгье.
Үр дүн
- Онлайн SEO зураг шалгагч нь хуудсан дээрх 100 хүртэлх зургийг шинжилж, 0-ээс 100 хүртэлх оноо, мөн тус бүр дээр тайлбар өгдөг.
- Хамгийн их оноог alt болон өргөн/өндөр хэмжээсүүдэд өгсөн бөгөөд дараа нь залхуу ачаалал, WebP/AVIF болон srcset байна.
- Үндсэн зургийг удаан ачаалах шаардлагагүй -
fetchpriority="high"шаардлагатай. - Том каталогийн хувьд зураг боловсруулах үйл явц автоматжсан эсвэл аль хэдийн хийгдсэн платформыг сонгодог, жишээлбэл, 1001site.
Сайтынхаа хамгийн хүнд хуудсыг үнэгүй Image SEO Checker ашиглан шалгаарай — өөр хуудсаас эхэл.
Эх сурвалжууд
- PromoPilot-ын Зургийн SEO шалгагч хуудас - шалгалт, үнэлгээний дүрэм, хязгаарлалт болон Түгээмэл асуултууд.
- Google Хайлтын Төв - Хайлтын зургийн зөвлөмж.
- Google PageSpeed Insights болон Squoosh - Онцлогийн тодорхойлолтууд.
