Telegram, WhatsApp  +380637610482
Valery Danyuk
Valery Danyukolùgbékalẹ̀Ṣíṣe àgbékalẹ̀ àwọn irinṣẹ́ AI fún àwọn ilé iṣẹ́. Dídára gíga. Ó rọrùn láti rà.Kọ sí Telegram

Olùṣàyẹ̀wò SEO Àwòrán Lórí Ayélujára: Alt, Lazy Loading, WebP, àti Srcset – Kí ni a lè tún ṣe

Àyẹ̀wò SEO àwòrán lórí ayélujára: alt, lazy loading, WebP, àti srcset, ìdíyelé 0–100 fún àwòrán kọ̀ọ̀kan

Ohun tí ìwọ yóò gbà

  • Idiyele 0–100 ati awọn asọye lori aworan kọọkan lori oju-iwe naa: alt, lazy loading, width/height, WebP/AVIF, srcset — ọfẹ
  • Lílóye bí a ṣe ń ṣírò àmì rẹ àti àwọn àtúnṣe wo ni yóò mú un sunwọ̀n síi kíákíá
  • Àwọn àpẹẹrẹ kódì tí a ti ṣe tán fún àwòrán pàtàkì, àwọn àwòrán tí ó ń dáhùn, àti àwọn àmì alt
Lo: ni iṣẹju mẹẹdogunFipamọ́: Àkókò ìjáde àti àkókò ìfipamọ́ àwọn àwòrán Google lórí fóònù rẹ

Ìdáhùn kúkúrú náà: láti ṣàyẹ̀wò àwọn àwòrán lórí ojú ìwé kan fún SEO, lẹ URL rẹ̀ sínú SEO Image Checker ọ̀fẹ́ PromoPilot. Ohun èlò náà yóò ṣàyẹ̀wò tó tó 100 àmì <img>: bóyá àmì alt kan wà, bóyá loading="lazy" ni a ṣètò, bóyá fífẹ̀ àti gíga ni a ṣètò, bóyá a lo WebP, AVIF, tàbí SVG, àti bóyá srcset wà. Àbájáde rẹ̀ ni àmì láti 0 sí 100 àti àwọn àkíyèsí lórí àwòrán kọ̀ọ̀kan. Ní ìsàlẹ̀ yìí, ìwọ yóò rí bí a ṣe ń ṣírò àmì náà, ohun tí a ó kọ́kọ́ tún ṣe, àti ohun tí irinṣẹ́ náà kò rí.

Mo ti ń kọ́ àwọn ojú-òpó wẹ́ẹ̀bù àti àwọn ilé ìtajà fún ọdún méjìlá, àwọn àwòrán sì ni ohun pàtàkì nínú gbogbo wọn. Káàdì ọjà tí a sábà máa ń lò: àwọn fọ́tò márùn-ún 3MB tààrà láti ọ̀dọ̀ kámẹ́rà, ọ̀rọ̀ alt tí kò ní òfo, orúkọ fáìlì náà sì ni IMG_4512.jpg.

Kí ni Àyẹ̀wò SEO Àwòrán ń ṣàyẹ̀wò?

Ohun èlò náà máa ń wo àwòrán kọ̀ọ̀kan lórí ojú ìwé náà ní ìbámu pẹ̀lú ìlànà márùn-ún, ó sì máa ń fi wọ́n papọ̀ láti jẹ́ àmì gbogbogbòò.

Kí ni ó ń ṣàyẹ̀wò? Kí ló ń wò? Kini idi ti eyi ṣe pataki fun SEO ati iṣowo?
Alt Ṣé àpèjúwe ọ̀rọ̀ kan wà fún <img> Àwòrán Google ni ipò alt; wíwọlé fún àwọn afọ́jú
Gbigbe ọlẹ A lo àmì loading="lazy" náà sí àwọn àwòrán tí ó wà ní ìsàlẹ̀ ìbòjú àkọ́kọ́. Ojú ìwé náà kò gbé ohunkóhun tí àlejò náà kò tíì yí padà sí jáde.
Fífẹ̀ àti gíga Ṣé àwọn ìwọ̀n tí a sọ ní pàtó nínú àwọn àmì ìdámọ̀ náà ni? Àwọn búlọ́ọ̀kì kìí "fò" nígbà tí wọ́n bá ń kó wọn jọ - èyí jẹ́ ìwọ̀n CLS
Ìlànà ìrísí WebP, AVIF, tàbí SVG nípasẹ̀ ìfàsẹ́yìn fáìlì Àwọn ìrísí òde òní kéré ju JPG àti PNG lọ ní pàtàkì.
Srcset Ṣe awọn aṣayan aworan wa fun awọn iboju oriṣiriṣi? Foonu naa gba faili kekere naa, kii ṣe ẹya atẹle naa.

Àwòrán kọ̀ọ̀kan gba àkójọ àwọn ọ̀rọ̀ tí a kọ sí ojú ìwé náà, ojú ìwé náà sì gba àmì ìkẹyìn. Èyí rọrùn: kìí ṣe ohun tí ó burú nìkan ni o lè rí, ṣùgbọ́n àwòrán wo ló burú pẹ̀lú.

Bawo ni a ṣe le ṣayẹwo awọn aworan lori oju opo wẹẹbu kan lori ayelujara?

Ṣàyẹ̀wò àwọn àwòrán ní ìgbésẹ̀ mẹ́rin: lẹ URL náà mọ́, dúró fún àwọn àwòrán tó tó ọgọ́rùn-ún láti wò wọ́n, wo ìdíyelé náà, kí o sì ṣe àtúnṣe sí àwọn àkíyèsí èyíkéyìí.

  1. Ṣí Olùṣàyẹ̀wò SEO Àwòrán.
  2. Fi àdírẹ́sì ojú ìwé náà sí i, ó ṣe pàtàkì kí o fi èyí tí ó ní ọ̀pọ̀lọpọ̀ fọ́tò sí i: káàdì ọjà, ẹ̀ka, àpilẹ̀kọ bulọọgi, àkójọ ìwé.
  3. Tẹ "Ṣayẹwo" ki o si duro de gbogbo awọn aworan lati ṣayẹwo.
  4. Wo ìdíyelé àti àkójọ àwọn ọ̀rọ̀ fún àwòrán kọ̀ọ̀kan.
  5. Jọwọ ṣe àtúnṣe àwọn ìṣòro náà kí o sì tún wo ojú ìwé náà lẹ́ẹ̀kan síi.

Èyí ni ojú ìwé irinṣẹ́ náà rí: pápá àdírẹ́sì, àkójọ àwọn àyẹ̀wò àti àwọn ìbéèrè tí a máa ń béèrè nígbà gbogbo.

Ojú ìwé Olùṣàyẹ̀wò Àwòrán SEO ọ̀fẹ́ ti PromoPilot: pápá URL, àyẹ̀wò alt, loading lazy, WebP/AVIF, àti srcset

Báwo ni a ṣe ń ṣírò ìdíyelé náà àti kí ni ó yẹ kí a kọ́kọ́ ṣàtúnṣe?

Ìdíwọ̀n náà bẹ̀rẹ̀ pẹ̀lú 100 points, a sì yọ àwọn ìyà kúrò fún ìtẹ̀jáde kọ̀ọ̀kan, ó sinmi lórí ìpín ogorun àwọn àwòrán lórí ojú ìwé tí ó bá kùnà. Mímọ àwọn òfin náà, ó rọrùn láti mọ ohun tí yóò mú ìdàgbàsókè ńlá wá.

Idanwo O dara Àkíyèsí
Alt Díẹ̀ ju 50% àwọn àwòrán pẹ̀lú alt — -30; díẹ̀ ju 80% — -15; díẹ̀ ju 100% — -5 Aaye pataki julọ
Gbigbe ọlẹ kere ju 50% - −15; kere ju 80% - −8 A ko gba awọn aworan mẹta akọkọ gbọ
Fífẹ̀ àti gíga kere ju 50% - −15; kere ju 80% - −8 A ko gba awọn iwọn CSS nikan sinu ero.
WebP, AVIF, tàbí SVG kere ju 30% - 10 A pinnu kika naa nipasẹ itẹsiwaju naa
Srcset fún àwọn àwòrán raster kere ju 30% - 10 SVG ko nilo srcset

Àṣẹ iṣẹ́ mi nìyí:

  1. Alt. Ohun tó wọ́n jù àti èyí tó rọrùn jùlọ láti túnṣe. Kọ ohun tó hàn: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", not alt="рюкзак купить дёшево рюкзак". Fún àwọn ohun ọ̀ṣọ́, lo alt="" òfo.
  2. Fífẹ̀ àti gíga. Sọ àwọn ìwọ̀n gidi nínú àwọn ànímọ́ náà, kí o sì fi img { max-width: 100%; height: auto; } kún CSS—àwòrán náà yóò máa dáhùn padà, ìṣètò náà yóò sì dẹ́kun fífò.
  3. Ìgbésẹ̀ ọ̀lẹ kan gbogbo ohun tó wà lábẹ́ ìbòrí. Síbẹ̀, ó léwu fún àwòrán akọni: ó gbọ́dọ̀ wà lórí rẹ̀ lẹ́sẹ̀kẹsẹ̀ pẹ̀lú àfiyèsí.
  4. WebP tàbí AVIF. WordPress ti ṣe atilẹyin fun awọn igbesoke WebP lati ẹya 5.8, ati AVIF lati ẹya 6.5.
  5. Srcset fún àwọn fọ́tò ńlá kí fóònù má baà gba ẹ̀yà àtẹ̀lé náà.

Àpẹẹrẹ àwòrán pàtàkì àti fọ́tò tó yẹ nínú ọ̀rọ̀ náà:

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

Báwo ni a ṣe lè kọ àmì alt tó dára fún àwòrán kan?

Àmì alt ni ohun pàtàkì jùlọ nínú ìṣàyẹ̀wò, ibẹ̀ sì ni a ti sábà máa ń ṣe àṣìṣe: yálà kí a fi í sílẹ̀ láìsí òfo tàbí kí a fi àwọn ọ̀rọ̀ pàtàkì kún un. Òfin tí ó rọrùn: ṣàpèjúwe àwòrán náà fún ẹnìkan tí kò lè rí i nínú gbólóhùn kan.

Àwòrán Alt buburu Alt ti o dara
Fọ́tò ọjà náà рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Fọ́tò ẹgbẹ́ photo1 Мастера мастерской Nord за работой над сумкой
Àwòrán tàbí àtẹ график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Àmì ohun ọ̀ṣọ́ иконка òfo alt="" — kò sí ìdí láti kà á

Fún àkójọ ìwé, ó rọrùn láti ṣẹ̀dá àwọn àmì alt nípa lílo àwòṣe: orúkọ ọjà + àwọ̀ tàbí ìyàtọ̀ + igun. Ní ọ̀nà yìí, àwọn fọ́tò márùn-ún lórí káàdì kan yóò ní àwọn àpèjúwe márùn-ún tó yàtọ̀ síra, tó wúlò, dípò àwọn márùn-ún tó jọra.

Orúkọ fáìlì náà tún ṣe pàtàkì: kozhanyj-ryukzak-nord-korichnevyj.webp dára ju IMG_4512.jpg lọ. Kò sí àǹfààní láti yí orúkọ àwọn fáìlì àtijọ́ padà fún èyí nìkan, ṣùgbọ́n gbé àwọn tuntun pẹ̀lú àwọn orúkọ àpèjúwe sórí ayélujára.

Àfiwé: Olùṣàyẹ̀wò SEO Àwòrán àti Àwọn Yíyàn mìíràn

Irinṣẹ́ Kí ni ọ̀fẹ́? Àwọn ìdíwọ́ Ta ni o yẹ fun?
PromoPilot — Olùṣàyẹ̀wò SEO Àwòrán Alt, loading lazy, width/height, formats, srcset; ìdíyelé 0–100 àti àwọn àkíyèsí fún àwòrán kọ̀ọ̀kan Títí dé 100 img, a kò fojú díwọ̀n ìwọ̀n fáìlì náà Ṣe àtúpalẹ̀ àwọn àwòrán láti ojú ìwé èyíkéyìí ní kíákíá
Àwọn Ìmọ̀lára Ìyára Ojú-ìwé Google Awọn ayẹwo aworan gẹgẹbi apakan ti idanwo iyara: ọna kika, iwọn, ikojọpọ ọlẹ Pẹ̀lú ọ̀pọ̀lọpọ̀ àwọn àyẹ̀wò mìíràn, alt kò lóye dáadáa Ṣíṣàyẹ̀wò ipa tí àwọn àwòrán ní lórí iyàrá
Squoosh Fún kí o sì yí àwòrán kan padà nínú ẹ̀rọ aṣàwárí kan Kò ṣàyẹ̀wò ojú ìwé náà, ó ń ṣiṣẹ́ pẹ̀lú àwọn fáìlì Ngbaradi awọn aworan kọọkan
Spider SEO ti n pariwo Ọpọlọ Àkójọ àwọn àwòrán tí kò ní àkọlé gbogbo ojú òpó náà Fifi sori ẹrọ nilo, ẹya ọfẹ naa ni opin lori awọn adirẹsi Àtúnyẹ̀wò Alt lórí ọgọ́rọ̀ọ̀rún ojú ìwé

Ìparí: Olùṣàyẹ̀wò lórí ayélujára fi ohun tó ń ṣẹlẹ̀ hàn nípa àwọn àwòrán tó wà lórí ojú ìwé pàtó kan, PageSpeed fi iye owó tó ń ná ní iyàrá hàn, Squoosh tàbí olùyípadà náà sì ń ran àwọn fáìlì náà lọ́wọ́ láti ṣàtúnṣe.

PromoPilot ní àwọn irinṣẹ́ SEO ọ̀fẹ́ 87, títí kan irinṣẹ́ ìfúnpọ̀ àwòrán àti olùyípadà WebP kan tí ó ń ṣiṣẹ́ tààrà nínú ẹ̀rọ aṣàwárí, láìsí gbígbé àwọn fáìlì sí olupin náà. Láti lóye ìwọ̀n ojú ìwé gbogbogbò, wo àpilẹ̀kọ wa nínú ìṣàyẹ̀wò ìyára ojú ìwé wa.

Kí ni ìfìdíkalẹ̀ àwòrán kò rí?

Ẹ jẹ́ kí a sọ òótọ́ nípa àwọn ààlà irinṣẹ́ náà—ó ṣe pàtàkì láti mọ̀ wọ́n kí a tó lè túmọ̀ ìdíyelé náà dáadáa:

  • A kò gba iwọn faili naa sinu ero — a ko gba aworan naa lati ayelujara; a pinnu ọna kika naa nipasẹ itẹsiwaju naa.
  • A kò ṣe àgbékalẹ̀ àmì <picture>: JPG nínú <img>, a ó sì fi àmì sí i bí AVIF tàbí WebP bá wà nínú <source> lẹ́gbẹ̀ẹ́ rẹ̀.
  • Àwọn àwòrán ìpìlẹ̀ láti CSS àti àwọn àwòrán tí JavaScript fi kún kò sí nínú ìròyìn náà.
  • A kò gba àwọn ìwọ̀n tí a sọ ní CSS nìkan.
  • Ojú ìwé tí kò ní <img> kan ṣoṣo máa gba àádọ́ta àmì - èyí kìí ṣe "ìdajì àṣìṣe náà", ṣùgbọ́n "kò sí ohun tí a lè ṣe ìdíyelé rẹ̀".

Nígbà wo ni irinṣẹ́ ọ̀fẹ́ kò tó?

Ṣáájú àti lẹ́yìn ìṣelọ́pọ́: àwọn alt àti àwọn JPG tó wúwo lófo ní ìfiwéra pẹ̀lú àwọn àpèjúwe, WebP, àwọn ìwọ̀n pàtó, àti srcset

Ṣíṣe àtúnṣe ọ̀rọ̀ alt lórí ojú ìwé kan gba ìṣẹ́jú mẹ́wàá. Ṣùgbọ́n tí ilé ìtajà náà bá ní ẹgbẹ̀rún márùn-ún ọjà, kò ṣeé ṣe láti fi ọwọ́ ṣe é. O nílò onímọ̀ nípa iṣẹ́ tí o bá:

  • alt yẹ kí ó jẹ́ àdáṣe láti orúkọ, àwọ̀ àti igun fún gbogbo àkójọ ìwé náà;
  • Àwọn àwòrán ni a kó láti inú kámẹ́rà láìsí ìfúnpọ̀, a sì nílò ọ̀nà ìṣiṣẹ́ aládàáṣe: ìfúnpọ̀, WebP, ọ̀pọ̀lọpọ̀ ìwọ̀n;
  • Àkòrí ojú òpó wẹ́ẹ̀bù náà ń fi àwọn fọ́tò tí kò ní ìbú, gíga, àti srcset hàn, àti pé ó yẹ kí a tún àwòṣe náà ṣe;
  • Ṣé o fẹ́ gba ìjábọ̀ láti ọ̀dọ̀ Google Images fún àwọn ìbéèrè ọjà?

Kí ni mo lè ṣe fún ojú òpó wẹ́ẹ̀bù rẹ?

Èmi ni Valeriy Danyuk, olùgbékalẹ̀ àti onímọ̀ nípa SEO pẹ̀lú ìrírí ọdún 12 àti àwọn oníbàárà tó lé ní 200, títí kan ọ̀pọ̀lọpọ̀ àwọn ilé ìtajà lórí ayélujára pẹ̀lú ẹgbẹẹgbẹ̀rún àwọn fọ́tò.

SEO ati ayẹwo

Àwọn ilé ìtajà àti àwọn ìwé àkójọ

Iṣiro ati adaṣe

Fi ọna asopọ kan ranṣẹ si kaadi ọja ni Telegram - Emi yoo sọ fun ọ iye ti o le ṣẹgun da lori awọn aworan naa.

Àbájáde

  1. Olùṣàyẹ̀wò àwòrán SEO lórí ayélujára máa ń ṣàyẹ̀wò tó tó 100 àwòrán lórí ojú ìwé kan, ó sì máa ń pín àmì láti 0 sí 100, pẹ̀lú àwọn àkíyèsí fún ọ̀kọ̀ọ̀kan.
  2. Àwọn ìwọ̀n alt àti width/height ni a fi fún àwọn point tó pọ̀ jùlọ, lẹ́yìn náà ni lazy loading, WebP/AVIF àti srcset.
  3. Àwòrán pàtàkì kò nílò ìgbésẹ̀ lọ́ra - ó nílò fetchpriority="high".
  4. Fún àwọn ìwé àkójọpọ̀ ńláńlá, a máa ń ṣe àgbékalẹ̀ fọ́tò aládàáṣe—tàbí a máa ń yan pẹpẹ kan níbi tí a ti ṣe èyí tẹ́lẹ̀, fún àpẹẹrẹ, 1001site.

Ṣàyẹ̀wò ojú ìwé tó wúwo jùlọ lórí ojú òpó wẹ́ẹ̀bù rẹ pẹ̀lú Olùṣàyẹ̀wò SEO Àwòrán ọ̀fẹ́ —bẹ̀rẹ̀ pẹ̀lú alt.

Àwọn Orísun

  • Ojú ìwé Olùṣàyẹ̀wò SEO ti PromoPilot - àwọn àyẹ̀wò, àwọn òfin ìṣàyẹ̀wò, àwọn ìdíwọ́, àti àwọn ìbéèrè tí a sábà máa ń béèrè.
  • Àárín Gbùngbùn Ìwákiri Google - Àwọn àbá fún àwòrán fún wíwá.
  • Àwọn Ìmọ̀ àti Ìmọ̀ràn Google PageSpeed Insight àti Squoosh - Àwọn Àpèjúwe Àwọn Ẹ̀yà Ara Rẹ̀.

Àwọn ìtọ́kasí àti àwọn orísun

Àwọn Ìbéèrè àti Ìdáhùn

Kí ló dé tí àwọn àmì alt ṣe pàtàkì fún SEO?

Àkọlé Alt ṣàlàyé àwòrán náà fún àwọn ẹ̀rọ ìwárí àti àwọn olùka ìbòjú fún àwọn afọ́jú. Google Images ń lo àkọlé alt fún ìdí ipò, àti lórí ojú ìwé náà, ó ń ran lọ́wọ́ láti ṣàlàyé àkóónú fọ́tò náà. Àwọn ohun ọ̀ṣọ́ lè wà pẹ̀lú alt="" òfo.

Báwo ni ìwọ̀n àwòrán ṣe ní ipa lórí Core Web Vitals?

Àwọn àwòrán ńláńlá máa ń dín LCP kù—àkókò ìṣàfihàn ohun tó tóbi jùlọ lórí ìbòjú àkọ́kọ́, èyí tó sábà máa ń jẹ́ fọ́tò. Àwọn ọ̀nà ìgbàlódé WebP àti AVIF, ìfúnpọ̀, àwọn ìwọ̀n tó tọ́, àti srcset ń ran lọ́wọ́, bẹ́ẹ̀ náà ni yíyẹra fún gbígbé ẹrù lọ́ra àti ṣíṣe àkójọpọ̀ pàtàkì fún àwòrán pàtàkì.

Ṣé ohun èlò náà ń ṣàyẹ̀wò ìwọ̀n fáìlì?

Rárá. Ohun èlò náà kì í gba àwòrán jáde, nítorí náà kò ṣe àròyé ìwọ̀n fáìlì; ó ń pinnu bí àwòrán náà ṣe rí ní ìbámu pẹ̀lú àfikún náà. Láti mọ ìwọ̀n àwọn àwòrán àti gbogbo ojú ìwé náà, lo Ìwádìí Ìyára Page tàbí Ìmọ̀ nípa PageSpeed.

A ti ṣayẹwo oju opo wẹẹbu naa, ṣugbọn ko si ẹnikan ti yoo tunṣe rẹ?

Ohun èlò ọ̀fẹ́ yìí máa ń fi àwọn ìṣòro hàn. Èmi yóò ṣe àtúnyẹ̀wò ìròyìn náà, màá fi wọ́n sí ipò àkọ́kọ́, màá sì tún wọn ṣe: Ṣíṣàyẹ̀wò SEO, ìdàgbàsókè, àmì síta, àti ìṣípò sí ojú òpó tuntun láìsí pípadánù ipò.