Կարճ պատասխանը՝ էջի պատկերները SEO-ի համար ստուգելու համար տեղադրեք դրա URL-ը PromoPilot-ի անվճար SEO Image Checker- ում: Գործիքը կվերլուծի մինչև 100 <img> թեգեր՝ արդյոք կա alt թեգ, արդյոք loading="lazy" սահմանված է, արդյոք լայնությունը և բարձրությունը սահմանված են, արդյոք օգտագործված է WebP, AVIF կամ SVG, և արդյոք կա srcset: Արդյունքը 0-ից 100 միավոր է և մեկնաբանություններ յուրաքանչյուր պատկերի վերաբերյալ: Ստորև կգտնեք, թե ինչպես է հաշվարկվում միավորը, ինչն է նախ շտկել և ինչ չի տեսնում գործիքը:
Ես կայքեր և խանութներ եմ ստեղծում 12 տարի, և գրեթե բոլոր դեպքերում պատկերները հիմնական խոչընդոտն են։ Տիպիկ ապրանքի քարտ՝ հինգ 3 ՄԲ լուսանկար ուղիղ տեսախցիկից, դատարկ alt տեքստ և ֆայլի անունը՝ IMG_4512.jpg ։
Ի՞նչ է ստուգում Image SEO Check-ը։
Գործիքը էջի յուրաքանչյուր պատկերը դիտարկում է հինգ չափանիշների հիման վրա և դրանք գումարում է՝ ընդհանուր գնահատական կազմելու համար։
| Ի՞նչ է այն ստուգում։ | Ինչի՞ է նա նայում։ | Ինչո՞ւ է սա կարևոր SEO-ի և բիզնեսի համար։ |
|---|---|---|
| Alt | Կա՞ արդյոք յուրաքանչյուր <img> | Google Images-ի դասակարգումը alt; կույրերի համար հասանելիության չափանիշներով |
| Դանդաղ բեռնում | loading="lazy" ատրիբուտը կիրառվում է առաջին էկրանից ներքև գտնվող պատկերների վրա։ | Էջը չի բեռնում այն բաները, որոնց վրա այցելուն դեռ չի գլորել։ |
| Լայնությունը և բարձրությունը | Արդյո՞ք չափերը նշված են թեգի ատրիբուտներում։ | Բլոկները չեն «ցատկում» բեռնման ժամանակ՝ սա CLS չափանիշ է։ |
| Ձևաչափ | WebP, AVIF կամ SVG ֆայլի ընդլայնմամբ | Ժամանակակից ձևաչափերը զգալիորեն փոքր են, քան JPG-ն և PNG-ն։ |
| Սրկսեթ | Կա՞ն պատկերի տարբերակներ տարբեր էկրանների համար։ | Հեռախոսը ստանում է փոքր ֆայլը, այլ ոչ թե մոնիտորի տարբերակը։ |
Յուրաքանչյուր պատկեր ստանում է մեկնաբանությունների ցանկ, իսկ էջը ստանում է վերջնական գնահատական։ Սա հարմար է. դուք կարող եք տեսնել ոչ միայն, թե ինչն է սխալ, այլև թե որ պատկերն է մեղավոր։
Ինչպե՞ս ստուգել պատկերները առցանց կայքում։
- Բացեք պատկերի SEO ստուգիչը ։
- Մուտքագրեք էջի հասցեն, ցանկալի է՝ շատ լուսանկարներ պարունակող՝ ապրանքի քարտ, կատեգորիա, բլոգի հոդված, պորտֆոլիո։
- Սեղմեք «Ստուգել» կոճակը և սպասեք, մինչև բոլոր պատկերները սկանավորվեն։
- Դիտեք յուրաքանչյուր պատկերի գնահատականը և մեկնաբանությունների ցանկը ։
- Խնդրում ենք շտկել խնդիրները և կրկին ստուգել էջը։
Ահա թե ինչ տեսք ունի գործիքի էջը՝ հասցեի դաշտ, ստուգումների ցանկ և հաճախակի տրվող հարցեր։
Ինչպե՞ս է հաշվարկվում գնահատականը և ի՞նչը պետք է նախ ուղղվի։
Գնահատականը սկսվում է 100 միավորից, և յուրաքանչյուր խնդրի համար տուգանքներ են հանվում՝ կախված էջում չանցած պատկերների տոկոսից։ Կանոնները իմանալով՝ հեշտ է հասկանալ, թե ինչը կբերի ամենամեծ խթանը։
| Քննություն | Լավ | Մեկնաբանություն |
|---|---|---|
| Alt | Պատկերների 50%-ից պակաս՝ alt-ով — -30; 80%-ից պակաս՝ -15; 100%-ից պակաս՝ -5 | Առավել նշանակալի կետը |
| Դանդաղ բեռնում | 50%-ից պակաս - −15; 80%-ից պակաս - −8 | Առաջին երեք նկարները հաշվի չեն առնվում |
| Լայնությունը և բարձրությունը | 50%-ից պակաս - −15; 80%-ից պակաս - −8 | Միայն CSS-ի չափերը հաշվի չեն առնվում։ |
| WebP, AVIF կամ SVG | 30%-ից պակաս - -10 | Ձևաչափը որոշվում է ընդլայնմամբ |
| Srcset ռաստրային պատկերների համար | 30%-ից պակաս - -10 | SVG-ն srcset-ի կարիք չունի |
Ահա իմ աշխատանքային կարգը.
- Alt. Ամենաթանկ և ամենահեշտ վերանորոգվող իրը։ Գրեք, թե ինչ է ցուցադրված.
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", ոչ թեalt="рюкзак купить дёшево рюкзак": Դեկորատիվ տարրերի համար օգտագործեք դատարկalt="": - Լայնություն և բարձրություն։ Նշեք ատրիբուտներում իրական չափերը և CSS-ին ավելացրեք
img { max-width: 100%; height: auto; }՝ պատկերը կմնա արձագանքող, և դասավորությունը կդադարի ցատկել։ - Դանդաղ բեռնումը վերաբերում է ծալքի տակ գտնվող ամեն ինչին։ Սակայն դա վնասակար է հերոսի կերպարի համար. այն պետք է բեռնվի անմիջապես և առաջնահերթությամբ։
- WebP կամ AVIF: WordPress աջակցել է WebP վերբեռնումներին 5.8 տարբերակից սկսած, իսկ AVIF-ը՝ 6.5 տարբերակից սկսած:
- Srcset մեծ լուսանկարների համար, որպեսզի հեռախոսը չբեռնի մոնիտորի տարբերակը։
Տեքստում համապատասխան գլխավոր պատկերի և ադապտիվ լուսանկարի օրինակ՝
<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">Ինչպե՞ս գրել լավ alt թեգ պատկերի համար։
Alt թեգը գնահատման ամենակարևոր տարրն է, և այստեղ են ամենից հաճախ սխալներ թույլ տրվում՝ կամ այն դատարկ թողնելով, կամ այն բանալի բառերով լցնելով։ Պարզ կանոն. մեկ նախադասությամբ նկարագրեք պատկերը նրանց, ովքեր չեն կարողանում այն տեսնել։
| Նկար | Վատ alt | Լավ այլընտրանքային |
|---|---|---|
| Արտադրանքի լուսանկար | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Թիմային լուսանկար | photo1 | Мастера мастерской Nord за работой над сумкой |
| Դիագրամ կամ գծապատկեր | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Զարդարանքի պատկերակ | иконка | դատարկ alt="" — կարդալու կարիք չկա |
Կատալոգի համար հարմար է ստեղծել alt թեգեր՝ օգտագործելով ձևանմուշ՝ ապրանքի անվանում + գույն կամ տարբերակ + անկյուն։ Այսպիսով, մեկ քարտի վրա հինգ լուսանկար կունենան հինգ տարբեր, օգտակար նկարագրություններ, այլ ոչ թե հինգ նույնական։
Ֆայլի անունը նույնպես կարևոր է. kozhanyj-ryukzak-nord-korichnevyj.webp ն ավելի լավ է, քան IMG_4512.jpg ։ Հին ֆայլերը վերանվանելը միայն դրա համար իմաստ չունի, այլ նորերը վերբեռնեք նկարագրական անուններով։
Համեմատություն. Պատկերի SEO ստուգիչ և այլընտրանքներ
| Գործիք | Ի՞նչն է անվճար։ | Սահմանափակումներ | Ում համար է այն հարմար։ |
|---|---|---|---|
| PromoPilot — Պատկերի SEO ստուգիչ | Alt, դանդաղ բեռնում, լայնություն/բարձրություն, ձևաչափեր, srcset; գնահատական 0–100 և մեկնաբանություններ յուրաքանչյուր պատկերի համար | Մինչև 100 պատկեր, ֆայլի չափը գնահատված չէ | Արագորեն վերլուծեք պատկերները ցանկացած էջից |
| Google PageSpeed Insights | Պատկերի աուդիտներ որպես արագության թեստի մաս՝ ձևաչափ, չափս, դանդաղ բեռնում | Տասնյակ այլ ստուգումների հետ խառնված՝ alt-ը հազիվ է հասկանում | Պատկերների արագության վրա ազդեցության գնահատում |
| Սքուոշ | Սեղմել և փոխարկել մեկ պատկեր զննարկիչում | Չի ստուգում էջը, աշխատում է ֆայլերի հետ | Անհատական պատկերների պատրաստում |
| Գոռացող գորտ SEO սարդ | Կայքում առկա առանց այլընտրանքային տեքստի պատկերների ցանկ | Պահանջվում է տեղադրում, անվճար տարբերակը սահմանափակում ունի հասցեների վրա | Հարյուրավոր էջերի վրա այլընտրանքային աուդիտ |
Եզրակացություն. Առցանց ստուգիչը ցույց է տալիս, թե ինչն է խնդիրը որոշակի էջի պատկերների հետ, PageSpeed-ը ցույց է տալիս, թե որքան է արժենում արագությունը, իսկ Squoosh-ը կամ փոխարկիչը օգնում են շտկել ֆայլերը։
PromoPilot-ը ունի 87 անվճար SEO գործիք, այդ թվում՝ պատկերի սեղմման գործիք և WebP փոխարկիչ, որոնք աշխատում են անմիջապես զննարկիչում՝ առանց ֆայլեր սերվեր վերբեռնելու: Էջի ընդհանուր չափը հասկանալու համար կարդացեք մեր հոդվածը էջի արագության վերլուծության շարքում:
Ի՞նչ չի տեսնում պատկերի ստուգումը։
Եկեք անկեղծ լինենք գործիքի սահմանափակումների մասին. կարևոր է իմանալ դրանք՝ գնահատականը ճշգրիտ մեկնաբանելու համար։
- Ֆայլի չափը հաշվի չի առնվում ՝ պատկերները չեն ներբեռնվում, ձևաչափը որոշվում է ընդլայնմամբ։
-
<picture>թեգը չի վերլուծվում.<img>ում JPG-ն կպիտակավորվի, նույնիսկ եթե դրա կողքին<source>ում կա AVIF կամ WebP: - CSS-ից ստացված ֆոնային պատկերները և JavaScript-ով ավելացված պատկերները հաշվետվության մեջ չեն ներառվում։
- Միայն CSS-ում նշված չափերը հաշվի չեն առնվում։
- Էջը, որը չունի մեկ
<img>ստանում է 50 միավոր. սա «սխալների կեսը» չէ, այլ «գնահատելու ոչինչ չկա»։
Ե՞րբ է անվճար գործիքը բավարար չէ։
Մեկ էջի alt տեքստը ուղղելը տևում է տասը րոպե։ Սակայն, եթե խանութն ունի հինգ հազար ապրանք, դա անհնար է անել ձեռքով։ Ձեզ մասնագետ է անհրաժեշտ, եթե՝
- alt-ը պետք է ավտոմատ կերպով գեներացվի ամբողջ կատալոգի անվանումից, գույնից և անկյունից։
- պատկերները բեռնվում են տեսախցիկից առանց սեղմման, և անհրաժեշտ է ավտոմատ խողովակաշար՝ սեղմում, WebP, բազմաթիվ չափսեր։
- Կայքի թեման լուսանկարները ցուցադրում է առանց լայնության, բարձրության և srcset-ի, և ձևանմուշը պետք է շտկվի։
- Ցանկանո՞ւմ եք Google Images-ից ստանալ ապրանքի հարցումների համար տրաֆիկ։
Ի՞նչ կարող եմ անել ձեր կայքի համար։
Ես Վալերի Դանյուկն եմ՝ ծրագրավորող և SEO մասնագետ՝ 12 տարվա փորձով և ավելի քան 200 հաճախորդով, այդ թվում՝ բազմաթիվ առցանց խանութներով՝ հազարավոր լուսանկարներով։
SEO և աուդիտ
- Կայքի SEO աուդիտ՝ պատրաստի տարբերակով. Ես ստուգում եմ ամբողջ կայքի պատկերները, կարգավորում եմ ավտոմատ փոխակերպումը և այլընտրանքային տեքստը ձևանմուշներում։
- Արհեստական բանականությամբ աշխատող SEO բլոգ, որը ներգրավում է օրգանական հաճախորդներ ՝ ավտոմատ կերպով ցուցադրելով alt և WebP պատկերներ յուրաքանչյուր հոդվածի համար։
Խանութներ և կատալոգներ
- 300 ապրանքից բաղկացած կատալոգ ընդամենը մի քանի րոպեում՝ MCP և Claude միջոցով ՝ յուրաքանչյուր ապրանքի նկարագրություններով և լուսանկարներով։
- WooCommerce ում առցանց խանութ ՝ պատշաճ պատկերի մշակմամբ։
- Խանութի տեղափոխում Instagram ից կայք ՝ ապրանքների լուսանկարներն ու նկարագրությունները տեղափոխվում են։
- Ապրանքները, լուսանկարները և տեքստը կարող են տեղափոխվել 1001site ՝ ձեր հին կայքից կամ սոցիալական ցանցերից հղման միջոցով։
Հաշվապահություն և ավտոմատացում
- Հաշվապահություն + հաշվապահություն + 30,000 ապրանքի խանութ ։
- Արհեստական բանականությամբ Telegram բոտ՝ առցանց սոուսների խանութի համար ։
Ուղարկեք ինձ ապրանքի քարտի հղումը Telegram ում. ես կասեմ ձեզ, թե որքան կարող եք շահել՝ հիմնվելով նկարների վրա։
Արդյունք
- Առցանց SEO պատկերի ստուգիչը վերլուծում է էջի մինչև 100 պատկեր և գնահատական է տալիս 0-ից 100՝ յուրաքանչյուրի համար մեկնաբանությունների հետ միասին։
- Ամենաշատ միավորները տրվում են alt և width/height չափումներին, որոնց հաջորդում են lazy loading, WebP/AVIF և srcset չափումները։
- Գլխավոր պատկերը դանդաղ բեռնման կարիք չունի՝ այն պետք է
fetchpriority="high"ունենա։ - Մեծ կատալոգների դեպքում լուսանկարների մշակումը ավտոմատացված է, կամ ընտրվում է այնպիսի հարթակ, որտեղ դա արդեն արված է, օրինակ՝ 1001site ։
Ստուգեք ձեր կայքի ամենածանր էջը անվճար Image SEO Checker-ի միջոցով՝ սկսեք alt-ից։
Աղբյուրներ
- PromoPilot-ի Image SEO Checker էջ - ստուգումներ, գնահատման կանոններ, սահմանափակումներ և հաճախակի տրվող հարցեր։
- Google Search Center - Որոնման համար պատկերների առաջարկություններ:
- Google PageSpeed Insights և Squoosh - Հատկանիշների նկարագրություններ։
