Telegramo, WhatsApp+380637610482
Valerij Danjuk
Valerij DanjukprogramistoEvoluigante AI-ilojn por entreprenoj. Altkvalitaj. Pageblaj.Skribi en Telegram

Reta Bilda SEO-Kontrolilo: Alt, Malrapida Ŝarĝado, WebP, kaj Srcset - Kion Ripari

Kontrolo de interreta bilda SEO: alt, maldiligenta ŝarĝado, WebP, kaj srcset, takso de 0–100 por ĉiu bildo

Kion vi ricevos

  • Takso de 0–100 kaj komentoj pri ĉiu bildo sur la paĝo: alt, maldiligenta ŝarĝado, larĝo/alto, WebP/AVIF, srcset — senpaga
  • Kompreni kiel via poentaro estas kalkulata kaj kiaj redaktoj plibonigos ĝin plej rapide
  • Pretaj kodekzemploj por la ĉefa bildo, respondemaj bildoj kaj alt-etikedoj
Apliki: post 15 minutojKonservas: Trafiko kaj ŝarĝtempoj Google Bildoj en via telefono

La mallonga respondo: por kontroli bildojn sur paĝo por SEO, algluu ĝian URL-on en la senpagan SEO-Bildkontrolilon de PromoPilot. La ilo analizos ĝis 100 <img> -etikedojn: ĉu estas alt-etikedo, ĉu loading="lazy" estas agordita, ĉu la larĝo kaj alto estas agorditaj, ĉu WebP, AVIF aŭ SVG estas uzataj, kaj ĉu estas srcset. La rezulto estas poentaro de 0 ĝis 100 kaj komentoj pri ĉiu bildo. Sube vi trovos kiel la poentaro estas kalkulata, kion unue ripari, kaj kion la ilo ne vidas.

Mi konstruas retejojn kaj butikojn jam de 12 jaroj, kaj bildoj estas la ĉefa proplempunkto en preskaŭ ĉiu el ili. Tipa produkta karto: kvin 3MB fotoj rekte de la fotilo, malplena alt-teksto, kaj la dosiernomo estas IMG_4512.jpg.

Kion kontrolas la Bilda SEO-Kontrolo?

La ilo rigardas ĉiun bildon sur la paĝo laŭ kvin kriterioj kaj sumigas ilin por formi ĝeneralan poentaron.

Kion ĝi kontrolas? Kion li rigardas? Kial ĉi tio gravas por SEO kaj komerco?
Alt Ĉu estas teksta priskribo por ĉiu <img> Google Bildoj rango laŭ alt; alirebleco por blinduloj
Malrapida ŝarĝado La atributo loading="lazy" aplikiĝas al bildoj sub la unua ekrano. La paĝo ne ŝarĝas ion, kion la vizitanto ankoraŭ ne rulumis al.
Larĝo kaj alto Ĉu la dimensioj estas specifitaj en la etikedaj atributoj? Blokoj ne "saltas" dum ŝarĝado - ĉi tio estas CLS-metriko
Formato WebP, AVIF, aŭ SVG laŭ dosierfinaĵo Modernaj formatoj estas rimarkeble pli malgrandaj ol JPG kaj PNG.
Srcset Ĉu ekzistas bildaj opcioj por malsamaj ekranoj? La telefono ricevas la malgrandan dosieron, ne la monitoran version.

Ĉiu bildo ricevas liston de komentoj, kaj la paĝo ricevas finan poentaron. Tio estas oportuna: oni povas vidi ne nur kio estas malĝusta, sed ankaŭ kiu bildo estas la kulpulo.

Kiel kontroli bildojn en retejo interrete?

Kontrolu bildojn en 4 paŝoj: algluu la URL-on, atendu ĝis 100 bildoj estu skanitaj, vidu la rangigon, kaj korektu iujn ajn komentojn.

  1. Malfermu Bildan SEO-Kontrolilon.
  2. Enigu la paĝadreson, prefere unu kun multaj fotoj: produkta karto, kategorio, bloga artikolo, portfolio.
  3. Alklaku "Kontroli" kaj atendu ĝis ĉiuj bildoj estos skanitaj.
  4. Vidu la rangigon kaj liston de komentoj por ĉiu bildo.
  5. Bonvolu solvi la problemojn kaj kontroli la paĝon denove.

Jen kiel aspektas la ilpaĝo: adreskampo, listo de kontroloj kaj Oftaj Demandoj.

Senpaga paĝo de PromoPilot por kontroli bildojn SEO: URL-kampo, alt-kontrolo, maldiligenta ŝarĝado, WebP/AVIF, kaj srcset

Kiel oni kalkulas la rangigon kaj kion oni devas korekti unue?

La rangigo komenciĝas je 100 poentoj, kaj punoj estas subtrahataj por ĉiu problemo, depende de la procento de bildoj sur la paĝo kiuj malsukcesas ĝin. Sciante la regulojn, estas facile eltrovi kio donos la plej grandan plibonigon.

Ekzameno Bone Komento
Alt Malpli ol 50% de bildoj kun alt-klavo — -30; malpli ol 80% — -15; malpli ol 100% — -5 La plej grava punkto
Malrapida ŝarĝado malpli ol 50% - −15; malpli ol 80% - −8 La unuaj tri bildoj ne estas konsiderataj
Larĝo kaj alto malpli ol 50% - −15; malpli ol 80% - −8 Nur-CSS-dimensioj ne estas konsiderataj.
WebP, AVIF, aŭ SVG malpli ol 30% - 10 La formato estas determinita de la finaĵo
Srcset por rastrumaj bildoj malpli ol 30% - 10 SVG ne bezonas srcset

Jen estas mia laborordono:

  1. Alt. La plej multekosta objekto kaj la plej facile riparebla. Skribu kio estas montrita: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", ne alt="рюкзак купить дёшево рюкзак". Por ornamaj elementoj, uzu malplenan alt="".
  2. Larĝo kaj alto. Specifu la faktajn dimensiojn en la atributoj, kaj aldonu img { max-width: 100%; height: auto; } al la CSS — la bildo restos respondema, kaj la aranĝo ĉesos salti.
  3. Maldiligenta ŝarĝado validas por ĉio sub la faldo. Tamen, ĝi malutilas al la heroa bildo: ĝi devas esti ŝarĝita tuj kaj prioritate.
  4. WebP aŭ AVIF. WordPress subtenas WebP-alŝutojn ekde versio 5.8, kaj AVIF ekde versio 6.5.
  5. Srcset por grandaj fotoj, por ke la telefono ne elŝutu la monitoran version.

Ekzemplo de taŭga ĉefa bildo kaj adaptiĝema foto en la 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">

Kiel skribi bonan alt-etikedon por bildo?

La alt-etikedo estas la plej grava elemento de taksado, kaj tie plej ofte oni faras erarojn: aŭ lasi ĝin malplena aŭ plenigi ĝin per ŝlosilvortoj. Simpla regulo: priskribu la bildon al iu, kiu ne povas vidi ĝin, en unu frazo.

Bildo Malbona alt Bona alt
Produkta foto рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Teama foto photo1 Мастера мастерской Nord за работой над сумкой
Diagramo aŭ diagramo график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Ornama ikono иконка malplena alt="" — ne necesas legi ĝin

Por katalogo, estas oportune krei alt-etikedojn uzante ŝablonon: produktonomo + koloro aŭ variaĵo + angulo. Tiel, kvin fotoj sur unu karto havos kvin malsamajn, utilajn priskribojn, anstataŭ kvin identajn.

La dosiernomo ankaŭ gravas: kozhanyj-ryukzak-nord-korichnevyj.webp estas pli bona ol IMG_4512.jpg. Ne utilas renomi malnovajn dosierojn nur por tio, sed alŝutu novajn kun priskribaj nomoj.

Komparo: Bilda SEO-Kontrolilo kaj Alternativoj

Ilo Kio estas senpaga? Restriktoj Por kiu ĝi taŭgas?
PromoPilot — Bilda SEO-Kontrolilo Alt, maldiligenta ŝarĝado, larĝo/alto, formatoj, srcset; rangigo 0–100 kaj komentoj por ĉiu bildo Ĝis 100 bildoj, dosiergrandeco ne estas taksita Rapide analizi bildojn de iu ajn paĝo
Google PageSpeed Insights Bildaj revizioj kiel parto de la rapidtesto: formato, grandeco, maldiligenta ŝarĝado Miksite kun dekoj da aliaj kontroloj, alt apenaŭ komprenas Takso de la efiko de bildoj sur rapideco
Skuŝ Kunpremi kaj konverti unuopan bildon en retumilo Ne kontrolas la paĝon, funkcias kun dosieroj Preparado de individuaj bildoj
Krianta Rano SEO Araneo Listo de bildoj sen alt-teksto tra la tuta retejo Instalo estas necesa, la senpaga versio havas limon de adresoj Alt-revizio sur centoj da paĝoj

Konkludo: Interreta kontrolilo montras kio estas malĝusta kun la bildoj sur specifa paĝo, PageSpeed montras kiom ĝi kostas laŭ rapideco, kaj Squoosh aŭ konvertilo helpas ripari la dosierojn mem.

PromoPilot havas 87 senpagajn SEO-ilojn, inkluzive de bildkunprema ilo kaj WebP-konvertilo, kiuj funkcias rekte en la retumilo, sen alŝuti dosierojn al la servilo. Por kompreni la ĝeneralan paĝograndecon, legu nian artikolon en nia serio pri paĝrapida analizo.

Kion bildkonfirmo ne vidas?

Ni estu honestaj pri la limoj de la ilo — gravas koni ilin por ĝuste interpreti la rangigon:

  • Dosiergrandeco ne estas konsiderata — bildoj ne estas elŝutataj; la formato estas determinita de la finaĵo.
  • <picture> ne estas analizita: JPG en <img> estos etikedita eĉ se apud ĝi estas AVIF aŭ WebP en <source>.
  • Fonbildoj el CSS kaj bildoj aldonitaj per JavaScript ne estas inkluzivitaj en la raporto.
  • Dimensioj specifitaj nur en CSS ne estas konsiderataj.
  • Paĝo sen eĉ unu <img> ricevas 50 poentojn - tio ne estas "duono de la eraroj", sed "nenio por taksi".

Kiam senpaga ilo ne sufiĉas?

Bildoj antaŭ kaj post optimumigo: malplenaj alt-dosieroj kaj pezaj JPG-oj kontraŭ priskriboj, WebP, specifitaj dimensioj kaj srcset

Korekti la alt-tekston sur unu sola paĝo daŭras dek minutojn. Sed se la vendejo havas kvin mil produktojn, estas neeble fari ĝin permane. Vi bezonas specialiston se:

  • alt devus esti generita aŭtomate el la nomo, koloro kaj angulo por la tuta katalogo;
  • bildoj estas ŝargitaj de la fotilo sen kunpremo, kaj aŭtomata dukto estas bezonata: kunpremo, WebP, pluraj grandecoj;
  • La reteja temo montras fotojn sen larĝo, alto kaj srcset, kaj la ŝablono bezonas esti korektita;
  • Ĉu vi volas akiri trafikon de Google Bildoj por produktaj serĉoj?

Kion mi povas fari por via retejo?

Mi estas Valerij Danyuk, programisto kaj SEO-specialisto kun 12 jaroj da sperto kaj pli ol 200 klientoj, inkluzive de multaj interretaj vendejoj kun miloj da fotoj.

SEO kaj revizio

Butikoj kaj katalogoj

Kontado kaj aŭtomatigo

Sendu al mi ligilon al la produkta karto en Telegram - mi diros al vi kiom vi povas gajni surbaze de la bildoj.

Rezulto

  1. La reta SEO-bildkontrolilo analizas ĝis 100 bildojn sur paĝo kaj asignas poentaron de 0 ĝis 100, kune kun komentoj por ĉiu.
  2. La plej multajn poentojn donas al *alt* kaj *width/height* dimensioj, sekvataj de *maldiligenta ŝarĝado*, *WebP/AVIF* kaj *srcset*.
  3. La ĉefa bildo ne bezonas maldiligentan ŝargadon - ĝi bezonas fetchpriority="high".
  4. Por grandaj katalogoj, foto-prilaborado estas aŭtomatigita — aŭ platformo estas elektita kie tio jam estas farita, ekzemple, 1001site.

Kontrolu la plej pezan paĝon de via retejo per la senpaga Image SEO Checker — komencu per la alt-klavo.

Fontoj

  • La paĝo pri Bilda SEO-Kontrolilo de PromoPilot - kontroloj, taksaj reguloj, limigoj kaj Oftaj Demandoj.
  • Google Search Central - Bildrekomendoj por serĉado.
  • Google PageSpeed Insights kaj Squoosh - Priskriboj de Trajtoj.

Referencoj kaj fontoj

Demandoj kaj Respondoj

Kial alt-etikedoj gravas por SEO?

Alt-teksto priskribas la bildon por serĉiloj kaj ekranlegiloj por blinduloj. Google Bildoj uzas alt-tekston por rangigaj celoj, kaj sur la paĝo, ĝi helpas klarigi la enhavon de la foto. Dekoraciaj elementoj povas esti lasitaj kun malplena alt="".

Kiel bildgrandeco influas Core Web Vitals?

Grandaj bildoj malrapidigas la LCP-on — la bildigan tempon de la plej granda elemento sur la unua ekrano, kiu ofte estas foto. Modernaj WebP kaj AVIF-formatoj, kunpremo, ĝustaj dimensioj kaj srcset ĉiuj helpas, same kiel evitado de maldiligenta ŝarĝado kaj agordado de alta ŝarĝprioritato por la ĉefa bildo.

Ĉu la ilo kontrolas la pezon de la dosiero?

Ne. La ilo ne elŝutas bildojn, do ĝi ne taksas la dosiergrandecon; ĝi determinas la formaton laŭ la finaĵo. Por ekscii la grandecon de bildoj kaj la tuta paĝo, uzu Page Speed Analysis aŭ PageSpeed Insights.

Ni kontrolis la retejon, sed ĉu neniu riparas ĝin?

Ĉi tiu senpaga ilo malkaŝas problemojn. Mi analizos la raporton, prioritatigos kaj riparos ilin: SEO-audito, rapidigo, markado kaj migrado al nova retejo sen perdi rangojn.