විදුලි පණිවුඩ, WhatsApp  +380637610482
වැලරි ඩැනියුක්
වැලරි ඩැනියුක්සංවර්ධකයාව්‍යාපාර සඳහා AI මෙවලම් සංවර්ධනය කිරීම. උසස් තත්ත්වයේ. දැරිය හැකි මිලකට.Telegram වෙත ලියන්න

මාර්ගගත රූප SEO පරීක්ෂක: Alt, Lazy Loading, WebP, සහ Srcset - නිවැරදි කළ යුතු දේ

මාර්ගගත රූප SEO පරීක්ෂාව: alt, lazy loading, WebP, සහ srcset, සෑම රූපයක් සඳහාම 0–100 ශ්‍රේණිගත කිරීම

ඔබට ලැබෙන දේ

  • පිටුවේ ඇති සෑම රූපයකටම 0–100 ශ්‍රේණිගත කිරීමක් සහ අදහස්: alt, lazy loading, width/height, WebP/AVIF, srcset — නොමිලේ
  • ඔබේ ලකුණු ගණනය කරන ආකාරය සහ එය වේගයෙන් වැඩිදියුණු කරන්නේ කුමන සංස්කරණද යන්න තේරුම් ගැනීම
  • ප්‍රධාන රූපය, ප්‍රතිචාරාත්මක රූප සහ alt ටැග් සඳහා සූදානම් කළ කේත උදාහරණ
අයදුම් කරන්න: මිනිත්තු 15 කින්සුරැකීම්: ඔබගේ දුරකථනයේ Google Images ගමනාගමනය සහ පූරණය වන වේලාවන්

කෙටි පිළිතුර: SEO සඳහා පිටුවක රූප පරීක්ෂා කිරීමට, එහි URL එක PromoPilot හි නොමිලේ SEO Image Checker එකට අලවන්න. මෙවලම <img> ටැග් 100ක් දක්වා විශ්ලේෂණය කරනු ඇත: alt ටැගයක් තිබේද, loading="lazy" සකසා තිබේද, පළල සහ උස සකසා තිබේද, WebP, AVIF, හෝ SVG භාවිතා කර තිබේද, සහ srcset එකක් තිබේද යන්න. ප්‍රතිඵලය වන්නේ 0 සිට 100 දක්වා ලකුණු සහ එක් එක් රූපය පිළිබඳ අදහස් දැක්වීමයි. පහතින් ඔබට ලකුණු ගණනය කරන ආකාරය, පළමුව නිවැරදි කළ යුතු දේ සහ මෙවලම නොදකින දේ සොයාගත හැකිය.

මම අවුරුදු 12ක් තිස්සේ වෙබ් අඩවි සහ වෙළඳසැල් ගොඩනඟමින් සිටිමි, ඒ සෑම එකකම පාහේ ප්‍රධාන බාධකය රූප වේ. සාමාන්‍ය නිෂ්පාදන කාඩ්පතක්: කැමරාවෙන් කෙළින්ම 3MB ඡායාරූප පහක්, හිස් alt පෙළක් සහ ගොනු නාමය IMG_4512.jpg වේ.

Image SEO Check එකෙන් පරීක්ෂා කරන්නේ මොනවාද?

මෙවලම නිර්ණායක පහක් මත පදනම්ව පිටුවේ ඇති සෑම රූපයක්ම බලා ඒවා එකට එකතු කර සමස්ත ලකුණු ලබා ගනී.

එය පරීක්ෂා කරන්නේ කුමක්ද? ඔහු මොනවද බලන්නේ? මෙය SEO සහ ව්‍යාපාර සඳහා වැදගත් වන්නේ ඇයි?
විකල්ප එක් එක් <img> Google Images alt අනුව ශ්‍රේණිගත කිරීම; අන්ධ අයට ප්‍රවේශ්‍යතාව
කම්මැලි පැටවීම පළමු තිරයට පහළින් ඇති රූප සඳහා loading="lazy" ගුණාංගය යොදනු ලැබේ. අමුත්තන් තවමත් අනුචලනය කර නැති කිසිවක් පිටුව පූරණය නොවේ.
පළල සහ උස ටැග් ගුණාංගවල මානයන් දක්වා තිබේද? පූරණය වන විට බ්ලොක් "පනින්න" නැත - මෙය CLS මිනුමකි.
ආකෘතිය ගොනු දිගුව මගින් WebP, AVIF, හෝ SVG නවීන ආකෘති JPG සහ PNG වලට වඩා සැලකිය යුතු ලෙස කුඩාය.
Src කට්ටලය විවිධ තිර සඳහා රූප විකල්ප තිබේද? දුරකථනයට ලැබෙන්නේ කුඩා ගොනුව මිස මොනිටර අනුවාදය නොවේ.

සෑම රූපයකටම අදහස් ලැයිස්තුවක් ලැබෙන අතර පිටුවට අවසාන ලකුණු ලැබේ. මෙය පහසුය: ඔබට වැරැද්ද කුමක්ද යන්න පමණක් නොව, කුමන රූපයේ වැරැද්දද යන්නද දැක ගත හැකිය.

වෙබ් අඩවියක ඇති පින්තූර අන්තර්ජාලයෙන් පරීක්ෂා කරන්නේ කෙසේද?

පියවර 4 කින් රූප පරීක්ෂා කරන්න: URL එක අලවන්න, ස්කෑන් කිරීමට රූප 100 ක් දක්වා රැඳී සිටින්න, ශ්‍රේණිගත කිරීම බලන්න, සහ ඕනෑම අදහසක් නිවැරදි කරන්න.

  1. රූප SEO පරීක්ෂකය විවෘත කරන්න.
  2. පිටු ලිපිනය ඇතුළු කරන්න, වඩාත් සුදුසු වන්නේ ඡායාරූප රාශියක් ඇති ලිපිනයක්: නිෂ්පාදන කාඩ්පත, කාණ්ඩය, බ්ලොග් ලිපිය, කළඹ.
  3. "පරීක්ෂා කරන්න" ක්ලික් කර සියලුම පින්තූර ස්කෑන් කරන තෙක් රැඳී සිටින්න.
  4. එක් එක් රූපය සඳහා ශ්‍රේණිගත කිරීම සහ අදහස් ලැයිස්තුව බලන්න.
  5. කරුණාකර ගැටළු නිරාකරණය කර පිටුව නැවත පරීක්ෂා කරන්න.

මෙවලම් පිටුව පෙනෙන්නේ මෙයයි: ලිපින ක්ෂේත්‍රය, චෙක්පත් ලැයිස්තුව සහ නිතර අසන ප්‍රශ්න.

PromoPilot හි නොමිලේ රූප SEO පරීක්ෂක පිටුව: URL ක්ෂේත්‍රය, alt පරීක්ෂාව, lazy loading, WebP/AVIF, සහ srcset

ශ්‍රේණිගත කිරීම ගණනය කරන්නේ කෙසේද සහ මුලින්ම නිවැරදි කළ යුත්තේ කුමක්ද?

ශ්‍රේණිගත කිරීම ලකුණු 100 කින් ආරම්භ වන අතර, පිටුවේ ඇති රූපවල අසාර්ථක ප්‍රතිශතය අනුව, එක් එක් කලාපය සඳහා දඩ මුදල් අඩු කරනු ලැබේ. නීති දැන ගැනීමෙන්, විශාලතම තල්ලුව ලබා දෙන්නේ කුමක්දැයි සොයා ගැනීම පහසුය.

පරීක්ෂාව හොඳයි අදහස් දක්වන්න
විකල්ප alt සහිත රූපවලින් 50%කට වඩා අඩුවෙන් — -30; 80%ට වඩා අඩු — -15; 100%ට වඩා අඩු — -5 වඩාත්ම වැදගත් කරුණ
කම්මැලි පැටවීම 50% - −15 ට අඩු; 80% - −8 ට අඩු පළමු පින්තූර තුන සැලකිල්ලට නොගනී.
පළල සහ උස 50% - −15 ට අඩු; 80% - −8 ට අඩු CSS-පමණක් මානයන් සැලකිල්ලට නොගනී.
WebP, AVIF, හෝ SVG 30% ට අඩු - -10 ආකෘතිය දිගුව මගින් තීරණය වේ
රාස්ටර් රූප සඳහා Src කට්ටලය 30% ට අඩු - -10 SVG සඳහා srcset අවශ්‍ය නොවේ.

මෙන්න මගේ වැඩ පිළිවෙල:

  1. Alt. මිල අධිකම සහ සවි කිරීමට පහසුම අයිතමය. පෙන්වා ඇති දේ ලියන්න: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", alt="рюкзак купить дёшево рюкзак" නොවේ. අලංකාර අංග සඳහා, හිස් alt="" භාවිතා කරන්න.
  2. පළල සහ උස. ගුණාංගවල සත්‍ය මානයන් සඳහන් කර, CSS වෙත img { max-width: 100%; height: auto; } එකතු කරන්න—රූපය ප්‍රතිචාරාත්මකව පවතිනු ඇති අතර, පිරිසැලසුම පැනීම නවත්වනු ඇත.
  3. අලස පැටවීම නැමීමෙන් පහළින් ඇති සියල්ලටම අදාළ වේ. කෙසේ වෙතත්, එය වීර ප්‍රතිරූපයට අහිතකර ය: එය වහාම සහ ප්‍රමුඛතාවයෙන් පූරණය කළ යුතුය.
  4. WebP හෝ AVIF. WordPress 5.8 අනුවාදයේ සිට WebP උඩුගත කිරීම් සඳහා සහය දක්වයි, සහ 6.5 අනුවාදයේ සිට AVIF සඳහා සහය දක්වයි.
  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 ටැගය ඇගයීමේ වැදගත්ම අංගය වන අතර, බොහෝ විට වැරදි සිදුවන්නේ මෙහිදීය: එය හිස්ව තැබීම හෝ මූල පදවලින් පුරවා ගැනීම. සරල රීතියක්: එක වාක්‍යයකින් එය නොපෙනෙන කෙනෙකුට රූපය විස්තර කරන්න.

පින්තූරය වැරදි විකල්පය හොඳ විකල්ප
නිෂ්පාදන ඡායාරූපය рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
කණ්ඩායම් ඡායාරූපය photo1 Мастера мастерской Nord за работой над сумкой
රූප සටහන හෝ ප්‍රස්තාරය график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
අලංකාර නිරූපකය иконка empty alt="" — එය කියවීමට අවශ්‍ය නැත

නාමාවලියක් සඳහා, සැකිල්ලක් භාවිතයෙන් alt ටැග් නිර්මාණය කිරීම පහසුය: නිෂ්පාදන නාමය + වර්ණය හෝ ප්‍රභේදය + කෝණය. මේ ආකාරයෙන්, තනි කාඩ්පතක ඡායාරූප පහකට සමාන පහක් වෙනුවට වෙනස්, ප්‍රයෝජනවත් විස්තර පහක් ඇත.

ගොනු නාමය ද වැදගත් වේ: kozhanyj-ryukzak-nord-korichnevyj.webp IMG_4512.jpg ට වඩා හොඳයි. මේ සඳහා පමණක් පැරණි ගොනු නැවත නම් කිරීමෙන් පලක් නැත, නමුත් විස්තරාත්මක නම් සහිත නව ඒවා උඩුගත කරන්න.

සංසන්දනය: රූප SEO පරීක්ෂක සහ විකල්ප

මෙවලම නොමිලේ මොනවද? සීමා කිරීම් එය සුදුසු වන්නේ කාටද?
PromoPilot — රූප SEO පරීක්ෂකය Alt, lazy loading, width/height, formats, srcset; ශ්‍රේණිගත කිරීම 0–100 සහ එක් එක් රූපය සඳහා අදහස් 100 img දක්වා, ගොනු ප්‍රමාණය ඇස්තමේන්තු කර නොමැත. ඕනෑම පිටුවකින් රූප ඉක්මනින් විග්‍රහ කරන්න
Google වේග තීක්ෂ්ණ බුද්ධිය වේග පරීක්ෂණයේ කොටසක් ලෙස රූප විගණන: ආකෘතිය, ප්‍රමාණය, අලස පැටවීම වෙනත් චෙක්පත් දුසිම් ගණනක් සමඟ මිශ්‍ර වී, alt යන්තම් තේරුම් ගනී වේගය කෙරෙහි රූපවල බලපෑම තක්සේරු කිරීම
ස්කොෂ් බ්‍රවුසරයක තනි රූපයක් සම්පීඩනය කර පරිවර්තනය කරන්න පිටුව පරීක්ෂා නොකරයි, ගොනු සමඟ ක්‍රියා කරයි. තනි රූප සකස් කිරීම
කෑගසන ගෙම්බා SEO මකුළුවා අඩවිය පුරා විකල්ප පෙළ නොමැති රූප ලැයිස්තුව ස්ථාපනය අවශ්‍යයි, නිදහස් අනුවාදයේ ලිපින සඳහා සීමාවක් ඇත. පිටු සිය ගණනක Alt විගණනය

නිගමනය: මාර්ගගත පරීක්ෂකයෙකු නිශ්චිත පිටුවක ඇති රූපවල ඇති වැරැද්ද කුමක්දැයි පෙන්වයි, PageSpeed වේගයෙන් කොපමණ මුදලක් වැය වේද යන්න පෙන්වයි, සහ Squoosh හෝ පරිවර්තකයක් ගොනු තමන් විසින්ම නිවැරදි කිරීමට උපකාරී වේ.

PromoPilot සතුව නොමිලේ SEO මෙවලම් 87ක් ඇති අතර, ඒවාට රූප සම්පීඩන මෙවලමක් සහ සේවාදායකයට ගොනු උඩුගත නොකර බ්‍රවුසරයේ කෙලින්ම ක්‍රියා කරන WebP පරිවර්තකයක් ඇතුළත් වේ. සමස්ත පිටු ප්‍රමාණය තේරුම් ගැනීමට, අපගේ පිටු වේග විශ්ලේෂණ මාලාවේ අපගේ ලිපිය පරීක්ෂා කරන්න.

රූප සත්‍යාපනයට නොපෙනෙන්නේ කුමක්ද?

මෙවලමෙහි සීමාවන් ගැන අවංක වෙමු - ශ්‍රේණිගත කිරීම නිවැරදිව අර්ථ නිරූපණය කිරීම සඳහා ඒවා දැන ගැනීම වැදගත් වේ:

  • ගොනු ප්‍රමාණය සැලකිල්ලට නොගනී - රූප බාගත නොකෙරේ; ආකෘතිය දිගුව මගින් තීරණය වේ.
  • <picture> ටැගය විග්‍රහ කර නැත: <img> හි JPG <source> හි AVIF හෝ WebP තිබුණත් එය ටැග් කරනු ලැබේ.
  • CSS වෙතින් පසුබිම් රූප සහ JavaScript මඟින් එකතු කරන ලද රූප වාර්තාවට ඇතුළත් නොවේ.
  • CSS හි පමණක් දක්වා ඇති මානයන් සැලකිල්ලට නොගනී.
  • එක <img> එකක්වත් නැති පිටුවකට ලකුණු 50ක් ලැබෙනවා - මේක "වැරදි වලින් භාගයක්" නෙවෙයි, "ඇගයීමට කිසිවක් නැහැ".

නිදහස් මෙවලමක් ප්‍රමාණවත් නොවන්නේ කවදාද?

ප්‍රශස්තිකරණයට පෙර සහ පසු රූප: හිස් alt සහ බර JPGs එදිරිව විස්තර, WebP, නිශ්චිත මානයන් සහ srcset

තනි පිටුවක විකල්ප පෙළ නිවැරදි කිරීමට මිනිත්තු දහයක් ගතවේ. නමුත් ගබඩාවේ නිෂ්පාදන පන්දහසක් තිබේ නම්, එය අතින් කළ නොහැක. ඔබට විශේෂඥයෙකු අවශ්‍ය වන්නේ:

  • සම්පූර්ණ නාමාවලිය සඳහා නම, වර්ණය සහ කෝණයෙන් alt ස්වයංක්‍රීයව ජනනය කළ යුතුය;
  • සම්පීඩනයකින් තොරව කැමරාවෙන් රූප පටවනු ලබන අතර, ස්වයංක්‍රීය නල මාර්ගයක් අවශ්‍ය වේ: සම්පීඩනය, WebP, බහු ප්‍රමාණ;
  • වෙබ් අඩවි තේමාව පළල, උස සහ srcset නොමැතිව ඡායාරූප පෙන්වන අතර, අච්චුව සවි කළ යුතුය;
  • නිෂ්පාදන විමසුම් සඳහා Google Images වෙතින් ගමනාගමනය ලබා ගැනීමට අවශ්‍යද?

ඔබේ වෙබ් අඩවිය සඳහා මට කුමක් කළ හැකිද?

මම වැලරි ඩැනියුක්, වසර 12 ක පළපුරුද්දක් ඇති සංවර්ධකයෙක් සහ SEO විශේෂඥයෙක් සහ සේවාදායකයින් 200 කට අධික සංඛ්‍යාවක් සිටින අතර, ඡායාරූප දහස් ගණනක් සහිත බොහෝ අන්තර්ජාල වෙළඳසැල් ඇතුළුව.

SEO සහ විගණනය

ගබඩා සහ නාමාවලි

ගිණුම්කරණය සහ ස්වයංක්‍රීයකරණය

Telegram එකේ නිෂ්පාදන කාඩ්පතට සබැඳියක් මට එවන්න - පින්තූර අනුව ඔබට කොපමණ මුදලක් දිනා ගත හැකිදැයි මම ඔබට කියමි.

ප්රතිඵලය

  1. මාර්ගගත SEO රූප පරීක්ෂකය පිටුවක රූප 100ක් දක්වා විශ්ලේෂණය කර 0 සිට 100 දක්වා ලකුණු ලබා දෙන අතර, ඒ සෑම එකක් සඳහාම අදහස් දක්වයි.
  2. වැඩිම ලකුණු ලබා දෙන්නේ alt සහ පළල/උස මානයන් සඳහා වන අතර, පසුව lazy loading, WebP/AVIF සහ srcset වේ.
  3. ප්‍රධාන රූපයට අලස පූරණය අවශ්‍ය නොවේ - එයට fetchpriority="high" අවශ්‍ය වේ.
  4. විශාල නාමාවලි සඳහා, ඡායාරූප සැකසීම ස්වයංක්‍රීය වේ - නැතහොත් මෙය දැනටමත් සිදු කර ඇති වේදිකාවක් තෝරා ගනු ලැබේ, උදාහරණයක් ලෙස, 1001site.

නොමිලේ Image SEO Checker එක භාවිතා කර ඔබේ අඩවියේ බරම පිටුව පරීක්ෂා කරන්න — alt යතුරෙන් ආරම්භ කරන්න.

මූලාශ්‍ර

  • PromoPilot හි රූප SEO පරීක්ෂක පිටුව - පරීක්ෂා කිරීම්, ඇගයීම් නීති, සීමාවන් සහ නිතර අසන ප්‍රශ්න.
  • Google සෙවුම් මධ්‍යස්ථානය - සෙවීම සඳහා රූප නිර්දේශ.
  • Google පේජ් ස්පීඩ් ඉන්සයිට්ස් සහ ස්කොෂ් - විශේෂාංග විස්තර.

යොමු සහ මූලාශ්‍ර

ප්‍රශ්න සහ පිළිතුරු

SEO සඳහා alt ටැග් වැදගත් වන්නේ ඇයි?

Alt පෙළ සෙවුම් යන්ත්‍ර සඳහා රූපය සහ අන්ධ අය සඳහා තිර කියවනයන් විස්තර කරයි. Google Images ශ්‍රේණිගත කිරීමේ අරමුණු සඳහා alt පෙළ භාවිතා කරන අතර, පිටුවේ, එය ඡායාරූපයේ අන්තර්ගතය පැහැදිලි කිරීමට උපකාරී වේ. අලංකාර අංග හිස් alt="" ලෙස තැබිය හැක.

රූප ප්‍රමාණය Core Web Vitals වලට බලපාන්නේ කෙසේද?

විශාල රූප LCP මන්දගාමී කරයි - පළමු තිරයේ විශාලතම මූලද්‍රව්‍යයේ විදැහුම් කාලය, එය බොහෝ විට ඡායාරූපයකි. නවීන WebP සහ AVIF ආකෘති, සම්පීඩනය, නිවැරදි මානයන් සහ srcset යන සියල්ල උපකාරී වන අතර, කම්මැලි පැටවීම වළක්වා ගැනීමට සහ ප්‍රධාන රූපය සඳහා ඉහළ පැටවීමේ ප්‍රමුඛතාවයක් සැකසීමට ද උපකාරී වේ.

මෙවලම ගොනු බර පරීක්ෂා කරනවාද?

නැත. මෙවලම රූප බාගත නොකරයි, එබැවින් එය ගොනු ප්‍රමාණය ඇස්තමේන්තු නොකරයි; එය දිගුව මත පදනම්ව ආකෘතිය තීරණය කරයි. රූපවල ප්‍රමාණය සහ සම්පූර්ණ පිටුව සොයා ගැනීමට, පිටු වේග විශ්ලේෂණය හෝ පිටු වේග තීක්ෂ්ණ බුද්ධිය භාවිතා කරන්න.

අපි වෙබ් අඩවිය පරීක්ෂා කළා, නමුත් එය නිවැරදි කිරීමට කිසිවෙක් නැද්ද?

මෙම නොමිලේ මෙවලම ගැටළු හෙළි කරයි. මම වාර්තාව විශ්ලේෂණය කර, ප්‍රමුඛතාවය දී ඒවා නිවැරදි කරමි: SEO විගණනය, වේගවත් කිරීම, සලකුණු කිරීම සහ ශ්‍රේණිගත කිරීම් අහිමි නොවී නව අඩවියකට සංක්‍රමණය කිරීම.