Telegramu, WhatsApp+380637610482
Valery Danyuk
Valery Danyukmsanidi programuKutengeneza zana za AI kwa ajili ya biashara. Ubora wa juu. Nafuu.Andika kwenye Telegram

Kikagua SEO cha Picha Mtandaoni: Alt, Lazy Loading, WebP, na Srcset - Mambo ya Kurekebisha

Ukaguzi wa SEO wa picha mtandaoni: alt, upakiaji wa lazy, WebP, na srcset, ukadiriaji wa 0–100 kwa kila picha

Utapata nini

  • Ukadiriaji wa 0–100 na maoni kwenye kila picha kwenye ukurasa: alt, upakiaji wa uvivu, upana/urefu, WebP/AVIF, srcset — bila malipo
  • Kuelewa jinsi alama yako inavyohesabiwa na ni marekebisho gani yatakayoiboresha haraka zaidi
  • Mifano ya msimbo iliyotengenezwa tayari kwa picha kuu, picha zinazoitikia, na lebo mbadala
Tumia: katika dakika 15Hifadhi: Msongamano wa picha Google na muda wa kupakia kwenye simu yako

Jibu fupi: ili kuangalia picha kwenye ukurasa wa SEO, bandika URL yake kwenye Kikagua Picha cha SEO cha PromoPilot bila malipo. Zana hii itachambua hadi lebo 100 za <img>: ikiwa kuna lebo ya alt, ikiwa loading="lazy" imewekwa, ikiwa upana na urefu vimewekwa, ikiwa WebP, AVIF, au SVG zinatumika, na ikiwa kuna seti ya src. Matokeo yake ni alama kuanzia 0 hadi 100 na maoni kwenye kila picha. Hapa chini utapata jinsi alama inavyohesabiwa, nini cha kurekebisha kwanza, na kile ambacho kifaa hakioni.

Nimekuwa nikijenga tovuti na maduka kwa miaka 12, na picha ndio kikwazo kikuu katika karibu kila moja. Kadi ya kawaida ya bidhaa: picha tano za 3MB moja kwa moja kutoka kwa kamera, maandishi matupu ya alt, na jina la faili ni IMG_4512.jpg.

Je, Ukaguzi wa Picha wa SEO huangalia nini?

Kifaa hiki huangalia kila picha kwenye ukurasa kulingana na vigezo vitano na kuviongeza pamoja ili kuunda alama ya jumla.

Inaangalia nini? Anaangalia nini? Kwa nini hii ni muhimu kwa SEO na biashara?
Alt Je, kuna maelezo ya maandishi kwa kila <img> Nafasi ya Picha za Google kwa alt; upatikanaji kwa vipofu
Upakiaji wa uvivu Sifa ya loading="lazy" inatumika kwenye picha zilizo chini ya skrini ya kwanza. Ukurasa haupakii chochote ambacho mgeni hajakisogeza bado.
Upana na urefu Je, vipimo vimeainishwa katika sifa za lebo? Vitalu haviruki wakati wa kupakia - hii ni kipimo cha CLS
Muundo WebP, AVIF, au SVG kwa kiendelezi cha faili Miundo ya kisasa ni midogo sana kuliko JPG na PNG.
Seti ya Src Je, kuna chaguo za picha kwa skrini tofauti? Simu hupokea faili ndogo, si toleo la kifuatiliaji.

Kila picha hupokea orodha ya maoni, na ukurasa hupokea alama ya mwisho. Hii ni rahisi: unaweza kuona sio tu kilicho kibaya, lakini pia ni picha gani iliyo na kosa.

Jinsi ya kuangalia picha kwenye tovuti mtandaoni?

Angalia picha katika hatua 4: kubandika URL, subiri hadi picha 100 zitakaguliwa, angalia ukadiriaji, na urekebishe maoni yoyote.

  1. Fungua Kikagua SEO cha Picha.
  2. Ingiza anwani ya ukurasa, ikiwezekana ile yenye picha nyingi: kadi ya bidhaa, kategoria, makala ya blogu, kwingineko.
  3. Bonyeza "Angalia" na usubiri picha zote kuchanganuliwa.
  4. Tazama ukadiriaji na orodha ya maoni kwa kila picha.
  5. Tafadhali rekebisha matatizo na uangalie ukurasa tena.

Hivi ndivyo ukurasa wa zana unavyoonekana: sehemu ya anwani, orodha ya ukaguzi na Maswali Yanayoulizwa Mara kwa Mara.

Ukurasa wa Kikagua SEO cha Picha bila malipo cha PromoPilot: Sehemu ya URL, ukaguzi mbadala, upakiaji wa laivu, WebP/AVIF, na srcset

Ukadiriaji huhesabiwaje na ni nini kinachopaswa kusahihishwa kwanza?

Ukadiriaji huanza kwa pointi 100, na adhabu hupunguzwa kwa kila toleo, kulingana na asilimia ya picha kwenye ukurasa zinazoshindwa. Kwa kujua sheria, ni rahisi kujua ni nini kitakacholeta faida kubwa zaidi.

Uchunguzi Sawa Maoni
Alt Chini ya 50% ya picha zenye alt — -30; chini ya 80% — -15; chini ya 100% — -5 Jambo muhimu zaidi
Upakiaji wa uvivu chini ya 50% - −15; chini ya 80% - −8 Picha tatu za kwanza hazizingatiwi
Upana na urefu chini ya 50% - −15; chini ya 80% - −8 Vipimo vya CSS pekee havizingatiwi.
WebP, AVIF, au SVG chini ya 30% - 10 Muundo huamuliwa na kiendelezi
Seti ya picha za rasta chini ya 30% - -10 SVG haihitaji srcset

Hapa kuna agizo langu la kazi:

  1. Alt. Bidhaa ghali zaidi na rahisi zaidi kurekebisha. Andika kinachoonyeshwa: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", si alt="рюкзак купить дёшево рюкзак". Kwa vipengee vya mapambo, tumia alt="" tupu.
  2. Upana na urefu. Bainisha vipimo halisi katika sifa, na ongeza img { max-width: 100%; height: auto; } kwenye CSS—picha itabaki kuwa sikivu, na mpangilio utaacha kuruka.
  3. Upakiaji wa uvivu hutumika kwa kila kitu kilicho chini ya zizi. Hata hivyo, ni hatari kwa picha ya shujaa: inahitaji kupakiwa mara moja na kwa kipaumbele.
  4. WebP au AVIF. WordPress imeunga mkono upakiaji wa WebP tangu toleo la 5.8, na AVIF tangu toleo la 6.5.
  5. Weka picha kubwa ili simu isipakue toleo la kifuatiliaji.

Mfano wa picha kuu inayofaa na picha inayoweza kubadilika katika maandishi:

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

Jinsi ya kuandika lebo nzuri ya alt kwa picha?

Lebo ya alt ni kipengele muhimu zaidi cha tathmini, na ndipo makosa hutokea mara nyingi: ama kuiacha tupu au kuijaza maneno muhimu. Sheria rahisi: elezea picha kwa mtu ambaye hawezi kuiona katika sentensi moja.

Picha Alter mbaya Alt nzuri
Picha ya bidhaa рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Picha ya timu photo1 Мастера мастерской Nord за работой над сумкой
Mchoro au chati график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Aikoni ya mapambo иконка tupu alt="" — hakuna haja ya kuisoma

Kwa orodha, ni rahisi kuunda lebo mbadala kwa kutumia kiolezo: jina la bidhaa + rangi au lahaja + pembe. Kwa njia hii, picha tano kwenye kadi moja zitakuwa na maelezo matano tofauti na muhimu, badala ya tano zinazofanana.

Jina la faili pia ni muhimu: kozhanyj-ryukzak-nord-korichnevyj.webp ni bora kuliko IMG_4512.jpg. Hakuna haja ya kubadilisha majina ya faili za zamani kwa hili tu, lakini pakia mpya zenye majina ya maelezo.

Ulinganisho: Kikagua SEO cha Picha na Njia Mbadala

Zana Ni nini bure? Vikwazo Inafaa kwa nani?
PromoPilot — Kikagua Picha cha SEO Alt, upakiaji wa uvivu, upana/urefu, miundo, srcset; ukadiriaji 0–100 na maoni kwa kila picha Hadi img 100, ukubwa wa faili haujakadiriwa Chambua picha haraka kutoka ukurasa wowote
Maarifa ya Kasi ya Ukurasa wa Google Ukaguzi wa picha kama sehemu ya jaribio la kasi: umbizo, ukubwa, upakiaji wa polepole Ikichanganywa na hundi zingine nyingi, bado inaeleweka kidogo Kutathmini athari za picha kwenye kasi
Squoosh Bandika na ubadilishe picha moja kwenye kivinjari Haichunguzi ukurasa, inafanya kazi na faili Kuandaa picha za kibinafsi
Buibui wa SEO wa Chura Anayepiga Mayowe Orodha ya picha zisizo na maandishi mbadala katika tovuti nzima Usakinishaji unahitajika, toleo la bure lina kikomo cha anwani Ukaguzi mbadala kwenye mamia ya kurasa

Hitimisho: Kikagua mtandaoni kinaonyesha tatizo la picha kwenye ukurasa maalum, PageSpeed inaonyesha ni kiasi gani kinagharimu kwa kasi, na Squoosh au kibadilishaji husaidia kurekebisha faili zenyewe.

PromoPilot ina zana 87 za SEO bila malipo, ikiwa ni pamoja na zana ya kubana picha na kibadilishaji cha WebP kinachofanya kazi moja kwa moja kwenye kivinjari, bila kupakia faili kwenye seva. Ili kuelewa ukubwa wa ukurasa kwa ujumla, angalia makala yetu katika mfululizo wetu wa uchambuzi wa kasi ya ukurasa.

Uthibitishaji wa picha hauoni nini?

Tuwe waaminifu kuhusu mipaka ya kifaa—ni muhimu kuijua ili kutafsiri kwa usahihi ukadiriaji:

  • Ukubwa wa faili hauzingatiwi — picha hazipakuliwa; umbizo huamuliwa na kiendelezi.
  • Lebo <picture> haijachanganuliwa: JPG katika <img> itawekwa lebo hata kama kuna AVIF au WebP katika <source> karibu nayo.
  • Picha za usuli kutoka CSS na picha zilizoongezwa na JavaScript hazijajumuishwa katika ripoti hiyo.
  • Vipimo vilivyoainishwa katika CSS pekee havizingatiwi.
  • Ukurasa usio na <img> moja unapata pointi 50 - hii si "nusu ya makosa", bali "hakuna cha kukadiria".

Ni lini kifaa cha bure hakitoshi?

Picha kabla na baada ya uboreshaji: alt tupu na JPG nzito dhidi ya maelezo, WebP, vipimo maalum, na srcset

Kusahihisha maandishi ya alt kwenye ukurasa mmoja huchukua dakika kumi. Lakini ikiwa duka lina bidhaa elfu tano, haiwezekani kuifanya mwenyewe. Unahitaji mtaalamu ikiwa:

  • alt inapaswa kuzalishwa kiotomatiki kutoka kwa jina, rangi na pembe kwa orodha nzima;
  • picha hupakiwa kutoka kwa kamera bila kubanwa, na bomba otomatiki inahitajika: kubanwa, WebP, ukubwa mbalimbali;
  • Mandhari ya tovuti huonyesha picha bila upana, urefu, na srcset, na kiolezo kinahitaji kurekebishwa;
  • Unataka kupata trafiki kutoka Google Images kwa hoja za bidhaa?

Ninaweza kufanya nini kwa ajili ya tovuti yako?

Mimi ni Valeriy Danyuk, msanidi programu na mtaalamu wa SEO mwenye uzoefu wa miaka 12 na zaidi ya wateja 200, ikiwa ni pamoja na maduka mengi ya mtandaoni yenye maelfu ya picha.

SEO na ukaguzi

Maduka na katalogi

Uhasibu na otomatiki

Nitumie kiungo cha kadi ya bidhaa katika Telegram - nitakuambia ni kiasi gani unaweza kushinda kulingana na picha.

Matokeo

  1. Kikagua picha cha SEO mtandaoni huchanganua hadi picha 100 kwenye ukurasa na kugawa alama kuanzia 0 hadi 100, pamoja na maoni kwa kila moja.
  2. Pointi nyingi hupewa vipimo vya alt na upana/urefu, ikifuatiwa na upakiaji wa lazy, WebP/AVIF na srcset.
  3. Picha kuu haihitaji upakiaji wa uvivu - inahitaji fetchpriority="high".
  4. Kwa katalogi kubwa, usindikaji wa picha hufanyika kiotomatiki—au jukwaa huchaguliwa ambapo hii tayari imefanywa, kwa mfano, 1001site.

Angalia ukurasa mzito zaidi wa tovuti yako ukitumia Kikagua SEO cha Picha bila malipo — anza na alt.

Vyanzo

  • Ukurasa wa Kikagua SEO cha Picha cha PromoPilot - hundi, sheria za tathmini, mapungufu, na Maswali Yanayoulizwa Mara kwa Mara.
  • Kituo cha Utafutaji Google - Mapendekezo ya picha kwa ajili ya utafutaji.
  • Maarifa ya Google PageSpeed na Squoosh - Maelezo ya Vipengele.

Marejeleo na vyanzo

Maswali na Majibu

Kwa nini lebo za alt ni muhimu kwa SEO?

Maandishi mbadala yanaelezea picha kwa injini za utafutaji na visomaji vya skrini kwa vipofu. Google Images hutumia maandishi mbadala kwa madhumuni ya kuweka nafasi, na kwenye ukurasa, husaidia kuelezea maudhui ya picha. Vipengele vya mapambo vinaweza kuachwa na alt=" tupu.

Ukubwa wa picha unaathiri vipi Core Web Vitals?

Picha kubwa hupunguza kasi ya LCP—muda wa utoaji wa kipengele kikubwa zaidi kwenye skrini ya kwanza, ambayo mara nyingi huwa picha. Miundo ya kisasa ya WebP na AVIF, mgandamizo, vipimo sahihi, na srcset zote husaidia, kama vile kuepuka upakiaji wa uvivu na kuweka kipaumbele cha juu cha upakiaji kwa picha kuu.

Je, kifaa hiki huangalia uzito wa faili?

Hapana. Zana hii haipakui picha, kwa hivyo haikadirii ukubwa wa faili; huamua umbizo kulingana na kiendelezi. Ili kujua ukubwa wa picha na ukurasa mzima, tumia Uchambuzi wa Kasi ya Ukurasa au Maarifa ya Kasi ya Ukurasa.

Tumeangalia tovuti, lakini hakuna mtu wa kuirekebisha?

Zana hii ya bure inaonyesha matatizo. Nitachambua ripoti, nitaipa kipaumbele, na kuyarekebisha: ukaguzi wa SEO, kuongeza kasi, kuongeza alama, na kuhamia kwenye tovuti mpya bila kupoteza nafasi.