Ang maikling sagot: para masuri ang mga larawan sa isang pahina para sa SEO, i-paste ang URL nito sa libreng SEO Image Checker ng PromoPilot. Susuriin ng tool ang hanggang 100 <img> tag: kung mayroong alt tag, kung nakatakda na loading="lazy", kung nakatakda na ang lapad at taas, kung ginagamit ang WebP, AVIF, o SVG, at kung mayroong srcset. Ang resulta ay isang iskor mula 0 hanggang 100 at mga komento sa bawat larawan. Sa ibaba makikita mo kung paano kinakalkula ang iskor, kung ano ang unang aayusin, at kung ano ang hindi nakikita ng tool.
Labindalawa taon na akong gumagawa ng mga website at tindahan, at ang mga imahe ang pangunahing hadlang sa halos bawat isa sa mga ito. Isang tipikal na product card: limang 3MB na larawan diretso mula sa camera, isang blangkong alt text, at ang pangalan ng file ay IMG_4512.jpg.
Ano ang sinusuri ng Image SEO Check?
Tinitingnan ng tool ang bawat larawan sa pahina batay sa limang pamantayan at pinagsasama-sama ang mga ito upang bumuo ng pangkalahatang iskor.
| Ano ang sinusuri nito? | Ano ang tinitingnan niya? | Bakit ito mahalaga para sa SEO at negosyo? |
|---|---|---|
| Alt | Mayroon bang deskripsyon ng teksto para sa bawat <img> | Niraranggo Google Images ayon sa alt; accessibility para sa mga bulag |
| Mabagal na paglo-load | Ang katangiang loading="lazy" ay inilalapat sa mga imahe sa ibaba ng unang screen. | Walang nilo-load ang pahina na hindi pa na-scroll ng bisita. |
| Lapad at taas | Nakasaad ba ang mga dimensyon sa mga katangian ng tag? | Hindi "tumalon" ang mga bloke kapag naglo-load - ito ay isang sukatan ng CLS |
| Pormat | WebP, AVIF, o SVG ayon sa extension ng file | Ang mga modernong format ay kapansin-pansing mas maliit kaysa sa JPG at PNG. |
| Srcset | Mayroon bang mga opsyon sa imahe para sa iba't ibang screen? | Natatanggap ng telepono ang maliit na file, hindi ang bersyon ng monitor. |
Ang bawat larawan ay makakatanggap ng listahan ng mga komento, at ang pahina ay makakatanggap ng pangwakas na iskor. Ito ay maginhawa: makikita mo hindi lamang kung ano ang mali, kundi pati na rin kung aling larawan ang may depekto.
Paano tingnan ang mga larawan sa isang website online?
- Buksan ang Image SEO Checker.
- Ilagay ang address ng pahina, mas mabuti kung may maraming larawan: product card, kategorya, artikulo sa blog, portfolio.
- Pindutin ang "Suriin" at hintaying ma-scan ang lahat ng mga imahe.
- Tingnan ang rating at listahan ng mga komento para sa bawat larawan.
- Pakiayos ang mga problema at tingnan muli ang pahina.
Ganito ang hitsura ng pahina ng tool: field ng address, listahan ng mga tseke at FAQ.
Paano kinakalkula ang rating at ano ang dapat unang itama?
Ang rating ay nagsisimula sa 100 puntos, at may mga multa na ibabawas para sa bawat isyu, depende sa porsyento ng mga larawan sa pahina na hindi pumasa. Dahil alam ang mga patakaran, madaling malaman kung ano ang magbibigay ng pinakamalaking tulong.
| Pagsusuri | Maayos | Komento |
|---|---|---|
| Alt | Mas mababa sa 50% ng mga larawang may alt — -30; mas mababa sa 80% — -15; mas mababa sa 100% — -5 | Ang pinakamahalagang punto |
| Mabagal na paglo-load | mas mababa sa 50% - −15; mas mababa sa 80% - −8 | Hindi isinasaalang-alang ang unang tatlong larawan |
| Lapad at taas | mas mababa sa 50% - −15; mas mababa sa 80% - −8 | Hindi isinasaalang-alang ang mga dimensyong CSS-only. |
| WebP, AVIF, o SVG | mas mababa sa 30% - -10 | Ang format ay tinutukoy ng extension |
| Srcset para sa mga imaheng raster | mas mababa sa 30% - -10 | Hindi kailangan ng SVG ang srcset |
Narito ang aking order sa trabaho:
- Alt. Ang pinakamahal na bagay at ang pinakamadaling ayusin. Isulat ang ipinapakita:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", hindialt="рюкзак купить дёшево рюкзак". Para sa mga pandekorasyon na elemento, gumamit ng walang lamanalt="". - Lapad at taas. Tukuyin ang aktwal na mga dimensyon sa mga katangian, at idagdag
img { max-width: 100%; height: auto; }sa CSS—mananatiling tumutugon ang imahe, at titigil sa pagtalon ang layout. - Ang lazy loading ay naaangkop sa lahat ng nasa ibaba ng fold. Gayunpaman, nakakasama ito sa imahe ng hero: kailangan itong i-load agad at may prayoridad.
- WebP o AVIF. Sinusuportahan na WordPress ang mga pag-upload ng WebP simula noong bersyon 5.8, at AVIF naman simula noong bersyon 6.5.
- Srcset para sa malalaking larawan para hindi ma-download ng telepono ang bersyon ng monitor.
Isang halimbawa ng wastong pangunahing larawan at adaptibong larawan sa teksto:
<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">Paano magsulat ng magandang alt tag para sa isang larawan?
Ang alt tag ang pinakamahalagang elemento ng pagsusuri, at dito madalas na nagkakamali: maaaring iwan itong blangko o punuin ito ng mga keyword. Isang simpleng tuntunin: ilarawan ang larawan sa isang taong hindi ito makita sa isang pangungusap.
| Larawan | Masamang alt | Magandang alt |
|---|---|---|
| Larawan ng produkto | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Larawan ng koponan | photo1 | Мастера мастерской Nord за работой над сумкой |
| Dayagram o tsart | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Icon ng dekorasyon | иконка | walang laman na alt="" — hindi na kailangang basahin ito |
Para sa isang katalogo, mas mainam na gumawa ng mga alt tag gamit ang isang template: pangalan ng produkto + kulay o variant + anggulo. Sa ganitong paraan, limang larawan sa isang card ang magkakaroon ng limang magkakaiba at kapaki-pakinabang na paglalarawan, sa halip na limang magkapareho.
Mahalaga rin ang pangalan ng file: mas mainam ang kozhanyj-ryukzak-nord-korichnevyj.webp kaysa sa IMG_4512.jpg. Walang saysay na palitan ang pangalan ng mga lumang file para lang dito, kundi mag-upload ng mga bago na may mga naglalarawang pangalan.
Paghahambing: Image SEO Checker at mga Alternatibo
| Kagamitan | Ano ang libre? | Mga Restriksyon | Para kanino ito angkop? |
|---|---|---|---|
| PromoPilot — Tagasuri ng SEO ng Larawan | Alt, lazy loading, lapad/taas, mga format, srcset; rating 0–100 at mga komento para sa bawat larawan | Hanggang 100 img, hindi tinatantya ang laki ng file | Mabilis na suriin ang mga larawan mula sa anumang pahina |
| Mga Pananaw Google PageSpeed | Mga pag-audit ng imahe bilang bahagi ng pagsubok sa bilis: format, laki, lazy loading | Halo-halo sa dose-dosenang iba pang mga pagsusuri, halos hindi maintindihan ng lahat | Pagtatasa ng epekto ng mga imahe sa bilis |
| Squoosh | I-compress at i-convert ang isang larawan sa isang browser | Hindi tinitingnan ang pahina, gumagana sa mga file | Paghahanda ng mga indibidwal na imahe |
| Sumisigaw na Palaka SEO Spider | Listahan ng mga larawang walang alt text sa buong site | Kinakailangan ang pag-install, ang libreng bersyon ay may limitasyon sa mga address | Alt audit sa daan-daang pahina |
Konklusyon: Ipinapakita ng isang online checker kung ano ang mali sa mga imahe sa isang partikular na pahina, ipinapakita ng PageSpeed kung magkano ang gastos sa bilis, at tinutulungan ng Squoosh o isang converter na ayusin ang mga file mismo.
Ang PromoPilot ay may 87 libreng SEO tools, kabilang ang image compression tool at WebP converter na direktang gumagana sa browser, nang hindi ina-upload ang mga file sa server. Para maunawaan ang kabuuang laki ng pahina, tingnan ang aming artikulo sa aming serye ng pagsusuri ng bilis ng pahina.
Ano ang hindi nakikita ng beripikasyon ng imahe?
Maging tapat tayo tungkol sa mga limitasyon ng tool—mahalagang malaman ang mga ito upang tumpak na mabigyang-kahulugan ang rating:
- Hindi isinasaalang-alang ang laki ng file —hindi dina-download ang mga imahe; ang format ay tinutukoy ng extension.
- Hindi pa na-parse
<picture>: Ang JPG sa<img>ay maita-tag kahit na mayroong AVIF o WebP sa<source>sa tabi nito. - Hindi kasama sa ulat ang mga larawan sa background mula sa CSS at mga larawang idinagdag ng JavaScript.
- Hindi isinasaalang-alang ang mga dimensyong tinukoy lamang sa CSS.
- Ang isang pahinang walang kahit isang
<img>ay nakakakuha ng 50 puntos - hindi ito "kalahati ng mga pagkakamali", kundi "walang dapat i-rate".
Kailan hindi sapat ang isang libreng tool?
Ang pagwawasto ng alt text sa isang pahina ay tumatagal ng sampung minuto. Ngunit kung ang tindahan ay may limang libong produkto, imposibleng gawin ito nang mano-mano. Kailangan mo ng isang espesyalista kung:
- Ang alt ay dapat awtomatikong mabuo mula sa pangalan, kulay at anggulo para sa buong katalogo;
- Ang mga imahe ay nilo-load mula sa camera nang walang compression, at kinakailangan ang isang awtomatikong pipeline: compression, WebP, maraming laki;
- Ang tema ng website ay nagpapakita ng mga larawan nang walang lapad, taas, at srcset, at kailangang ayusin ang template;
- Gusto mo bang makakuha ng trapiko mula sa Google Images para sa mga query sa produkto?
Ano ang magagawa ko para sa website mo?
Ako si Valeriy Danyuk, isang developer at SEO specialist na may 12 taong karanasan at mahigit 200 kliyente, kabilang ang maraming online store na may libu-libong larawan.
SEO at pag-audit
- Turnkey website SEO audit: Sinusuri ko ang mga larawan sa buong site, nagse-set up ng awtomatikong conversion at alt text sa mga template.
- Isang SEO blog na pinapagana ng AI na nagdadala ng mga organic na kliyente —awtomatikong nagpapakita ng mga alt at WebP na larawan para sa bawat artikulo.
Mga tindahan at katalogo
- Isang katalogo na may 300 aytem sa loob lamang ng ilang minuto sa pamamagitan ng MCP at Claude —na may mga paglalarawan at larawan para sa bawat aytem.
- Isang online na tindahan sa WooCommerce na may wastong pagproseso ng imahe.
- Paglilipat ng tindahan mula Instagram patungo sa website —patuloy na nagbabago ang mga larawan at paglalarawan ng produkto.
- Maaaring ilipat ang mga produkto, larawan, at teksto sa 1001site sa pamamagitan ng link mula sa iyong lumang website o social media.
Accounting at automation
- Accounting + bookkeeping + tindahan para sa 30,000 na produkto.
- Telegram bot na may AI para sa isang online na tindahan ng sarsa.
Padalhan ako ng link papunta sa product card sa Telegram - Sasabihin ko sa iyo kung magkano ang maaari mong mapanalunan batay sa mga larawan.
Resulta
- Sinusuri ng online SEO image checker ang hanggang 100 na larawan sa isang pahina at nagtatalaga ng iskor mula 0 hanggang 100, kasama ang mga komento para sa bawat isa.
- Ang pinakamaraming puntos ay ibinibigay sa mga dimensyon ng alt at lapad/taas, na sinusundan ng lazy loading, WebP/AVIF at srcset.
- Hindi kailangan ng lazy loading ang pangunahing larawan - kailangan nito
fetchpriority="high". - Para sa malalaking katalogo, awtomatiko ang pagproseso ng larawan—o pipili ng plataporma kung saan nagawa na ito, halimbawa, 1001site.
Suriin ang pinakamabigat na pahina ng iyong site gamit ang libreng Image SEO Checker —magsimula sa alt.
Mga Pinagmumulan
- Pahina ng Image SEO Checker ng PromoPilot - mga pagsusuri, mga panuntunan sa pagsusuri, mga limitasyon, at mga FAQ.
- Google Search Central - Mga rekomendasyon sa larawan para sa paghahanap.
- Mga Pananaw at Squoosh Google PageSpeed - Mga Paglalarawan ng Tampok.
