I-Telegram, i- WhatsApp+380637610482
UValery Danyuk
UValery DanyukunjiniyelaUkuthuthukisa amathuluzi e-AI amabhizinisi. Ikhwalithi ephezulu. Ingabizi.Thumela ku-Telegram

Isihloli se-SEO Sezithombe Esiku-inthanethi: I-Alt, Ukulayisha Okuvilaphayo, I-WebP, kanye ne-Srcset - Okufanele Kulungiswe

Ukuhlolwa kwe-SEO yesithombe ku-inthanethi: i-alt, ukulayisha okuvilaphayo, i-WebP, kanye ne-srcset, isilinganiso esingu-0–100 sesithombe ngasinye

Lokho ozokuthola

  • Isilinganiso esingu-0–100 kanye namazwana esithombeni ngasinye ekhasini: i-alt, ukulayisha okuvilaphayo, ububanzi/ukuphakama, i-WebP/AVIF, i-srcset — mahhala
  • Ukuqonda ukuthi amaphuzu akho abalwa kanjani nokuthi yikuphi ukuhlela okuzokuthuthukisa ngokushesha okukhulu
  • Izibonelo zekhodi ezilungiselelwe zesithombe esiyinhloko, izithombe eziphendulayo, kanye namathegi e-alt
Faka isicelo: ngemizuzu eyi-15Ilondoloza: Ithrafikhi yezithombe Google kanye nezikhathi zokulayisha efonini yakho

Impendulo emfushane: ukuhlola izithombe ekhasini le-SEO, namathisela i-URL yayo ku- PromoPilot's SEO Image Checker yamahhala. Ithuluzi lizohlaziya amathegi angu-100 <img>: ukuthi kukhona i-alt tag, ukuthi ngabe loading="lazy" isethiwe, ukuthi ububanzi nokuphakama kusethiwe, ukuthi ngabe i-WebP, i-AVIF, noma i-SVG iyasetshenziswa, nokuthi ngabe kukhona i-srcset. Umphumela uba amaphuzu asukela ku-0 kuya ku-100 kanye namazwana esithombeni ngasinye. Ngezansi uzothola ukuthi amaphuzu abalwa kanjani, ukuthi yini okufanele uyilungise kuqala, nokuthi yini ithuluzi elingakuboni.

Bengilokhu ngakha amawebhusayithi nezitolo iminyaka eyi-12, futhi izithombe ziyimbangela eyinhloko cishe kuzo zonke. Ikhadi lomkhiqizo elijwayelekile: izithombe ezinhlanu ezingama-3MB ngqo kusuka kukhamera, umbhalo ongenalutho, kanye negama lefayela yi- IMG_4512.jpg.

Yini ehlolwa yi-Image SEO Check?

Ithuluzi libheka isithombe ngasinye ekhasini ngokusekelwe ezicini ezinhlanu bese lizihlanganisa ndawonye ukuze kwakheke amaphuzu aphelele.

Yini ehlolayo? Ubhekeni? Kungani lokhu kubalulekile ku-SEO kanye nebhizinisi?
I-Alt Ingabe kukhona incazelo yombhalo ye- <img> Izithombe Google zilinganiswa ngokufinyelela okubanzi kwabangaboni
Ukulayisha okuvilaphayo Isici loading="lazy" sisetshenziswa ezithombeni ezingezansi kwesikrini sokuqala. Ikhasi alilayishi lutho isivakashi esingakaskroli kulo okwamanje.
Ububanzi nokuphakama Ingabe ubukhulu buchazwe ezimfanelweni zethegi? Amabhulokhi "awagxumi" uma kulayishwa - lokhu kuyi-metric ye-CLS
Ifomethi I-WebP, i-AVIF, noma i-SVG ngokwesandiso sefayela Amafomethi esimanje mancane kakhulu kune-JPG ne-PNG.
I-Srcset Ingabe kukhona izinketho zezithombe zezikrini ezahlukene? Ucingo luthola ifayela elincane, hhayi inguqulo yesikrini.

Isithombe ngasinye sithola uhlu lwamazwana, futhi ikhasi lithola amaphuzu okugcina. Lokhu kulula: awukwazi ukubona nje ukuthi yini engalungile, kodwa nokuthi yisiphi isithombe esinephutha.

Ungazihlola kanjani izithombe kuwebhusayithi eku-inthanethi?

Hlola izithombe ngezinyathelo ezine: namathisela i-URL, linda izithombe ezifika ku-100 ukuthi ziskenwe, buka isilinganiso, bese ulungisa noma yikuphi ukuphawula.

  1. Vula Isihloli se-SEO Sesithombe.
  2. Faka ikheli lekhasi, okungcono kube yilelo elinezithombe eziningi: ikhadi lomkhiqizo, isigaba, isihloko sebhulogi, iphothifoliyo.
  3. Chofoza okuthi "Hlola" bese ulinda ukuthi zonke izithombe ziskeniwe.
  4. Buka isilinganiso kanye nohlu lwamazwana esithombe ngasinye.
  5. Sicela ulungise izinkinga bese uhlola ikhasi futhi.

Nakhu ukuthi ikhasi lamathuluzi libukeka kanjani: inkambu yekheli, uhlu lokuhlola kanye ne-FAQ.

Ikhasi lamahhala le-PromoPilot le-Image SEO Checker: inkambu ye-URL, ukuhlola okuqondile, ukulayisha okuvilaphayo, i-WebP/AVIF, kanye ne-srcset

Isilinganiso sibalwa kanjani futhi yini okufanele ilungiswe kuqala?

Isilinganiso siqala kumaphuzu ayi-100, futhi izinhlawulo ziyasuswa ngodaba ngalunye, kuye ngephesenti lezithombe ekhasini ezingaphumeleli. Ukwazi imithetho, kulula ukuthola ukuthi yini ezoletha umfutho omkhulu.

Ukuhlolwa Kuhle Amazwana
I-Alt Ngaphansi kuka-50% wezithombe ezine-alt — -30; ngaphansi kuka-80% — -15; ngaphansi kuka-100% — -5 Iphuzu elibaluleke kakhulu
Ukulayisha okuvilaphayo ngaphansi kuka-50% - −15; ngaphansi kuka-80% - −8 Izithombe ezintathu zokuqala azicatshangelwa
Ububanzi nokuphakama ngaphansi kuka-50% - −15; ngaphansi kuka-80% - −8 Ubukhulu be-CSS kuphela abucatshangelwa.
I-WebP, i-AVIF, noma i-SVG ngaphansi kuka-30% - 10 Ifomethi inqunywa yisandiso
I-Srcset yezithombe ze-raster ngaphansi kuka-30% - 10 I-SVG ayidingi i-srcset

Nansi i-oda lami lomsebenzi:

  1. Okunye. Into ebiza kakhulu futhi elula ukuyilungisa. Bhala okubonisiwe: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", hhayi alt="рюкзак купить дёшево рюкзак". Ukuze uthole izinto zokuhlobisa, sebenzisa i alt="" engenalutho.
  2. Ububanzi nokuphakama. Cacisa ubukhulu bangempela ezimpawini, bese ufaka img { max-width: 100%; height: auto; } ku-CSS—isithombe sizohlala siphendula, futhi ukwakheka kuzoyeka ukugxumagxuma.
  3. Ukulayisha okuvilaphayo kusebenza kukho konke okungaphansi kwesibaya. Kodwa-ke, kuyingozi esithombeni seqhawe: kudinga ukulayishwa ngokushesha futhi kube yinto eza kuqala.
  4. I-WebP noma i-AVIF. WordPress isekele ukulayishwa kwe-WebP kusukela kunguqulo 5.8, kanye ne-AVIF kusukela kunguqulo 6.5.
  5. Setha kabusha izithombe ezinkulu ukuze ifoni ingalandi inguqulo yesikrini.

Isibonelo sesithombe esiyinhloko esifanele kanye nesithombe esivumelana nezimo embhalweni:

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

Ungabhala kanjani ithegi elihle le-alt lesithombe?

Ithegi ye-alt iyinto ebaluleke kakhulu yokuhlola, futhi yilapho amaphutha evame ukwenziwa khona: kungaba ukuyishiya ingenalutho noma ukuyigcwalisa ngamagama angukhiye. Umthetho olula: chazela umuntu ongasiboni isithombe ngomusho owodwa.

Isithombe I-alt embi I-alt enhle
Isithombe somkhiqizo рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Isithombe seqembu photo1 Мастера мастерской Nord за работой над сумкой
Umdwebo noma ishadi график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Isithonjana sokuhlobisa иконка engenalutho alt="" — asikho isidingo sokuyifunda

Kukhathalogi, kulula ukudala amathegi e-alt usebenzisa ithempulethi: igama lomkhiqizo + umbala noma uhlobo + i-engeli. Ngale ndlela, izithombe ezinhlanu ekhadini elilodwa zizoba nezincazelo ezinhlanu ezihlukene neziwusizo, kunezinhlanu ezifanayo.

Igama lefayela libalulekile futhi: kozhanyj-ryukzak-nord-korichnevyj.webp lingcono kune IMG_4512.jpg. Akunangqondo ukuqamba kabusha amafayela amadala ngenxa yalokhu nje, kodwa layisha amasha anamagama achazayo.

Ukuqhathanisa: Isihloli se-SEO Sesithombe kanye Nezinye Izindlela

Ithuluzi Yini yamahhala? Imikhawulo Ifanelekela bani?
I-PromoPilot — Isihloli se-SEO sesithombe I-Alt, ukulayisha okuvilaphayo, ububanzi/ukuphakama, amafomethi, i-srcset; isilinganiso 0–100 kanye namazwana esithombe ngasinye Kufika ku-100 mg, usayizi wefayela awulinganiswa Hlaziya ngokushesha izithombe kunoma yiliphi ikhasi
Google PageSpeed Insights Ukuhlolwa kwesithombe njengengxenye yokuhlolwa kwesivinini: ifomethi, usayizi, ukulayisha okuvilaphayo Kuhlanganiswe nezinye izivivinyo eziningi, kodwa akuqondi kahle Ukuhlola umthelela wezithombe esivinini
I-Squoosh Cindezela bese uguqula isithombe esisodwa kusiphequluli Ayihloli ikhasi, isebenza ngamafayela Ukulungiselela izithombe ngazinye
Isicabucabu se-SEO esimemezayo Uhlu lwezithombe ezingenawo umbhalo ohlukile kulo lonke isayithi Ukufakwa kuyadingeka, inguqulo yamahhala inomkhawulo kumakheli Ukuhlolwa kwe-Alt kumakhasi angamakhulu

Isiphetho: Isihloli esiku-inthanethi sibonisa ukuthi yini engalungile ngezithombe ekhasini elithile, i-PageSpeed ikhombisa ukuthi kubiza malini ngesivinini, kanti i-Squoosh noma i-converter iyasiza ukulungisa amafayela ngokwawo.

I-PromoPilot inamathuluzi e-SEO angu-87 amahhala, okuhlanganisa ithuluzi lokucindezela isithombe kanye nesiguquli se-WebP esisebenza ngqo kusiphequluli, ngaphandle kokulayisha amafayela kuseva. Ukuze uqonde usayizi wekhasi uwonke, hlola isihloko sethu ochungechungeni lwethu lokuhlaziya isivinini sekhasi.

Yini engabonakali ekuqinisekisweni kwesithombe?

Masibe qotho ngemikhawulo yethuluzi—kubalulekile ukulazi ukuze sichaze ngokunembile isilinganiso:

  • Usayizi wefayela awucatshangelwa — izithombe azilandiwe; ifomethi inqunywa yisandiso.
  • Ithegi <picture> ayihlaziywe: I-JPG ku- <img> izofakwa ithegi noma ngabe kukhona i-AVIF noma i-WebP ku- <source> eduze kwayo.
  • Izithombe zangemuva ezivela ku-CSS kanye nezithombe ezingezwe yi-JavaScript azifakiwe embikweni.
  • Ubukhulu obuchazwe ku-CSS kuphela abucatshangelwa.
  • Ikhasi elingenayo i- <img> eyodwa lithola amaphuzu angu-50 - lokhu akuyona "ingxenye yamaphutha", kodwa "akukho okufanele ukukale".

Kunini lapho ithuluzi lamahhala linganele khona?

Izithombe ngaphambi nangemva kokwenza ngcono: i-alt engenalutho kanye nama-JPG asindayo uma kuqhathaniswa nezincazelo, i-WebP, ubukhulu obucacisiwe, kanye ne-srcset

Ukulungisa umbhalo we-alt ekhasini elilodwa kuthatha imizuzu eyishumi. Kodwa uma isitolo sinemikhiqizo eyizinkulungwane ezinhlanu, akunakwenzeka ukukwenza ngesandla. Udinga uchwepheshe uma:

  • i-alt kufanele ikhiqizwe ngokuzenzakalelayo kusukela egameni, umbala kanye ne-engeli yalo lonke ikhathalogi;
  • izithombe zilayishwa kusuka kukhamera ngaphandle kokucindezelwa, futhi kudingeka ipayipi elizenzakalelayo: ukucindezelwa, i-WebP, osayizi abaningi;
  • Itimu yewebhusayithi ibonisa izithombe ezingenabo ububanzi, ukuphakama, kanye ne-srcset, futhi ithempulethi idinga ukulungiswa;
  • Ufuna ukuthola ithrafikhi evela ku Google Images yemibuzo yomkhiqizo?

Yini engingayenza ngewebhusayithi yakho?

NginguValeriy Danyuk, unjiniyela kanye nochwepheshe we-SEO onolwazi lweminyaka eyi-12 kanye namakhasimende angaphezu kwama-200, kufaka phakathi izitolo eziningi eziku-inthanethi ezinezinkulungwane zezithombe.

I-SEO kanye nokuhlolwa kwezimali

Izitolo namakhathalogi

Ukubalwa kwezimali kanye nokwenza izinto ngokuzenzakalela

Ngithumelele isixhumanisi sekhadi lomkhiqizo ku- Telegram - ngizokutshela ukuthi ungawina malini ngokusekelwe ezithombeni.

Umphumela

  1. I-SEO image checker eku-inthanethi ihlaziya izithombe ezifika ku-100 ekhasini bese inika amaphuzu kusukela ku-0 kuya ku-100, kanye nokuphawula kwesithombe ngasinye.
  2. Amaphuzu amaningi anikezwa ubukhulu be-alt kanye nobubanzi/ukuphakama, kulandelwe ukulayisha okuvilaphayo, i-WebP/AVIF kanye ne-srcset.
  3. Isithombe esiyinhloko asidingi ukulayisha ngobuvila - sidinga fetchpriority="high".
  4. Kumakhathalogi amakhulu, ukucutshungulwa kwezithombe kwenziwa ngokuzenzakalela—noma kukhethwa ipulatifomu lapho lokhu sekuvele kwenziwe khona, isibonelo, 1001site.

Hlola ikhasi elinzima kakhulu lesayithi lakho nge -Image SEO Checker yamahhala —qala nge-alt.

Imithombo

  • Ikhasi Lokuhlola I-SEO Yesithombe se-PromoPilot - amasheke, imithetho yokuhlola, imikhawulo, kanye ne-FAQ.
  • Google Search Central - Izincomo zesithombe zokusesha.
  • Google PageSpeed Insights kanye ne-Squoosh - Izincazelo Zezici.

Izinkomba kanye nemithombo

Imibuzo Nezimpendulo

Kungani ama-alt tag ebalulekile ku-SEO?

Umbhalo we-Alt uchaza isithombe sezinjini zokusesha kanye nabafundi besikrini bezimpumputhe. Izithombe ze Google zisebenzisa umbhalo we-alt ngezinjongo zokubeka ezingeni, futhi ekhasini, kuyasiza ukuchaza okuqukethwe kwesithombe. Izinto zokuhlobisa zingashiywa ne-alt=" engenalutho.

Usayizi wesithombe uthinta kanjani i-Core Web Vitals?

Izithombe ezinkulu zinciphisa ijubane le-LCP—isikhathi sokuboniswa kwento enkulu kunazo zonke esikrinini sokuqala, okuvame ukuba isithombe. Amafomethi e-WebP ne-AVIF yesimanje, ukucindezelwa, ubukhulu obufanele, kanye ne-srcset konke kuyasiza, njengoba kunjalo nokugwema ukulayisha okuvilaphayo nokubeka kuqala ukulayisha okuphezulu kwesithombe esiyinhloko.

Ingabe ithuluzi lihlola isisindo sefayela?

Cha. Ithuluzi alilandi izithombe, ngakho alilinganisi usayizi wefayela; linquma ifomethi ngokusekelwe kusandiso. Ukuze uthole usayizi wezithombe kanye nekhasi lonke, sebenzisa i-Page Speed Analysis noma i-PageSpeed Insights.

Sihlole iwebhusayithi, kodwa akekho ozoyilungisa?

Leli thuluzi lamahhala lembula izinkinga. Ngizohlaziya umbiko, ngibeke phambili, futhi ngizilungise: ukuhlolwa kwe-SEO, ukusheshisa, ukuphawula, kanye nokuthuthela kusayithi elisha ngaphandle kokulahlekelwa amazinga.