Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukgaratzaileEnpresentzako IA tresnak garatzen. Kalitate handikoa. Merkea.Idatzi Telegram bidez

Lineako Irudien SEO Egiaztatzailea: Alt, Kargatze Alferra, WebP eta Srcset – Zer Konpondu

Lineako irudien SEO egiaztapena: alt, alferra kargatzea, WebP eta srcset, 0-100 balorazioa irudi bakoitzeko

Zer lortuko duzun

  • 0tik 100era bitarteko balorazioa eta orrialdeko irudi bakoitzaren iruzkinak: alt, kargatze alferra, zabalera/altuera, WebP/AVIF, srcset — doan
  • Zure puntuazioa nola kalkulatzen den eta zein ediziok hobetuko duten azkarren ulertzea
  • Irudi nagusirako, irudi erantzunkorretarako eta alt etiketetarako prest egindako kode adibideak
Aplikatu: 15 minututanGordetakoa: Google Irudien trafikoa eta kargatzeko denborak zure telefonoan

Erantzun laburra: orrialde bateko irudiak SEOrako egiaztatzeko, itsatsi URLa PromoPilot-en doako SEO Image Checker- ean. Tresnak 100 <img> etiketa aztertuko ditu: alt etiketarik dagoen, loading="lazy" ezarrita dagoen, zabalera eta altuera ezarrita dauden, WebP, AVIF edo SVG erabiltzen diren eta srcset bat dagoen. Emaitza 0tik 100era bitarteko puntuazioa eta irudi bakoitzari buruzko iruzkinak dira. Jarraian, puntuazioa nola kalkulatzen den, zer konpondu behar den lehenik eta tresnak zer ez duen ikusten aurkituko duzu.

12 urte daramatzat webguneak eta dendak eraikitzen, eta irudiak dira ia denetan oztopo nagusia. Produktu-txartel tipiko bat: kameratik ateratako bost 3 MB-ko argazki, alt testu huts bat eta fitxategiaren izena IMG_4512.jpg da.

Zer egiaztatzen du Irudien SEO Check-ak?

Tresnak orrialdeko irudi bakoitza bost irizpideren arabera aztertzen du eta batzen ditu puntuazio orokorra osatzeko.

Zer egiaztatzen du? Zeri begira dago? Zergatik da hau garrantzitsua SEOrako eta negozioetarako?
Alt Ba al dago testu deskribapenik <img> Google Irudien sailkapena alt arabera; itsuentzako irisgarritasuna
Kargatze alferra loading="lazy" atributua lehenengo pantailaren azpiko irudiei aplikatzen zaie. Orrialdeak ez du bisitariak oraindik ikusi ez duen ezer kargatzen.
Zabalera eta altuera Dimentsioak etiketaren atributuetan zehaztuta al daude? Blokeek ez dute "jauzirik" egiten kargatzean - hau CLS metrika bat da
Formatua WebP, AVIF edo SVG fitxategi-luzapenaren arabera Gaur egungo formatuak JPG eta PNG baino nabarmen txikiagoak dira.
Srcset Ba al dago irudi aukerarik pantaila desberdinetarako? Telefonoak fitxategi txikia jasotzen du, ez monitorearen bertsioa.

Irudi bakoitzak iruzkinen zerrenda bat jasotzen du, eta orrialdeak azken puntuazioa jasotzen du. Hau komenigarria da: ez duzu soilik zer dagoen gaizki ikus dezakezu, baita zein irudi den akastuna ere.

Nola egiaztatu irudiak webgune batean online?

Egiaztatu irudiak 4 urratsetan: itsatsi URLa, itxaron 100 irudi eskaneatu arte, ikusi balorazioa eta zuzendu iruzkinak.

  1. Ireki Irudien SEO egiaztatzailea.
  2. Txertatu orriaren helbidea, hobe argazki asko dituena: produktuaren txartela, kategoria, blog artikulua, portfolioa.
  3. Egin klik "Egiaztatu" aukeran eta itxaron irudi guztiak eskaneatu arte.
  4. Ikusi irudi bakoitzaren balorazioa eta iruzkinen zerrenda.
  5. Mesedez, konpondu arazoak eta begiratu berriro orria.

Tresna-orrialdeak honelako itxura du: helbide-eremua, egiaztapenen zerrenda eta maiz egiten diren galderak.

PromoPilot-en doako Irudi SEO egiaztatzaile orria: URL eremua, alt egiaztapena, kargatze alferra, WebP/AVIF eta srcset

Nola kalkulatzen da balorazioa eta zer zuzendu behar da lehenik?

Sailkapena 100 puntutan hasten da, eta zigorrak kentzen dira arazo bakoitzeko, orrialdean huts egiten duten irudien ehunekoaren arabera. Arauak ezagututa, erraza da asmatzea zerk emango duen bultzada handiena.

Azterketa Fina Iruzkina
Alt Irudien % 50 baino gutxiago alt-a dutenak — -30; % 80 baino gutxiago — -15; % 100 baino gutxiago — -5 Punturik esanguratsuena.
Kargatze alferra %50 baino gutxiago - −15; %80 baino gutxiago - −8 Lehenengo hiru argazkiak ez dira kontuan hartuko
Zabalera eta altuera %50 baino gutxiago - −15; %80 baino gutxiago - −8 CSS-rako soilik diren dimentsioak ez dira kontuan hartzen.
WebP, AVIF edo SVG %30 baino gutxiago - -10 Formatua luzapenak zehazten du
Srcset raster irudietarako %30 baino gutxiago - -10 SVG-k ez du srcset behar

Hona hemen nire lan-agindua:

  1. Alt. Elementurik garestiena eta konpontzen errazena. Idatzi erakusten dena: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", ez alt="рюкзак купить дёшево рюкзак". Elementu apaingarrietarako, erabili alt="" huts bat.
  2. Zabalera eta altuera. Zehaztu benetako neurriak atributuetan, eta gehitu img { max-width: 100%; height: auto; } CSSri — irudia erantzunkorra izaten jarraituko du, eta diseinuak jauzi egiteari utziko dio.
  3. Kargatze alferra tolesturaren azpiko guztiari aplikatzen zaio. Hala ere, kaltegarria da heroiaren irudiarentzat: berehala eta lehentasunez kargatu behar da.
  4. WebP edo AVIF. WordPress WebP igoerak onartzen ditu 5.8 bertsiotik aurrera, eta AVIF 6.5 bertsiotik aurrera.
  5. Argazki handietarako Srcset, telefonoak monitorearen bertsioa deskargatu ez dezan.

Testuan irudi nagusi egoki baten eta argazki moldagarri baten adibidea:

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

Nola idatzi alt etiketa ona irudi baterako?

Alt etiketa ebaluazioaren elementurik garrantzitsuena da, eta akatsak gehien egiten diren tokia da: hutsik uztea edo gako-hitzekin betetzea. Arau sinple bat: deskribatu irudia esaldi batean ikusten ez duen norbaiti.

Irudia Alt txarra Alt ona
Produktuaren argazkia рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Taldeko argazkia photo1 Мастера мастерской Nord за работой над сумкой
Diagrama edo taula график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Apaingarriaren ikonoa иконка alt="" hutsa — ez dago irakurtzeko beharrik

Katalogo baterako, komenigarria da alt etiketak sortzea txantiloi bat erabiliz: produktuaren izena + kolorea edo aldaera + angelua. Horrela, txartel bakarreko bost argazkik bost deskribapen desberdin eta erabilgarri izango dituzte, bost berdin-berdinen ordez.

Fitxategiaren izenak ere garrantzia du: kozhanyj-ryukzak-nord-korichnevyj.webp IMG_4512.jpg baino hobea da. Ez du zentzurik fitxategi zaharrak izenez aldatzeak horregatik bakarrik, baina berriak igo ditzakezu izen deskriptiboekin.

Konparaketa: Irudien SEO egiaztatzailea eta alternatibak

Tresna Zer da doakoa? Murrizketak Norentzat da egokia?
PromoPilot — Irudien SEO egiaztatzailea Alt, kargatze alferra, zabalera/altuera, formatuak, srcset; 0tik 100era bitarteko balorazioa eta iruzkinak irudi bakoitzerako Gehienez 100 irudi, fitxategiaren tamaina ez da kalkulatzen Azkar aztertu edozein orrialdetako irudiak
Google PageSpeed Insights Irudien auditoriak abiadura-probaren barruan: formatua, tamaina, kargatze alferra Beste dozenaka egiaztapenekin nahastuta, alt-ek ia ez du ulertzen Irudiek abiaduran duten eragina ebaluatzea
Squoosh Irudi bakarra konprimitu eta bihurtu arakatzaile batean Ez du orrialdea egiaztatzen, fitxategiekin funtzionatzen du Banakako irudiak prestatzea
Oihuka ari den igel SEO armiarma Gune osoko alt testurik gabeko irudien zerrenda Instalazioa beharrezkoa da, doako bertsioak helbide muga bat du Alt auditoria ehunka orrialdetan

Ondorioa: Lineako egiaztatzaile batek orrialde jakin bateko irudiekin zer dagoen gaizki erakusten du, PageSpeed-ek abiaduran zenbat kostatzen den erakusten du, eta Squoosh edo bihurgailu batek fitxategiak beraiek konpontzen laguntzen du.

PromoPilot-ek 87 SEO tresna doako ditu, besteak beste, irudien konpresio tresna bat eta WebP bihurgailu bat, zuzenean arakatzailean funtzionatzen dutenak, fitxategiak zerbitzarira igo gabe. Orrialdearen tamaina orokorra ulertzeko, begiratu gure orrialdeen abiaduraren analisi serieko artikulua.

Zer ez du ikusten irudiaren egiaztapenak?

Izan gaitezen zintzoak tresnaren mugei buruz: garrantzitsua da horiek ezagutzea balorazioa behar bezala interpretatzeko:

  • Fitxategiaren tamaina ez da kontuan hartzen —irudiak ez dira deskargatzen; formatua luzapenak zehazten du.
  • <picture> etiketa ez da analizatu: <img> -ko JPG etiketatua izango da, nahiz eta ondoan <source> -n AVIF edo WebP egon.
  • CSS-ko atzeko planoko irudiak eta JavaScript-ek gehitutako irudiak ez dira txostenean sartzen.
  • CSS-n bakarrik zehaztutako dimentsioak ez dira kontuan hartzen.
  • <img> bakar bat ere ez duen orrialde batek 50 puntu lortzen ditu - hau ez da "akatsen erdia", baizik eta "ez dago baloratu beharreko ezer".

Noiz ez da nahikoa doako tresna bat?

Irudiak optimizazioaren aurretik eta ondoren: alt hutsak eta JPG astunak deskribapenen, WebP-ren, zehaztutako dimentsioen eta srcset-aren aldean

Orrialde bakarreko alt testua zuzentzeak hamar minutu behar ditu. Baina dendak bost mila produktu baditu, ezinezkoa da eskuz egitea. Espezialista bat behar duzu honako kasu hauetan:

  • alt automatikoki sortu beharko litzateke katalogo osoaren izen, kolore eta angelutik abiatuta;
  • irudiak kameratik kargatzen dira konpresiorik gabe, eta hodi automatiko bat behar da: konpresioa, WebP, tamaina anitz;
  • Webgunearen gaiak zabalera, altuera eta srcset-ik gabeko argazkiak erakusten ditu, eta txantiloia konpondu behar da;
  • Google Irudietatik produktuen kontsultetarako trafikoa lortu nahi duzu?

Zer egin dezaket zure webgunearentzat?

Valeriy Danyuk naiz, garatzailea eta SEO espezialista, 12 urteko esperientziarekin eta 200 bezero baino gehiagorekin, milaka argazki dituzten online denda ugari barne.

SEO eta auditoria

Dendak eta katalogoak

Kontabilitatea eta automatizazioa

Bidali iezadazu Telegram eko produktuaren txartelaren esteka - esango dizut zenbat irabaz dezakezun argazkien arabera.

Emaitza

  1. Online SEO irudi egiaztatzaileak orrialde bateko 100 irudi aztertzen ditu eta 0tik 100era bitarteko puntuazioa esleitzen dio, bakoitzari iruzkinak gehituta.
  2. Puntu gehien alt eta zabalera/altuera dimentsioei ematen zaizkie, eta ondoren kargatze alferra, WebP/AVIF eta srcset datoz.
  3. Irudi nagusiak ez du kargatze alferra behar - fetchpriority="high" behar du.
  4. Katalogo handietan, argazkien prozesamendua automatizatzen da —edo dagoeneko egiten den plataforma bat aukeratzen da, adibidez, 1001site.

Egiaztatu zure guneko orrialderik astunena doako Image SEO Checker -ekin — alt-etik hasi.

Iturriak

  • PromoPilot-en Irudien SEO egiaztatzailearen orria - egiaztapenak, ebaluazio arauak, mugak eta maiz egiten diren galderak.
  • Google Search Central - Bilaketarako irudien gomendioak.
  • Google PageSpeed Insights eta Squoosh - Ezaugarrien deskribapenak.

Erreferentziak eta iturriak

Galderak eta erantzunak

Zergatik dira alt etiketak garrantzitsuak SEOrako?

Alt testuak irudia deskribatzen du bilatzaileentzat eta itsuentzako pantaila-irakurgailuentzat. Google Irudiak alt testua erabiltzen du sailkapen helburuetarako, eta orrialdean, argazkiaren edukia azaltzen laguntzen du. Elementu apaingarriak alt="" hutsik utz daitezke.

Nola eragiten dio irudiaren tamainari Core Web Vitals-i?

Irudi handiek LCP moteltzen dute —lehenengo pantailako elementurik handienaren errendatze-denbora, askotan argazki bat dena—. WebP eta AVIF formatu modernoek, konpresioak, dimentsio zuzenek eta srcset-ek laguntzen dute, baita kargatze alferra saihesteak eta irudi nagusirako kargatzeko lehentasun handia ezartzeak ere.

Tresnak fitxategiaren pisua egiaztatzen al du?

Ez. Tresnak ez ditu irudiak deskargatzen, beraz, ez du fitxategiaren tamaina kalkulatzen; formatua luzapenaren arabera zehazten du. Irudien eta orrialde osoaren tamaina jakiteko, erabili Page Speed Analysis edo PageSpeed Insights.

Webgunea begiratu dugu, baina ez dago inor konpontzeko?

Doako tresna honek arazoak agerian uzten ditu. Txostena aztertuko dut, lehentasunak ezarriko ditut eta konponduko ditut: SEO auditoria, abiadura handitzea, markaketa eta gune berri batera migratzea sailkapena galdu gabe.