Telegram, WhatsApp  +380637610482
Valery Danyuk
Valery Danyukmai haɓakaƘirƙirar kayan aikin AI don kasuwanci. Inganci mai kyau. Mai araha.Rubuta a Telegram

Mai Duba Hotunan SEO na Kan layi: Alt, Lodawa Mai Lazy, WebP, da Srcset - Abin da za a Gyara

Duba SEO na hoto akan layi: alt, lodawa lazy, WebP, da srcset, ƙimar 0–100 ga kowane hoto

Abin da za ku samu

  • Kimantawa tsakanin 0-100 da sharhi akan kowane hoto akan shafin: alt, lodawa mai laushi, faɗi/tsawo, WebP/AVIF, srcset — kyauta
  • Fahimtar yadda ake ƙididdige maki da kuma waɗanne gyare-gyare ne za su inganta shi da sauri
  • Misalan lambobin da aka shirya don babban hoton, hotuna masu amsawa, da alamun alt
Aiwatarwa: cikin mintuna 15Ajiyewa: Cinkoson ababen hawa da lokutan lodawa a wayarka Google Images

Amsar a takaice: don duba hotuna a shafi don SEO, liƙa URL ɗinsa a cikin Mai Duba Hoto na SEO kyauta na PromoPilot. Kayan aikin zai yi nazarin har zuwa alamun <img> 100: ko akwai alamar alt, ko an saita loading="lazy", ko an saita faɗi da tsayi, ko an yi amfani da WebP, AVIF, ko SVG, da kuma ko akwai srcset. Sakamakon shine maki daga 0 zuwa 100 da sharhi akan kowane hoto. A ƙasa zaku ga yadda ake ƙididdige maki, abin da za a gyara da farko, da abin da kayan aikin bai gani ba.

Na shafe shekaru 12 ina gina gidajen yanar gizo da shaguna, kuma hotuna su ne manyan abubuwan da ke kawo cikas ga kusan kowanne daga cikinsu. Katin samfurin da aka saba amfani da shi: hotuna biyar masu girman 3MB kai tsaye daga kyamara, rubutu mara komai, kuma sunan fayil ɗin shine IMG_4512.jpg.

Menene Binciken SEO na Hoton yake dubawa?

Kayan aikin yana duba kowanne hoto a shafin bisa ga sharuɗɗa biyar sannan ya haɗa su wuri ɗaya don samar da maki gabaɗaya.

Me yake dubawa? Me yake kallo? Me yasa wannan yake da mahimmanci ga SEO da kasuwanci?
Alt Akwai bayanin rubutu ga kowanne <img> Google Images matsayi ta hanyar alt; damar shiga ga makafi
Lodawa mai laushi Ana amfani da siffa ta loading="lazy" a hotunan da ke ƙasa da allon farko. Shafin bai ɗora duk wani abu da baƙon bai yi birgima zuwa ba tukuna.
Faɗi da tsayi Shin an ƙayyade girman a cikin halayen alamar? Tubalan ba sa "tsalle" lokacin lodawa - wannan ma'aunin CLS ne
Tsarin WebP, AVIF, ko SVG ta hanyar faɗaɗa fayil Tsarin zamani ya fi ƙanƙanta fiye da JPG da PNG.
Srcset Akwai zaɓuɓɓukan hoto don fuska daban-daban? Wayar tana karɓar ƙaramin fayil ɗin, ba sigar allo ba.

Kowane hoto yana karɓar jerin sharhi, kuma shafin yana karɓar maki na ƙarshe. Wannan ya dace: ba wai kawai za ku iya ganin abin da ba daidai ba, har ma da wanne hoton ne ke da laifi.

Yadda ake duba hotuna a gidan yanar gizo akan layi?

Duba hotuna a matakai 4: liƙa URL ɗin, jira har zuwa hotuna 100 don a duba su, duba ƙimar, da kuma gyara duk wani sharhi.

  1. Buɗe Mai Duba Hoto na SEO.
  2. Saka adireshin shafin, zai fi kyau wanda ke da hotuna da yawa: katin samfuri, rukuni, labarin blog, fayil.
  3. Danna "Duba" kuma jira a duba duk hotunan.
  4. Duba kimantawa da jerin sharhi na kowane hoto.
  5. Da fatan za a gyara matsalolin kuma a sake duba shafin.

Ga yadda shafin kayan aiki yake: filin adireshi, jerin abubuwan da ake dubawa da kuma Tambayoyin da ake yawan yi.

Shafin Mai Duba Hoto na Kyauta na PromoPilot: filin URL, duba alt, loda lazy, WebP/AVIF, da srcset

Ta yaya ake ƙididdige ƙimar kuma me ya kamata a fara gyarawa?

Ƙimar ta fara ne da maki 100, kuma ana rage tarar kowace fitowa, ya danganta da kaso na hotunan da ke shafin da suka gaza. Sanin ƙa'idodi, yana da sauƙi a gano abin da zai haifar da babban ƙaruwa.

Jarrabawa Lafiya Sharhi
Alt Kasa da kashi 50% na hotuna tare da alt — -30; kasa da 80% — -15; kasa da 100% — -5 Mafi mahimmancin batu
Lodawa mai laushi ƙasa da 50% - −15; ƙasa da 80% - −8 Ba a yi la'akari da hotuna uku na farko ba
Faɗi da tsayi ƙasa da 50% - −15; ƙasa da 80% - −8 Ba a la'akari da girman CSS kawai ba.
WebP, AVIF, ko SVG ƙasa da kashi 30% - -10 Tsarin yana ƙaddara ta hanyar tsawaitawa
Srcset don hotunan raster ƙasa da kashi 30% - -10 SVG ba ya buƙatar srcset

Ga tsarin aikina:

  1. Alt. Abu mafi tsada kuma mafi sauƙin gyarawa. Rubuta abin da aka nuna: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", not alt="рюкзак купить дёшево рюкзак". Don abubuwan ado, yi amfani da babu komai alt="".
  2. Faɗi da tsayi. A ƙayyade ainihin ma'auni a cikin halayen, sannan a ƙara img { max-width: 100%; height: auto; } zuwa CSS—hoton zai ci gaba da amsawa, kuma tsarin zai daina tsalle.
  3. Lodawa cikin rashin hankali ya shafi duk abin da ke ƙasa da naɗi. Duk da haka, yana da illa ga hoton jarumi: yana buƙatar a ɗora shi nan da nan kuma da fifiko.
  4. WebP ko AVIF. WordPress ta goyi bayan lodawa na WebP tun daga sigar 5.8, da AVIF tun daga sigar 6.5.
  5. Saita Src don manyan hotuna don kada wayar ta sauke sigar allo.

Misalin babban hoto mai kyau da hoton da ke daidaitawa a cikin rubutun:

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

Yadda ake rubuta kyakkyawan alamar alt don hoto?

Alamar alt ita ce mafi mahimmancin abu na kimantawa, kuma a nan ne ake samun kurakurai mafi yawa: ko dai a bar shi babu komai ko a cika shi da kalmomi masu mahimmanci. Ka'ida mai sauƙi: a bayyana hoton ga wanda ba zai iya ganinsa a cikin jimla ɗaya ba.

Hoto Alt mara kyau Kyakkyawan alt
Hoton samfurin рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Hoton ƙungiyar photo1 Мастера мастерской Nord за работой над сумкой
Zane ko tsari график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Alamar ado иконка babu komai alt="" — babu buƙatar karanta shi

Ga kundin adireshi, yana da sauƙi a ƙirƙiri alamun alt ta amfani da samfuri: sunan samfur + launi ko bambance-bambancen + kusurwa. Ta wannan hanyar, hotuna biyar akan kati ɗaya za su sami bayanai biyar daban-daban masu amfani, maimakon guda biyar iri ɗaya.

Sunan fayil ɗin yana da mahimmanci: kozhanyj-ryukzak-nord-korichnevyj.webp ya fi IMG_4512.jpg kyau. Babu amfanin sake suna tsoffin fayiloli don wannan kawai, amma ɗora sababbi masu sunaye masu bayanin.

Kwatanta: Mai Duba Hoto na SEO da Madadin

Kayan aiki Menene kyauta? Taƙaitawa Wa ya dace da shi?
PromoPilot — Mai Duba Hoto na SEO Alt, lodawa cikin lazy, faɗi/tsawo, tsari, srcset; ƙima 0–100 da sharhi ga kowane hoto Har zuwa 100 img, ba a kiyasta girman fayil ɗin ba Yi sauri bincika hotuna daga kowane shafi
Fahimtar Saurin Shafi Google Binciken hoto a matsayin wani ɓangare na gwajin sauri: tsari, girma, loading mara aiki Gauraye da wasu duba-bincike da dama, alt da kyar ya fahimta Kimanta tasirin hotuna akan gudu
Squoosh Matsa da kuma canza hoto guda ɗaya a cikin mai bincike Ba ya duba shafin, yana aiki da fayiloli Ana shirya hotuna daban-daban
Gizo-gizo mai kururuwa na SEO Jerin hotuna ba tare da rubutu mai tsawo ba a cikin shafin Ana buƙatar shigarwa, sigar kyauta tana da iyaka akan adiresoshi Alt duba akan ɗaruruwan shafuka

Kammalawa: Mai duba yanar gizo yana nuna abin da ke damun hotunan da ke kan takamaiman shafi, PageSpeed yana nuna nawa yake kashewa a cikin sauri, kuma Squoosh ko mai canza fayil yana taimakawa wajen gyara fayilolin da kansu.

PromoPilot yana da kayan aikin SEO guda 87 kyauta, gami da kayan aikin matse hotuna da kuma mai canza WebP wanda ke aiki kai tsaye a cikin mai bincike, ba tare da loda fayiloli zuwa sabar ba. Don fahimtar girman shafin gabaɗaya, duba labarinmu a cikin jerin nazarin saurin shafinmu.

Me tabbatar da hoto ba ya gani?

Bari mu faɗi gaskiya game da iyakokin kayan aikin - yana da mahimmanci a san su don fassara ƙimar daidai:

  • Ba a la'akari da girman fayil ɗin ba - ba a sauke hotuna ba; tsarin yana ƙayyade ta hanyar tsawo.
  • Ba a yi nazarin alamar <picture> ba: JPG a cikin <img> za a yi masa alama koda kuwa akwai AVIF ko WebP a cikin <source> kusa da shi.
  • Hotunan baya daga CSS da hotunan da JavaScript ya ƙara ba a haɗa su cikin rahoton ba.
  • Ba a la'akari da girman da aka ƙayyade a cikin CSS kawai ba.
  • Shafin da ba shi da <img> guda ɗaya yana samun maki 50 - wannan ba "rabin kurakuran" ba ne, amma "babu abin da za a kimantawa".

Yaushe kayan aiki kyauta bai isa ba?

Hotuna kafin da bayan ingantawa: alt mara komai da manyan JPGs idan aka kwatanta da bayanin, WebP, ƙayyadaddun girma, da srcset

Gyara rubutun alt a shafi ɗaya yana ɗaukar mintuna goma. Amma idan shagon yana da kayayyaki dubu biyar, ba zai yiwu a yi shi da hannu ba. Kuna buƙatar ƙwararre idan:

  • ya kamata a samar da alt ta atomatik daga suna, launi da kusurwa na dukkan kundin adireshi;
  • Ana ɗora hotuna daga kyamara ba tare da matsi ba, kuma ana buƙatar bututun mai atomatik: matsi, WebP, girma dabam dabam;
  • Jigon gidan yanar gizon yana nuna hotuna ba tare da faɗi, tsayi, da srcset ba, kuma ana buƙatar gyara samfurin;
  • Kana son samun zirga-zirga daga Google Images don tambayoyi kan samfura?

Me zan iya yi wa gidan yanar gizonku?

Ni Valeriy Danyuk ne, mai haɓaka manhaja kuma ƙwararre a fannin SEO, mai shekaru 12 na gwaninta da kuma abokan ciniki sama da 200, gami da shaguna da dama na kan layi waɗanda ke da dubban hotuna.

SEO da binciken kuɗi

Shaguna da kasida

Lissafi da sarrafa kansa

Aiko min da hanyar haɗi zuwa katin samfurin a Telegram - Zan gaya muku nawa za ku iya cin nasara bisa ga hotunan.

Sakamako

  1. Mai duba hotuna na SEO ta yanar gizo yana nazarin hotuna har zuwa 100 a shafi kuma yana ba da maki daga 0 zuwa 100, tare da sharhi ga kowannensu.
  2. Mafi yawan maki ana ba su ne ga girman alt da faɗi/tsawo, sai kuma lodawa lazy, WebP/AVIF da srcset.
  3. Babban hoton ba ya buƙatar lodawa cikin sauƙi - yana buƙatar fetchpriority="high".
  4. Ga manyan kundin adireshi, sarrafa hotuna ana sarrafa su ta atomatik—ko kuma a zaɓi dandamali inda aka riga aka yi wannan, misali, 1001site.

Duba shafin yanar gizonku mafi nauyi ta amfani da Mai Duba Hoto na SEO kyauta — fara da alt.

Majiyoyi

  • Shafin Mai Duba Hoton SEO na PromoPilot - duba, ƙa'idodin kimantawa, ƙuntatawa, da Tambayoyin da ake yawan yi.
  • Cibiyar Bincike Google - Shawarwari kan hotuna don bincike.
  • Fahimtar Saurin Google Page da Squoosh - Bayanin Siffofi.

Nassoshi da tushe

Tambayoyi da Amsoshi

Me yasa alamun alt suke da mahimmanci ga SEO?

Rubutun Alt yana bayyana hoton ga injunan bincike da masu karanta allo ga makafi. Google Images yana amfani da rubutun alt don dalilai na matsayi, kuma a shafin, yana taimakawa wajen bayyana abubuwan da ke cikin hoton. Ana iya barin abubuwan ado da alt="".

Ta yaya girman hoto ke shafar Core Web Vitals?

Manyan hotuna suna rage jinkirin LCP—lokacin nuna babban abu a allon farko, wanda galibi hoto ne. Tsarin WebP da AVIF na zamani, matsi, ma'auni daidai, da srcset duk suna taimakawa, kamar yadda gujewa ɗaukar nauyi cikin sauƙi da saita fifikon lodawa ga babban hoton.

Shin kayan aikin yana duba nauyin fayil ɗin?

A'a. Kayan aikin ba ya sauke hotuna, don haka ba ya kimanta girman fayil; yana ƙayyade tsarin bisa ga tsawo. Don gano girman hotuna da cikakken shafin, yi amfani da Binciken Saurin Page ko PageSpeed Insights.

Mun duba gidan yanar gizon, amma babu wanda zai gyara shi?

Wannan kayan aiki kyauta yana bayyana matsaloli. Zan yi nazarin rahoton, in ba da fifiko, sannan in gyara su: Binciken SEO, hanzartawa, yin alama, da ƙaura zuwa sabon shafin yanar gizo ba tare da rasa matsayi ba.