Teileagram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukleasaicheA’ leasachadh innealan AI do ghnìomhachasan. Àrd-inbhe. Aig prìs reusanta.Sgrìobh gu Telegram

Neach-dearbhaidh SEO Ìomhaigh Air-loidhne: Alt, Lazy Loading, WebP, agus Srcset - Dè a bu chòir a chàradh

Sgrùdadh SEO ìomhaigh air-loidhne: alt, luchdachadh leisg, WebP, agus srcset, rangachadh 0–100 airson gach ìomhaigh

Na gheibh thu

  • Rangachadh 0–100 agus beachdan air gach ìomhaigh air an duilleag: alt, luchdachadh leisg, leud/àirde, WebP/AVIF, srcset — an-asgaidh
  • A’ tuigsinn mar a thèid an sgòr agad obrachadh a-mach agus dè na h-atharrachaidhean a leasaicheas e as luaithe
  • Eisimpleirean còd deiseil airson a’ phrìomh ìomhaigh, ìomhaighean freagairteach, agus tagaichean alt
Cuir a-steach: ann an 15 mionaideanSàbhalaidhean: Trafaic agus amannan luchdachadh Google Images air an fhòn agad

Am freagairt ghoirid: gus sùil a thoirt air ìomhaighean air duilleag airson SEO, cuir a URL a-steach do Sgrùdaiche Ìomhaigh SEO an-asgaidh aig PromoPilot. Nì an inneal sgrùdadh air suas ri 100 taga <img>: a bheil taga alt ann, a bheil loading="lazy" air a shuidheachadh, a bheil an leud agus an àirde air an suidheachadh, a bheil WebP, AVIF, no SVG air an cleachdadh, agus a bheil srcset ann. Is e an toradh sgòr bho 0 gu 100 agus beachdan air gach ìomhaigh. Gu h-ìosal gheibh thu mar a thèid an sgòr obrachadh a-mach, dè a dh'fheumar a chàradh an toiseach, agus dè nach fhaic an inneal.

Tha mi air a bhith a’ togail làraichean-lìn agus stòran airson 12 bliadhna, agus is e ìomhaighean am prìomh bhacadh anns cha mhòr a h-uile gin dhiubh. Cairt toraidh àbhaisteach: còig dealbhan 3MB dìreach bhon chamara, teacsa alt bàn, agus ainm an fhaidhle IMG_4512.jpg.

Dè a bhios an Sgrùdadh SEO Ìomhaigh a’ sgrùdadh?

Bidh an inneal a’ coimhead air gach ìomhaigh air an duilleag stèidhichte air còig slatan-tomhais agus gan cur ri chèile gus sgòr iomlan a chruthachadh.

Dè a bhios e a’ sgrùdadh? Dè tha e a’ coimhead air? Carson a tha seo cudromach airson SEO agus gnìomhachas?
Alt A bheil tuairisgeul teacsa ann airson gach <img> Rangachadh Google Images a rèir alt; ruigsinneachd do dhaoine dalla
Luchdadh leisg Tha an feart loading="lazy" air a chur an sàs ann an ìomhaighean fon chiad sgrion. Chan eil an duilleag a’ luchdachadh rud sam bith nach do sgrolaich an neach-tadhail thuige fhathast.
Leud agus àirde A bheil na tomhasan air an sònrachadh ann am feartan an taga? Chan eil blocaichean a’ “leum” nuair a bhios iad gan luchdachadh - is e meatrach CLS a tha seo
Cruth WebP, AVIF, no SVG a rèir leudachadh faidhle Tha cruthan an latha an-diugh gu math nas lugha na JPG agus PNG.
Srcset A bheil roghainnean ìomhaighean ann airson diofar scrionaichean? Gheibh am fòn am faidhle beag, chan e an dreach sgrùdaidh.

Gheibh gach ìomhaigh liosta de bheachdan, agus gheibh an duilleag sgòr deireannach. Tha seo goireasach: chì thu chan e a-mhàin dè tha ceàrr, ach cuideachd dè an ìomhaigh a tha ceàrr.

Ciamar a nì thu sgrùdadh air ìomhaighean air làrach-lìn air-loidhne?

Thoir sùil air na h-ìomhaighean ann an 4 ceumannan: cuir a-steach an URL, feith gus an tèid suas ri 100 ìomhaigh a sganadh, faic an rangachadh, agus ceartaich beachdan sam bith.

  1. Fosgail Neach-dearbhaidh SEO Ìomhaighean.
  2. Cuir a-steach seòladh na duilleige, fear le mòran dhealbhan mas fheàrr: cairt toraidh, roinn-seòrsa, artaigil blog, pasgan-obrach.
  3. Briog air “Thoir sùil” agus feith gus an tèid na h-ìomhaighean uile a sganadh.
  4. Seall an rangachadh agus liosta nam beachdan airson gach ìomhaigh.
  5. Feuch an cuir thu ceart na duilgheadasan agus thoir sùil air an duilleag a-rithist.

Seo mar a tha duilleag an inneil a’ coimhead: raon seòlaidh, liosta de sgrùdaidhean agus Ceistean Cumanta

Duilleag Sgrùdaidh SEO Ìomhaigh an-asgaidh aig PromoPilot: raon URL, sgrùdadh alt, luchdachadh leisg, WebP/AVIF, agus srcset

Ciamar a thèid an rangachadh obrachadh a-mach agus dè a bu chòir a cheartachadh an toiseach?

Bidh an rangachadh a’ tòiseachadh aig 100 puing, agus thèid peanasan a thoirt air falbh airson gach cùis, a rèir na ceudad de dhealbhan air an duilleag a dh’ fhailicheas air. Le fios air na riaghailtean, tha e furasta obrachadh a-mach dè a bheir an àrdachadh as motha.

Sgrùdadh Ceart gu leòr Beachd
Alt Nas lugha na 50% de dhealbhan le alt — -30; nas lugha na 80% — -15; nas lugha na 100% — -5 Am puing as cudromaiche
Luchdadh leisg nas lugha na 50% - −15; nas lugha na 80% - −8 Chan eil na trì dealbhan a’ chiad air an toirt fa-near
Leud agus àirde nas lugha na 50% - −15; nas lugha na 80% - −8 Chan eil tomhasan CSS a-mhàin air an toirt fa-near.
WebP, AVIF, no SVG nas lugha na 30% - -10 Tha an cruth air a dhearbhadh leis an leudachadh
Srcset airson ìomhaighean raster nas lugha na 30% - -10 Chan eil feum aig SVG air srcset

Seo an òrdugh-obrach agam:

  1. Alt. An rud as daoire agus as fhasa a chàradh. Sgrìobh na tha air a shealltainn: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", chan e alt="рюкзак купить дёшево рюкзак". Airson eileamaidean sgeadachaidh, cleachd alt="" falamh.
  2. Leud agus àirde. Sònraich na tomhasan fhèin anns na buadhan, agus cuir img { max-width: 100%; height: auto; } ris a’ CSS—fuirichidh an ìomhaigh freagairteach, agus sguiridh an cruth de bhith a’ leum.
  3. Tha luchdachadh leisg a’ buntainn ri a h-uile rud fon phasgan. Ach, tha e cronail don ìomhaigh ghaisgich: feumar a luchdachadh sa bhad agus le prìomhachas.
  4. WebP no AVIF. Tha WordPress air taic a thoirt do luchdachadh suas WebP bho dhreach 5.8, agus AVIF bho dhreach 6.5.
  5. Srcset airson dealbhan mòra gus nach luchdaich am fòn sìos an dreach sgrùdaidh.

Eisimpleir de phrìomh ìomhaigh cheart agus dealbh atharrachail anns an teacsa:

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

Ciamar a sgrìobhas tu tag alt math airson ìomhaigh?

’S e an taga alt an eileamaid as cudromaiche ann am measadh, agus ’s ann an sin a thèid mearachdan a dhèanamh as trice: an dàrna cuid ga fhàgail bàn no ga lìonadh le prìomh fhaclan. Riaghailt shìmplidh: thoir cunntas air an ìomhaigh do chuideigin nach fhaic e ann an aon seantans.

Dealbh Droch alt Math alt
Dealbh toraidh рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Dealbh sgioba photo1 Мастера мастерской Nord за работой над сумкой
Diagram no cairt график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Ìomhaigh sgeadachaidh иконка falamh alt="" — chan eil feum air a leughadh

Airson catalog, tha e goireasach tagaichean alt a chruthachadh le bhith a’ cleachdadh teamplaid: ainm toraidh + dath no caochladh + ceàrn. San dòigh seo, bidh còig tuairisgeulan eadar-dhealaichte, feumail aig còig dealbhan air aon chairt, seach còig tuairisgeulan co-ionann.

Tha ainm an fhaidhle cudromach cuideachd: tha kozhanyj-ryukzak-nord-korichnevyj.webp nas fheàrr na IMG_4512.jpg. Chan eil puing ann a bhith ag ath-ainmeachadh seann fhaidhlichean dìreach airson seo, ach luchdaich suas feadhainn ùra le ainmean tuairisgeulach.

Coimeas: Neach-dearbhaidh SEO Ìomhaigh agus Roghainnean Eile

Inneal Dè tha an-asgaidh? Cuingealachaidhean Cò dha a tha e freagarrach?
PromoPilot — Neach-dearbhaidh SEO Ìomhaighean Alt, luchdachadh leisg, leud/àirde, cruthan, srcset; rangachadh 0–100 agus beachdan airson gach ìomhaigh Suas ri 100 ìomhaigh, chan eil meud faidhle air a thomhas Dèan mion-sgrùdadh luath air ìomhaighean bho dhuilleag sam bith
Lèirsinn Google PageSpeed Sgrùdaidhean ìomhaighean mar phàirt den deuchainn astair: cruth, meud, luchdachadh leisg Measgaichte le dusanan de sgrùdaidhean eile, is gann gun tuig alt A’ measadh buaidh ìomhaighean air astar
Squoosh Dèan teannachadh agus tionndaidh aon ìomhaigh ann am brabhsair Chan eil e a’ sgrùdadh na duilleige, ag obair le faidhlichean A’ deasachadh ìomhaighean fa leth
Damhan-allaidh SEO Losgann Sgreuchail Liosta de dhealbhan às aonais teacsa alt air feadh an làraich Feumar an stàladh, tha crìoch air seòlaidhean aig an dreach an-asgaidh Sgrùdadh alt air ceudan de dhuilleagan

Co-dhùnadh: Tha inneal-sgrùdaidh air-loidhne a’ sealltainn dè tha ceàrr air na h-ìomhaighean air duilleag shònraichte, tha PageSpeed a’ sealltainn dè a chosgas e ann an astar, agus tha Squoosh no inneal-tionndaidh a’ cuideachadh le bhith a’ càradh nan faidhlichean fhèin.

Tha 87 inneal SEO an-asgaidh aig PromoPilot, nam measg inneal teannachaidh ìomhaighean agus inneal-tionndaidh WebP a bhios ag obair gu dìreach sa bhrobhsair, gun faidhlichean a luchdachadh suas chun an fhrithealaiche. Gus tuigse fhaighinn air meud iomlan na duilleige, thoir sùil air an artaigil againn anns an t-sreath mion-sgrùdaidh astar duilleige againn.

Dè nach fhaic dearbhadh ìomhaigh?

Biodh sinn onarach mu chrìochan an inneil—tha e cudromach fios a bhith againn orra gus an rangachadh a mhìneachadh gu ceart:

  • Chan eil meud faidhle air a ghabhail a-steach — chan eil ìomhaighean air an luchdachadh sìos; tha an cruth air a dhearbhadh leis an leudachadh.
  • Chan eil <picture> air a pharsadh: thèid JPG ann an <img> a chomharrachadh eadhon ged a tha AVIF no WebP anns <source> ri thaobh.
  • Chan eil ìomhaighean cùl-fhiosrachaidh bho CSS agus ìomhaighean a chaidh a chur ris le JavaScript air an gabhail a-steach san aithisg.
  • Chan eil tomhasan a tha air an sònrachadh ann an CSS a-mhàin air an toirt fa-near.
  • Gheibh duilleag às aonais aon <img> 50 puing - chan e seo "leth nam mearachdan", ach "gun dad ri mheas".

Cuin nach eil inneal an-asgaidh gu leòr?

Dealbhan ro agus às dèidh an leasachadh: JPGan alt falamh agus trom an aghaidh tuairisgeulan, WebP, tomhasan sònraichte, agus srcset

Bheir e deich mionaidean an teacsa alt a cheartachadh air aon duilleag. Ach ma tha còig mìle toradh aig a’ bhùth, chan urrainn dhut a dhèanamh le làimh. Feumaidh tu eòlaiche ma tha:

  • bu chòir alt a chruthachadh gu fèin-ghluasadach bhon ainm, dath agus ceàrn airson a’ chatalog gu lèir;
  • thèid ìomhaighean a luchdachadh bhon chamara gun teannachadh, agus tha feum air loidhne-phìoban fèin-ghluasadach: teannachadh, WebP, iomadh meud;
  • Tha cuspair na làraich-lìn a’ taisbeanadh dhealbhan às aonais leud, àirde, agus srcset, agus feumar an teamplaid a chàradh;
  • A bheil thu airson trafaic fhaighinn bho Google Images airson ceistean mu thoraidhean?

Dè as urrainn dhomh a dhèanamh airson do làrach-lìn?

Is mise Valeriy Danyuk, leasaiche agus eòlaiche SEO le 12 bliadhna de eòlas agus còrr air 200 neach-dèiligidh, nam measg grunn bhùthan air-loidhne le mìltean de dhealbhan.

SEO agus sgrùdadh

Stòran agus catalogan

Cunntasachd agus fèin-ghluasad

Cuir thugam ceangal chun chairt toraidh ann an Telegram - innsidh mi dhut dè an ìre as urrainn dhut a chosnadh stèidhichte air na dealbhan.

Toradh

  1. Bidh an inneal-sgrùdaidh ìomhaighean SEO air-loidhne a’ dèanamh anailis air suas ri 100 ìomhaigh air duilleag agus a’ toirt sgòr dhaibh bho 0 gu 100, còmhla ri beachdan airson gach fear.
  2. Gheibhear a’ mhòr-chuid de phuingean airson tomhasan alt agus leud/àirde, agus an uair sin luchdachadh leisg, WebP/AVIF agus srcset.
  3. Chan fheum am prìomh ìomhaigh luchdachadh leisg - feumaidh fetchpriority="high" a bhith ann.
  4. Airson catalogan mòra, bidh giullachd dhealbhan fèin-ghluasadach—no thèid àrd-ùrlar a thaghadh far a bheil seo air a dhèanamh mu thràth, mar eisimpleir, 1001site.

Thoir sùil air an duilleag as truime air an làrach-lìn agad leis an Dealbhaiche SEO an-asgaidh — tòisich leis an alt.

Stòran

  • Duilleag Sgrùdaiche SEO Ìomhaigh PromoPilot - sgrùdaidhean, riaghailtean measaidh, crìochan, agus Ceistean Cumanta.
  • Meadhan Rannsachaidh Google - Molaidhean ìomhaighean airson rannsachadh.
  • Google PageSpeed Insights agus Squoosh - Tuairisgeulan air Feartan.

Tùsan agus stòran

Ceistean agus Freagairtean

Carson a tha alt tags cudromach airson SEO?

Tha teacsa alt a’ toirt cunntas air an ìomhaigh airson einnseanan luirg agus leughadairean-sgrìn airson nan dall. Bidh Google Images a’ cleachdadh teacsa alt airson adhbharan rangachaidh, agus air an duilleag, bidh e a’ cuideachadh le bhith a’ mìneachadh susbaint an deilbh. Faodar eileamaidean sgeadachaidh fhàgail le alt="". bàn.

Ciamar a bheir meud ìomhaigh buaidh air Prìomh Thachartasan Lìn?

Bidh ìomhaighean mòra a’ slaodadh sìos an LCP—ùine tairgse an eileamaid as motha air a’ chiad sgrion, a bhios gu tric na dhealbh. Bidh cruthan WebP is AVIF ùr-nodha, teannachadh, tomhasan ceart, agus srcset uile a’ cuideachadh, a bharrachd air a bhith a’ seachnadh luchdachadh leisg agus a’ suidheachadh prìomhachas luchdachadh àrd airson a’ phrìomh ìomhaigh.

A bheil an inneal a’ sgrùdadh cuideam faidhle?

Chan eil. Chan eil an inneal a’ luchdachadh sìos ìomhaighean, agus mar sin chan eil e a’ measadh meud faidhle; bidh e a’ dearbhadh an cruth stèidhichte air an leudachadh. Gus meud ìomhaighean agus na duilleige gu lèir fhaighinn a-mach, cleachd Page Speed Analysis no PageSpeed Insights.

Rinn sinn sgrùdadh air an làrach-lìn, ach chan eil duine ann airson a chàradh?

Bidh an inneal an-asgaidh seo a’ nochdadh dhuilgheadasan. Nì mi sgrùdadh air an aithisg, cuiridh mi prìomhachas orra, agus cuiridh mi ceart iad: sgrùdadh SEO, luathachadh, comharrachadh, agus imrich gu làrach ùr gun ìrean a chall.