Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukzhvilluesZhvillimi i mjeteve të inteligjencës artificiale për bizneset. Cilësi e lartë. Çmim i përballueshëm.Shkruani në Telegram

Kontrolluesi i SEO-së së Imazheve Online: Alt, Ngarkim i Ngadaltë, WebP dhe Srcset – Çfarë duhet të rregullohet

Kontroll i SEO-së së imazhit online: alt, ngarkim i ngadaltë, WebP dhe srcset, vlerësim 0–100 për secilën imazh

Çfarë do të merrni

  • Një vlerësim dhe komente nga 0–100 për çdo imazh në faqe: alt, ngarkim i ngadaltë, gjerësi/lartësi, WebP/AVIF, srcset — falas
  • Të kuptuarit se si llogaritet rezultati juaj dhe cilat ndryshime do ta përmirësojnë atë më shpejt
  • Shembuj të gatshëm kodi për imazhin kryesor, imazhet responsive dhe etiketat alt
Zbato: në 15 minutaRuan: Trafiku dhe kohët e ngarkimit të Google Images në telefonin tuaj

Përgjigja e shkurtër: për të kontrolluar imazhet në një faqe për SEO, ngjisni URL-në e saj në Kontrolluesin falas të Imazheve SEO të PromoPilot. Mjeti do të analizojë deri në 100 etiketa <img>: nëse ka një etiketë alt, nëse është vendosur loading="lazy", nëse janë vendosur gjerësia dhe lartësia, nëse përdoren WebP, AVIF ose SVG dhe nëse ka një srcset. Rezultati është një pikëzim nga 0 deri në 100 dhe komente për secilën imazh. Më poshtë do të gjeni se si llogaritet pikëzimi, çfarë duhet rregulluar së pari dhe çfarë nuk sheh mjeti.

Kam 12 vjet që ndërtoj faqe interneti dhe dyqane dhe imazhet janë pengesa kryesore në pothuajse secilën prej tyre. Një kartë tipike produkti: pesë foto 3MB direkt nga kamera, një tekst alternativ bosh dhe emri i skedarit është IMG_4512.jpg.

Çfarë kontrollon Image SEO Check?

Mjeti shqyrton çdo imazh në faqe bazuar në pesë kritere dhe i mbledh ato së bashku për të formuar një rezultat të përgjithshëm.

Çfarë kontrollon? Çfarë po shikon ai? Pse është kjo e rëndësishme për SEO-në dhe biznesin?
Alt A ka një përshkrim teksti për secilën <img> Renditja e Google Images sipas alt; aksesueshmërisë për të verbërit
Ngarkim i ngadaltë Atributi loading="lazy" zbatohet në imazhet poshtë ekranit të parë. Faqja nuk ngarkon asgjë ku vizitori nuk ka shkuar ende.
Gjerësia dhe lartësia A janë specifikuar dimensionet në atributet e etiketës? Blloqet nuk "kërcejnë" gjatë ngarkimit - kjo është një metrikë CLS
Formati WebP, AVIF ose SVG sipas zgjerimit të skedarit Formatet moderne janë dukshëm më të vogla se JPG dhe PNG.
Srcset A ka mundësi imazhi për ekrane të ndryshme? Telefoni merr skedarin e vogël, jo versionin e monitorit.

Çdo imazh merr një listë komentesh dhe faqja merr një vlerësim përfundimtar. Kjo është e përshtatshme: ju mund të shihni jo vetëm se çfarë nuk shkon, por edhe se cili imazh është fajtor.

Si të kontrolloni imazhet në një faqe interneti?

Kontrolloni imazhet në 4 hapa: ngjisni URL-në, prisni që të skanohen deri në 100 imazhe, shikoni vlerësimin dhe korrigjoni çdo koment.

  1. Hap Kontrolluesin SEO të Imazheve.
  2. Vendosni adresën e faqes, mundësisht një me shumë foto: kartë produkti, kategori, artikull blogu, portofol.
  3. Klikoni "Kontrolloni" dhe prisni që të gjitha imazhet të skanohen.
  4. Shikoni vlerësimin dhe listën e komenteve për secilën imazh.
  5. Ju lutem rregulloni problemet dhe kontrolloni përsëri faqen.

Ja si duket faqja e mjetit: fusha e adresës, lista e kontrolleve dhe pyetjet e shpeshta.

Faqja falas e Kontrolluesit të SEO-së së Imazheve nga PromoPilot: fusha URL, kontrolli alt, ngarkimi i ngadaltë, WebP/AVIF dhe srcset

Si llogaritet vlerësimi dhe çfarë duhet të korrigjohet së pari?

Vlerësimi fillon nga 100 pikë dhe penalitetet zbriten për çdo problem, varësisht nga përqindja e imazheve në faqe që nuk e kalojnë atë. Duke ditur rregullat, është e lehtë të kuptosh se çfarë do të japë rritjen më të madhe.

Ekzaminim Mirë Koment
Alt Më pak se 50% e imazheve me alt — -30; më pak se 80% — -15; më pak se 100% — -5 Pika më domethënëse
Ngarkim i ngadaltë më pak se 50% - −15; më pak se 80% - −8 Tre fotografitë e para nuk merren parasysh
Gjerësia dhe lartësia më pak se 50% - −15; më pak se 80% - −8 Dimensionet vetëm të CSS nuk merren parasysh.
WebP, AVIF ose SVG më pak se 30% - 10 Formati përcaktohet nga zgjatimi
Srcset për imazhe raster më pak se 30% - 10 SVG nuk ka nevojë për srcset

Ja rendi im i punës:

  1. Alt. Artikulli më i shtrenjtë dhe më i lehtë për t'u rregulluar. Shkruani çfarë tregohet: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", jo alt="рюкзак купить дёшево рюкзак". Për elementët dekorativë, përdorni një alt="" bosh.
  2. Gjerësia dhe lartësia. Specifikoni dimensionet aktuale në atribute dhe shtoni img { max-width: 100%; height: auto; } në CSS—imazhi do të mbetet responsiv dhe paraqitja do të ndalojë së kërcyeri.
  3. Ngarkimi i ngadaltë vlen për gjithçka poshtë faqes. Megjithatë, është i dëmshëm për imazhin e heroit: duhet të ngarkohet menjëherë dhe me përparësi.
  4. WebP ose AVIF. WordPress ka mbështetur ngarkimet WebP që nga versioni 5.8 dhe AVIF që nga versioni 6.5.
  5. Srcset për foto të mëdha në mënyrë që telefoni të mos shkarkojë versionin e monitorit.

Një shembull i një imazhi kryesor të duhur dhe një fotografie adaptive në tekst:

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

Si të shkruani një etiketë alt të mirë për një imazh?

Etiketa alt është elementi më i rëndësishëm i vlerësimit dhe është vendi ku bëhen gabimet më shpesh: ose duke e lënë bosh ose duke e mbushur me fjalë kyçe. Një rregull i thjeshtë: përshkruajeni imazhin dikujt që nuk mund ta shohë me një fjali të vetme.

Foto Alt i keq Alt i mirë
Foto e produktit рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Foto e ekipit photo1 Мастера мастерской Nord за работой над сумкой
Diagram ose grafik график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Ikonë dekorative иконка alt="" bosh — nuk ka nevojë ta lexosh

Për një katalog, është e përshtatshme të krijosh etiketa alt duke përdorur një shabllon: emri i produktit + ngjyra ose varianti + këndi. Në këtë mënyrë, pesë foto në një kartë të vetme do të kenë pesë përshkrime të ndryshme dhe të dobishme, në vend të pesë përshkrimeve identike.

Emri i skedarit ka rëndësi gjithashtu: kozhanyj-ryukzak-nord-korichnevyj.webp është më i mirë se IMG_4512.jpg. Nuk ka kuptim të riemërtoni skedarët e vjetër vetëm për këtë, por ngarkoni të rinj me emra përshkrues.

Krahasim: Kontrolluesi i SEO-së së Imazheve dhe Alternativat

Mjet Çfarë është falas? Kufizime Për kë është i përshtatshëm?
PromoPilot — Kontrollues SEO për Imazhe Alt, ngarkim i ngadaltë, gjerësi/lartësi, formate, srcset; vlerësim 0–100 dhe komente për secilën imazh Deri në 100 imazhe, madhësia e skedarit nuk është vlerësuar Analizoni shpejt imazhet nga çdo faqe
Google PageSpeed Insights Auditimet e imazheve si pjesë e testit të shpejtësisë: formati, madhësia, ngarkimi i ngadaltë I përzier me dhjetëra kontrolle të tjera, alt mezi e kupton Vlerësimi i ndikimit të imazheve në shpejtësi
Squoosh Kompresoni dhe konvertoni një imazh të vetëm në një shfletues Nuk e kontrollon faqen, funksionon me skedarë Përgatitja e imazheve individuale
Merimanga SEO me bretkocë që bërtet Lista e imazheve pa tekst alternativ në të gjithë faqen e internetit Kërkohet instalim, versioni falas ka një kufi në adresat Auditim alternativ në qindra faqe

Përfundim: Një kontrollues online tregon se çfarë nuk shkon me imazhet në një faqe specifike, PageSpeed tregon se sa kushton në shpejtësi, dhe Squoosh ose një konvertues ndihmon në rregullimin e vetë skedarëve.

PromoPilot ka 87 mjete falas SEO, duke përfshirë një mjet kompresimi imazhesh dhe një konvertues WebP që funksionojnë direkt në shfletues, pa ngarkuar skedarë në server. Për të kuptuar madhësinë e përgjithshme të faqes, shikoni artikullin tonë në serinë tonë të analizës së shpejtësisë së faqes.

Çfarë nuk shihet nga verifikimi i imazhit?

Le të jemi të sinqertë në lidhje me kufizimet e mjetit - është e rëndësishme t'i njohim ato për të interpretuar me saktësi vlerësimin:

  • Madhësia e skedarit nuk merret parasysh — imazhet nuk shkarkohen; formati përcaktohet nga prapashtesa.
  • Etiketa <picture> nuk është analizuar: JPG në <img> do të etiketohet edhe nëse ka AVIF ose WebP në <source> pranë saj.
  • Imazhet e sfondit nga CSS dhe imazhet e shtuara nga JavaScript nuk përfshihen në raport.
  • Dimensionet e specifikuara vetëm në CSS nuk merren parasysh.
  • Një faqe pa asnjë <img> merr 50 pikë - kjo nuk është "gjysma e gabimeve", por "asgjë për t'u vlerësuar".

Kur nuk mjafton një mjet falas?

Imazhet para dhe pas optimizimit: alt bosh dhe JPG të rënda kundrejt përshkrimeve, WebP, dimensioneve të specifikuara dhe srcset

Korrigjimi i tekstit alt në një faqe të vetme zgjat dhjetë minuta. Por nëse dyqani ka pesë mijë produkte, është e pamundur ta bësh manualisht. Ju nevojitet një specialist nëse:

  • alt duhet të gjenerohet automatikisht nga emri, ngjyra dhe këndi për të gjithë katalogun;
  • Imazhet ngarkohen nga kamera pa kompresim dhe nevojitet një kanal automatik: kompresim, WebP, madhësi të shumëfishta;
  • Tema e faqes së internetit shfaq fotot pa gjerësi, lartësi dhe srcset, dhe shablloni duhet të rregullohet;
  • Dëshironi të merrni trafik nga Google Images për pyetje mbi produktet?

Çfarë mund të bëj për faqen tuaj të internetit?

Unë jam Valeriy Danyuk, një zhvillues dhe specialist i SEO-s me 12 vjet përvojë dhe mbi 200 klientë, përfshirë dyqane të shumta online me mijëra foto.

SEO dhe auditim

Dyqane dhe katalogë

Kontabilitet dhe automatizim

Më dërgoni një link për kartën e produktit në Telegram - Do t'ju tregoj se sa mund të fitoni bazuar në foto.

Rezultati

  1. Kontrolluesi i imazheve SEO online analizon deri në 100 imazhe në një faqe dhe cakton një rezultat nga 0 deri në 100, së bashku me komente për secilën.
  2. Më shumë pikë u jepen dimensioneve alt dhe gjerësi/lartësi, të ndjekura nga ngarkimi i ngadaltë, WebP/AVIF dhe srcset.
  3. Imazhi kryesor nuk ka nevojë për ngarkim të ngadaltë - ai ka nevojë për fetchpriority="high".
  4. Për katalogë të mëdhenj, përpunimi i fotove është i automatizuar - ose zgjidhet një platformë ku kjo është bërë tashmë, për shembull, 1001site.

Kontrolloni faqen më të rëndë të faqes suaj me Image SEO Checker falas — filloni me alt.

Burimet

  • Faqja e Kontrolluesit të SEO-së së Imazheve të PromoPilot - kontrolle, rregulla vlerësimi, kufizime dhe pyetje të shpeshta.
  • Qendra e Kërkimit Google - Rekomandime imazhesh për kërkim.
  • Google PageSpeed Insights dhe Squoosh - Përshkrime të veçorive.

Referenca dhe burime

Pyetje dhe Përgjigje

Pse janë të rëndësishme alt tags për SEO?

Teksti alt përshkruan imazhin për motorët e kërkimit dhe lexuesit e ekranit për të verbrit. Google Images përdor tekstin alt për qëllime renditjeje dhe, në faqe, ndihmon në shpjegimin e përmbajtjes së fotos. Elementet dekorative mund të lihen me një alt="" bosh.

Si ndikon madhësia e imazhit në Core Web Vitals?

Imazhet e mëdha ngadalësojnë LCP-në—kohën e paraqitjes së elementit më të madh në ekranin e parë, i cili shpesh është një foto. Formatet moderne WebP dhe AVIF, kompresimi, dimensionet e sakta dhe srcset ndihmojnë, ashtu si shmangia e ngarkimit të ngadaltë dhe vendosja e një përparësie të lartë ngarkimi për imazhin kryesor.

A e kontrollon mjeti peshën e skedarit?

Jo. Mjeti nuk shkarkon imazhe, kështu që nuk vlerëson madhësinë e skedarit; ai përcakton formatin bazuar në prapashtesën. Për të zbuluar madhësinë e imazheve dhe të të gjithë faqes, përdorni Page Speed Analysis ose PageSpeed Insights.

E kontrolluam faqen e internetit, por nuk ka askush për ta rregulluar?

Ky mjet falas zbulon problemet. Do ta analizoj raportin, do t'i jap përparësi dhe do t'i rregulloj ato: auditim SEO, përshpejtim, shënjim dhe migrim në një faqe të re pa humbur renditjen.