Telegaramu, WhatsApp  +380637610482
Valery Danyuk
Valery Danyukumuhanga mu by'ubwubatsiGuteza imbere ibikoresho bya AI ku bucuruzi. Bifite ubuziranenge bwo hejuru. Birahendutse.Andika kuri Telegram

Igenzura rya SEO ry'amashusho kuri interineti: Alt, Lazy Loading, WebP, na Srcset - Ibyo gukosora

Igenzura rya SEO y'amashusho kuri interineti: alt, lazy loading, WebP, na srcset, amanota 0–100 kuri buri shusho

Icyo uzahabwa

  • Isuzuma rya 0–100 n'ibitekerezo kuri buri shusho iri ku ipaji: alt, lazy loading, ubugari/uburebure, WebP/AVIF, srcset — ubuntu
  • Gusobanukirwa uburyo amanota yawe abarwa n'uburyo bwo kuyakosora bizayanoza vuba cyane
  • Ingero za kode zakozwe neza ku ishusho nyamukuru, amashusho asubiza, na alt tags
Shyira mu bikorwa: mu minota 15Ibiro: Urujya n'uruza rw'amashusho Google n'igihe cyo gushyira kuri telefoni yawe

Igisubizo kigufi: kureba amashusho ku ipaji ya SEO, shyira URL yayo muri SEO Image Checker ya PromoPilot ku buntu. Iki gikoresho kizasesengura <img> tags zigera ku 100: niba hari alt tag, niba loading="lazy" yashyizweho, niba ubugari n'uburebure byashyizweho, niba WebP, AVIF, cyangwa SVG byakoreshejwe, ndetse niba hari srcset. Ibisubizo ni amanota kuva kuri 0 kugeza ku 100 n'ibitekerezo kuri buri shusho. Hasi aha uzabona uburyo amanota abarwa, icyo ugomba kubanza gukosora, n'icyo igikoresho kitabona.

Maze imyaka 12 nubaka imbuga za interineti n'amaduka, kandi amashusho ni yo mbogamizi ikomeye muri buri kimwe muri byo. Ikarita isanzwe y'ibicuruzwa: amafoto atanu ya 3MB ukoresheje kamera, inyandiko irimo ubusa, n'izina rya dosiye ni IMG_4512.jpg.

Isuzuma rya SEO ry'Ishusho rigenzura iki?

Igikoresho kireba buri shusho iri ku rupapuro hashingiwe ku bipimo bitanu hanyuma kikabishyira hamwe kugira ngo bigire amanota rusange.

Igenzura iki? Areba iki? Kuki ibi ari ingenzi kuri SEO no ku bucuruzi?
Alt Hari ibisobanuro by'inyandiko kuri buri <img> Amashusho Google ashyirwa ku rutonde hakurikijwe uburyo bwo kugera ku bantu batabona
Gupakira ibintu mu buryo bunebwe Uburyo bwa loading="lazy" bukoreshwa ku mashusho ari munsi ya ecran ya mbere. Urupapuro ntabwo rushyiramo ikintu icyo ari cyo cyose umushyitsi atarasoma.
Ubugari n'uburebure Ese ingano zavuzwe mu biranga tag? Ibice ntibihinduka iyo bipakurura - iki ni igipimo cya CLS
Imiterere WebP, AVIF, cyangwa SVG ukurikije uburyo dosiye ikoreshwa Imiterere igezweho ni mito cyane ugereranyije na JPG na PNG.
Itsinda rya Srcset Ese hari amahitamo y'amashusho kuri ecran zitandukanye? Telefoni yakira dosiye nto, ntabwo ari verisiyo ya monitor.

Buri shusho yakira urutonde rw'ibitekerezo, kandi urupapuro rubona amanota ya nyuma. Ibi biroroshye: ntushobora kubona gusa ikitagenda neza, ahubwo ubasha no kubona ishusho iri mu makosa.

Ni gute wareba amashusho ku rubuga rwa interineti?

Reba amashusho mu ntambwe 4: komeka URL, tegereza ko amashusho agera ku 100 asuzumwa, reba amanota, hanyuma ukosore ibitekerezo byose.

  1. Fungura Ishusho SEO Checker.
  2. Shyiramo aderesi y'urupapuro, byaba byiza ushyizemo amafoto menshi: ikarita y'ibicuruzwa, icyiciro, ingingo ya blog, porogaramu.
  3. Kanda "Suzuma" hanyuma utegereze ko amashusho yose asuzumwa.
  4. Reba amanota n'urutonde rw'ibitekerezo kuri buri shusho.
  5. Kosora ibibazo hanyuma wongere urebe urupapuro.

Dore uko urupapuro rw'ibikoresho rumeze: aho aderesi iherereye, urutonde rw'igenzura na FAQ.

Urupapuro rwa PromoPilot rw'ubuntu rwo kugenzura amashusho ya SEO: ahantu hahurira URL, kugenzura alt, gushyiramo ibintu mu buryo bwa lazy, WebP/AVIF, na srcset

Ni gute amanota abarwa kandi ni iki kigomba gukosorwa mbere na mbere?

Amanota atangirira ku manota 100, kandi ibihano birakurwa kuri buri kibazo, bitewe n'ijanisha ry'amashusho ari ku rupapuro atayashoboye. Kumenya amategeko, biroroshye kumenya icyatanga umusaruro mwinshi.

Isuzuma Biza Igitekerezo
Alt Munsi ya 50% by'amashusho afite alt — -30; munsi ya 80% — -15; munsi ya 100% — -5 Ingingo y'ingenzi cyane
Gupakira ibintu mu buryo bunebwe munsi ya 50% - −15; munsi ya 80% - −8 Amafoto atatu ya mbere ntabwo yitabwaho
Ubugari n'uburebure munsi ya 50% - −15; munsi ya 80% - −8 Ibipimo bya CSS gusa ntabwo byitabwaho.
WebP, AVIF, cyangwa SVG munsi ya 30% - 10 Imiterere igenwa n'inyongera
Srcset y'amashusho ya raster munsi ya 30% - 10 SVG ntabwo ikeneye srcset

Dore itegeko ryanjye ry'akazi:

  1. Alt. Ikintu gihenze cyane kandi cyoroshye gukosora. Andika ibigaragara: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", ntabwo alt="рюкзак купить дёшево рюкзак". Ku bintu byo gushushanya, koresha alt="" irimo ubusa.
  2. Ubugari n'uburebure. Garagaza ingano nyazo mu biranga, hanyuma wongere img { max-width: 100%; height: auto; } kuri CSS—ishusho izakomeza kuba nziza, kandi imiterere yayo izahagarara gusimbuka.
  3. Gushyiramo ibintu mu buryo butinda bireba ibintu byose biri munsi y'aho bifungirwa. Ariko, byangiza ishusho y'intwari: bigomba gushyirwamo ibintu byihutirwa kandi byihutirwa.
  4. WebP cyangwa AVIF. WordPress yashyigikiye ko WebP ishyirwa kuri interineti kuva kuri verisiyo ya 5.8, na AVIF kuva kuri verisiyo ya 6.5.
  5. Shyiraho amafoto manini kugira ngo telefoni idakuramo verisiyo ya monitor.

Urugero rw'ishusho nyamukuru ikwiye n'ifoto ijyanye n'igihe mu nyandiko:

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

Ni gute wandika agapapuro keza k'ishusho?

Alt tag ni ikintu cy'ingenzi cyane mu isuzuma, kandi niho amakosa akunze gukorwa: kuyisiga ubusa cyangwa kuyishyiramo amagambo y'ingenzi. Itegeko ryoroshye: sobanurira ishusho umuntu utayibona mu nteruro imwe.

Ishusho Alter mbi Alter nziza
Ifoto y'igicuruzwa рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Ifoto y'ikipe photo1 Мастера мастерской Nord за работой над сумкой
Imbonerahamwe cyangwa imbonerahamwe график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Agashusho k'imitako иконка empty alt="" — nta mpamvu yo kuyisoma

Ku kataloge, biroroshye gukora alt tags ukoresheje icyitegererezo: izina ry'igicuruzwa + ibara cyangwa ihinduka + inguni. Muri ubu buryo, amafoto atanu ku ikarita imwe azaba afite ibisobanuro bitanu bitandukanye kandi by'ingirakamaro, aho kuba atanu asa.

Izina rya dosiye naryo ni ingenzi: kozhanyj-ryukzak-nord-korichnevyj.webp ni ryiza kurusha IMG_4512.jpg. Nta mpamvu yo guhindura amazina ya dosiye zishaje kubera ibi gusa, ahubwo shyiramo izindi nshya zifite amazina asobanura.

Kugereranya: Ishusho SEO Checker n'izindi nzira

Igikoresho Ni iki kigenewe ubuntu? Amategeko ntarengwa Ni nde ukwiriye?
PromoPilot — Ishusho SEO Igenzura Alt, gupakira buhoro, ubugari/uburebure, imiterere, srcset; amanota 0–100 n'ibitekerezo kuri buri shusho Kugeza kuri 100 mg, ingano ya dosiye ntabwo igereranyijwe Gusesengura vuba amashusho yo ku ipaji iyo ari yo yose
Ibisobanuro bya Google PageSpeed Igenzura ry'amashusho nk'igice cy'igerageza ry'umuvuduko: imiterere, ingano, gupakira buhoro Bivanze n'izindi sheki nyinshi, ariko ntibisobanutse neza Gusuzuma ingaruka z'amashusho ku muvuduko
Squoosh Kanda hanyuma uhindure ishusho imwe muri porogaramu ya mushakisha Ntigenzura urupapuro, ikorana n'amadosiye Gutegura amashusho ku giti cyayo
Igicurane gitaka SEO Igicurane Urutonde rw'amashusho adafite inyandiko irambuye ku rubuga rwose Gushyiramo birakenewe, verisiyo y'ubuntu ifite aho igarukira kuri aderesi Igenzura ry'abafatanyabikorwa ku mapaji amagana

Umwanzuro: Igenzura ryo kuri interineti rigaragaza ikibazo kiri ku mashusho ari ku rupapuro runaka, PageSpeed igaragaza amafaranga igura mu muvuduko, naho Squoosh cyangwa igikoresho gihindura dosiye gifasha gukosora dosiye ubwazo.

PromoPilot ifite ibikoresho 87 bya SEO by'ubuntu, birimo igikoresho cyo gukanda amashusho na WebP converter bikorera muri browser, bidashyize dosiye kuri seriveri. Kugira ngo usobanukirwe ingano y'urupapuro muri rusange, reba ingingo yacu mu ruhererekane rwacu rw'isesengura ry'umuvuduko w'urupapuro.

Ni iki kidafatwa mu kugenzura amashusho?

Reka tuvugishe ukuri ku bushobozi bw'igikoresho—ni ngombwa kubimenya kugira ngo dusobanure neza amanota:

  • Ingano ya dosiye ntifatwa nk'aho ari yo —amashusho ntabwo akururwa; imiterere yayo igenwa n'inyongera.
  • Ikimenyetso cya <picture> ntigishyirwa mu byiciro: JPG muri <img> izashyirwa mu byiciro nubwo haba hari AVIF cyangwa WebP muri <source> iruhande rwayo.
  • Amashusho y'inyuma ya CSS n'amashusho yongeweho na JavaScript ntabwo ari muri raporo.
  • Ingano zavuzwe muri CSS gusa ntizitabwaho.
  • Urupapuro rudafite <img> na rumwe rubona amanota 50 - ibi si "igice cy'amakosa", ahubwo ni "nta kintu cyo gupima".

Ni ryari igikoresho cy'ubuntu kidahagije?

Amashusho mbere na nyuma yo gutunganya: alt irimo ubusa na JPG ziremereye ugereranije n'ibisobanuro, WebP, ingano zagenwe, na srcset

Gukosora inyandiko ya alt ku ipaji imwe bifata iminota icumi. Ariko niba iduka rifite ibicuruzwa ibihumbi bitanu, ntibishoboka kubikora n'intoki. Ukeneye inzobere niba:

  • alt igomba gukorwa mu buryo bwikora uhereye ku izina, ibara n'inguni bya kataloge yose;
  • amashusho akurwa kuri kamera nta gukanda, kandi hakenewe umuyoboro wikora: gukanda, WebP, ingano nyinshi;
  • Insanganyamatsiko y'urubuga igaragaza amafoto adafite ubugari, uburebure, na srcset, kandi icyitegererezo kigomba gukosorwa;
  • Urashaka kubona abantu benshi basura Google Images ku bibazo by'ibicuruzwa?

Nakorera iki urubuga rwawe?

Ndi Valeriy Danyuk, umuhanga mu by’iterambere n’ikoranabuhanga rya SEO ufite uburambe bw’imyaka 12 n’abakiriya barenga 200, harimo n’amaduka menshi yo kuri interineti afite amafoto ibihumbi.

SEO n'igenzura

Amaduka na katalogu

Ibaruramari n'ikoranabuhanga

Nyoherereza umurongo ugana ku ikarita y'ibicuruzwa muri Telegram - ndakubwira amafaranga ushobora gutsindira ukurikije amafoto.

Ibisubizo

  1. Imashini igenzura amashusho ya SEO kuri interineti isesengura amashusho agera ku 100 ku rupapuro rumwe, igatanga amanota kuva kuri 0 kugeza ku 100, hamwe n'ibitekerezo kuri buri imwe.
  2. Ingingo nyinshi zihabwa ingano ya alt n'ubugari/uburebure, hagakurikiraho ubwikorezi butihuta, WebP/AVIF na srcset.
  3. Ishusho nyamukuru ntikeneye gupakira ibintu buhoro buhoro - ikeneye fetchpriority="high".
  4. Ku makarito manini, gutunganya amafoto bikorwa mu buryo bwikora—cyangwa hagatoranywa urubuga aho ibi byamaze gukorwa, urugero, 1001site.

Reba urupapuro ruremereye cyane ku rubuga rwawe ukoresheje Image SEO Checker y'ubuntu — tangira ukoresheje alt.

Amasoko

  • Urupapuro rwa PromoPilot rw'Ishusho SEO Checker - igenzura, amategeko y'isuzuma, imipaka, n'ibibazo bikunze kubazwa.
  • Google Search Central - Inama ku mashusho yo gushakisha.
  • Google PageSpeed Insights na Squoosh - Ibisobanuro by'ibiranga.

Ingero n'amasoko

Ibibazo n'ibisubizo

Kuki alt tags ari ingenzi kuri SEO?

Inyandiko ya Alt isobanura ishusho ya moteri zishakisha n'abasoma ecran ku batabona. Google Images ikoresha inyandiko ya alt mu rwego rwo gushyira ku rutonde, kandi ku ipaji, ifasha gusobanura ibikubiye mu ifoto. Ibintu by'imitako bishobora gusigarana alt=" nta kintu kirimo".

Ni gute ingano y'ishusho igira ingaruka kuri Core Web Vitals?

Amashusho manini agabanya umuvuduko wa LCP—igihe cyo kwerekana ikintu kinini cyane kuri ecran ya mbere, akenshi ikaba ari ifoto. Imiterere ya WebP na AVIF igezweho, gukanda, ingano zikwiye, na srcset byose birafasha, kimwe no kwirinda gupakira buhoro no gushyiraho uburyo bwo gushyiramo ibintu ku ishusho nyamukuru.

Ese igikoresho gisuzuma uburemere bwa dosiye?

Oya. Iki gikoresho ntigikura amashusho, bityo ntigipima ingano ya dosiye; kigena imiterere ishingiye ku cyaguwe. Kugira ngo umenye ingano y'amashusho n'urupapuro rwose, koresha Page Speed Analysis cyangwa PageSpeed Insights.

Twarebye urubuga, ariko nta muntu warukosora?

Iki gikoresho cyubuntu kigaragaza ibibazo. Nzasesengura raporo, nshyireho ibintu by'ingenzi, kandi mbikosore: kugenzura SEO, kwihutisha, gushyiraho markup, no kwimukira ku rubuga rushya nta gutakaza amanota.