Telegalamu, WhatsApp  +380637610482
Valery Danyuk
Valery Danyukwopanga mapulogalamuKupanga zida zaukadaulo wa AI zamabizinesi. Zapamwamba kwambiri. Zotsika mtengo.Lembani ku Telegram

Chowunikira Zithunzi pa Intaneti cha SEO: Alt, Lazy Loading, WebP, ndi Srcset - Zoyenera Kukonza

Kufufuza kwa SEO ya chithunzi pa intaneti: alt, kutsitsa mwaulesi, WebP, ndi srcset, 0–100 rating pa chithunzi chilichonse

Zimene mudzapeza

  • Chiyerekezo cha 0–100 ndi ndemanga pa chithunzi chilichonse patsamba: alt, kutsitsa pang'ono, m'lifupi/kutalika, WebP/AVIF, srcset — yaulere
  • Kumvetsetsa momwe zigoli zanu zimawerengedwera komanso kusintha komwe kungakuthandizeni kuti musinthe mwachangu kwambiri
  • Zitsanzo za ma code okonzedwa bwino a chithunzi chachikulu, zithunzi zoyankha, ndi ma alt tag
Ikani: mu mphindi 15Zosunga: Kuchuluka kwa magalimoto Google Images ndi nthawi yotumizira mafayilo pafoni yanu

Yankho lalifupi: kuti muwone zithunzi patsamba la SEO, ikani URL yake mu SEO Image Checker yaulere ya PromoPilot. Chidachi chidzasanthula ma tag okwana 100 <img>: ngati pali alt tag, ngati loading="lazy" yakhazikitsidwa, ngati m'lifupi ndi kutalika zakhazikitsidwa, ngati WebP, AVIF, kapena SVG zagwiritsidwa ntchito, komanso ngati pali srcset. Zotsatira zake ndi chigoli kuyambira 0 mpaka 100 ndi ndemanga pa chithunzi chilichonse. Pansipa mupeza momwe chigoli chimawerengedwera, choti mukonze kaye, ndi zomwe chidacho sichikuwona.

Ndakhala ndikumanga mawebusayiti ndi masitolo kwa zaka 12, ndipo zithunzi ndiye vuto lalikulu pafupifupi pa chilichonse mwa izo. Khadi lodziwika bwino la chinthu: zithunzi zisanu za 3MB kuchokera pa kamera, mawu opanda kanthu, ndipo dzina la fayilo ndi IMG_4512.jpg.

Kodi Chithunzi cha SEO chimayang'ana chiyani?

Chidachi chimayang'ana chithunzi chilichonse patsambali pogwiritsa ntchito njira zisanu ndikuziphatikiza pamodzi kuti zipange chigoli chonse.

Kodi chimayang'ana chiyani? Akuyang'ana chiyani? Chifukwa chiyani izi ndizofunikira pa SEO ndi bizinesi?
Alt Kodi pali kufotokozera kwa mawu pa <img> Kuchuluka kwa zithunzi Google potengera kupezeka kwa anthu akhungu
Kutsegula mwaulesi Chizindikiro cha loading="lazy" chimagwiritsidwa ntchito pazithunzi zomwe zili pansi pa sikirini yoyamba. Tsamba silikuyika chilichonse chomwe mlendo sanayendepo.
M'lifupi ndi kutalika Kodi miyeso yatchulidwa mu zizindikiro za tag? Ma blocks "sadumphadumpha" akamatsegula - iyi ndi CLS metric
Mtundu WebP, AVIF, kapena SVG pogwiritsa ntchito fayilo yowonjezera Mafomu amakono ndi ocheperako poyerekeza ndi JPG ndi PNG.
Srcset Kodi pali zithunzi zomwe mungasankhe paziwonetsero zosiyanasiyana? Foni imalandira fayilo yaying'ono, osati mtundu wa monitor.

Chithunzi chilichonse chimalandira mndandanda wa ndemanga, ndipo tsamba limalandira zigoli zomaliza. Izi ndi zosavuta: simungowona chomwe chalakwika chokha, komanso chithunzi chomwe chalakwika.

Kodi mungayang'ane bwanji zithunzi patsamba lawebusayiti pa intaneti?

Chongani zithunzi m'magawo anayi: ikani ulalo, dikirani kuti zithunzi zokwana 100 zisankhidwe, onani mlingo, ndikukonza ndemanga zilizonse.

  1. Tsegulani Chithunzi cha SEO Checker.
  2. Ikani adilesi ya tsamba, makamaka yokhala ndi zithunzi zambiri: khadi la malonda, gulu, nkhani ya blog, mbiri ya ntchito.
  3. Dinani "Chongani" ndipo dikirani kuti zithunzi zonse zifufuzidwe.
  4. Onani kuchuluka ndi mndandanda wa ndemanga pa chithunzi chilichonse.
  5. Chonde konzani mavutowo ndipo yang'ananinso tsamba lino.

Umu ndi momwe tsamba la zida limaonekera: gawo la adilesi, mndandanda wa macheke ndi Mafunso Ofunsidwa Kawirikawiri.

Tsamba laulere la PromoPilot la Image SEO Checker: URL field, alt check, lazy loading, WebP/AVIF, ndi srcset

Kodi chiwerengerocho chimawerengedwa bwanji ndipo n’chiyani chiyenera kukonzedwa kaye?

Kuwunikaku kumayamba ndi mapointi 100, ndipo zilango zimachotsedwa pa nkhani iliyonse, kutengera kuchuluka kwa zithunzi zomwe zili patsamba zomwe sizikugwira ntchito. Podziwa malamulo, n'zosavuta kudziwa chomwe chingakupatseni chilimbikitso chachikulu.

Kuyesa Zabwino Ndemanga
Alt Zithunzi zosakwana 50% zokhala ndi alt — -30; zosakwana 80% — -15; zosakwana 100% — -5 Mfundo yofunika kwambiri
Kutsegula mwaulesi zosakwana 50% - −15; zosakwana 80% - −8 Zithunzi zitatu zoyambirira sizikuganiziridwa
M'lifupi ndi kutalika zosakwana 50% - −15; zosakwana 80% - −8 Miyeso ya CSS yokha siiganiziridwa.
WebP, AVIF, kapena SVG zosakwana 30% - -10 Kapangidwe kake kamatsimikiziridwa ndi kuwonjezera
Srcset ya zithunzi za raster zosakwana 30% - -10 SVG sikufuna srcset

Nayi oda yanga yogwirira ntchito:

  1. Chinthu china chodula kwambiri komanso chosavuta kukonza. Lembani zomwe zawonetsedwa: alt alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", osati alt="рюкзак купить дёшево рюкзак". Pazinthu zokongoletsera, gwiritsani ntchito alt="" yopanda kanthu.
  2. M'lifupi ndi kutalika. Fotokozani miyeso yeniyeni mu makhalidwe, ndikuwonjezera img { max-width: 100%; height: auto; } ku CSS—chithunzicho chidzakhalabe choyankha, ndipo kapangidwe kake kadzasiya kulumpha.
  3. Kuyika zinthu mopanda chidwi kumagwira ntchito pa chilichonse chomwe chili pansi pa khola. Komabe, kumawononga chithunzi cha ngwazi: chiyenera kuyikidwa nthawi yomweyo komanso mosamala.
  4. WebP kapena AVIF. WordPress yathandizira kukweza ma WebP kuyambira mtundu wa 5.8, ndi AVIF kuyambira mtundu wa 6.5.
  5. Sungani zithunzi zazikulu kuti foni isatsitse mtundu wa monitor.

Chitsanzo cha chithunzi chachikulu choyenera ndi chithunzi chosinthika m'malemba:

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

Kodi mungalembe bwanji chizindikiro chabwino cha alt cha chithunzi?

Chizindikiro cha alt ndicho chinthu chofunikira kwambiri pakuwunika, ndipo ndi komwe zolakwa zimachitika nthawi zambiri: kusiya chopanda kanthu kapena kudzaza mawu osakira. Lamulo losavuta: fotokozerani chithunzicho kwa munthu amene sangathe kuchiwona mu chiganizo chimodzi.

Chithunzi Alt yoipa Zabwino zonse
Chithunzi cha chinthucho рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Chithunzi cha gulu photo1 Мастера мастерской Nord за работой над сумкой
Chithunzi kapena tchati график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Chizindikiro chokongoletsera иконка empty alt="" — palibe chifukwa choiwerenga

Pa kabukhu, ndikosavuta kupanga ma alt tag pogwiritsa ntchito template: dzina la chinthu + mtundu kapena chosinthika + ngodya. Mwanjira imeneyi, zithunzi zisanu pa khadi limodzi zidzakhala ndi mafotokozedwe asanu osiyanasiyana, othandiza, m'malo mwa asanu ofanana.

Dzina la fayilo nalonso ndi lofunika: kozhanyj-ryukzak-nord-korichnevyj.webp ndi labwino kuposa IMG_4512.jpg. Palibe chifukwa chosinthira mayina a mafayilo akale chifukwa cha izi, koma tsitsani atsopano okhala ndi mayina ofotokozera.

Kuyerekeza: Chithunzi cha SEO Chowunika ndi Njira Zina

Chida Kodi ndi chiyani chaulere? Zoletsa Kodi ndi yoyenera kwa ndani?
PromoPilot — Chithunzi cha SEO Chowunika Alt, kutsitsa pang'ono, m'lifupi/kutalika, mawonekedwe, srcset; mlingo 0–100 ndi ndemanga pa chithunzi chilichonse Kufikira 100 img, kukula kwa fayilo sikuyerekezeredwa Fufuzani zithunzi mwachangu kuchokera patsamba lililonse
Google PageSpeed Insights Kuwunika zithunzi ngati gawo la mayeso a liwiro: mawonekedwe, kukula, kutsitsa pang'ono Kuphatikiza ndi macheke ena ambiri, komabe sakumvetsa bwino Kuwunika momwe zithunzi zimakhudzira liwiro
Squoosh Finyani ndikusintha chithunzi chimodzi mu msakatuli Sichiyang'ana tsamba, chimagwira ntchito ndi mafayilo Kukonzekera zithunzi payokha
Kangaude wa SEO Wofuula wa Chule Mndandanda wa zithunzi zopanda mawu ena patsamba lonse Kuyika kumafunika, mtundu waulere uli ndi malire pa maadiresi Kuwunika kwa Alt pa masamba mazana ambiri

Pomaliza: Chowunikira pa intaneti chikuwonetsa zomwe zili zolakwika ndi zithunzi patsamba linalake, PageSpeed ikuwonetsa mtengo wake mwachangu, ndipo Squoosh kapena chosinthira chimathandiza kukonza mafayilo okha.

PromoPilot ili ndi zida 87 zaulere za SEO, kuphatikiza chida chochepetsera zithunzi ndi chosinthira cha WebP chomwe chimagwira ntchito mwachindunji mu msakatuli, popanda kukweza mafayilo ku seva. Kuti mumvetse kukula kwa tsamba lonse, onani nkhani yathu mu mndandanda wathu wosanthula liwiro la tsamba.

Kodi kutsimikizira chithunzi sikukuwona chiyani?

Tiyeni tinene zoona za malire a chidachi—ndikofunika kuwadziwa kuti timvetse bwino mlingo wake:

  • Kukula kwa fayilo sikuganiziridwa —zithunzi sizitsitsidwa; mawonekedwe ake amatsimikiziridwa ndi chowonjezeracho.
  • Chizindikiro <picture> sichinasanthuledwe: JPG mu <img> idzalembedwa ngakhale patakhala AVIF kapena WebP mu <source> pafupi nayo.
  • Zithunzi zakumbuyo kuchokera ku CSS ndi zithunzi zomwe zawonjezeredwa ndi JavaScript sizikuphatikizidwa mu lipotilo.
  • Miyeso yotchulidwa mu CSS yokha siiganiziridwa.
  • Tsamba lopanda <img> limapeza mapointi 50 - izi si "theka la zolakwa", koma "palibe chowerengera".

Kodi chida chaulere sichikwanira liti?

Zithunzi zisanachitike komanso zitatha kukonza: ma JPG opanda kanthu ndi ma JPG olemera motsutsana ndi mafotokozedwe, WebP, miyeso yodziwika, ndi srcset

Kukonza mawu a alt patsamba limodzi kumatenga mphindi khumi. Koma ngati sitolo ili ndi zinthu zikwi zisanu, sizingatheke kuchita izi pamanja. Mukufuna katswiri ngati:

  • alt iyenera kupangidwa yokha kuchokera ku dzina, mtundu ndi ngodya ya kabukhu konse;
  • Zithunzi zimayikidwa kuchokera ku kamera popanda kukanikiza, ndipo pamafunika payipi yodziyimira yokha: kukanikiza, WebP, makulidwe osiyanasiyana;
  • Mutu wa tsamba lawebusayiti umawonetsa zithunzi zopanda m'lifupi, kutalika, ndi srcset, ndipo template iyenera kukonzedwa;
  • Mukufuna kupeza anthu ambiri ochokera ku Google Images chifukwa cha mafunso okhudza zinthu?

Kodi ndingachite chiyani pa webusaiti yanu?

Ndine Valeriy Danyuk, katswiri wopanga mapulogalamu ndi SEO wokhala ndi zaka 12 zakuchitikira komanso makasitomala opitilira 200, kuphatikizapo masitolo ambiri apaintaneti okhala ndi zithunzi zambirimbiri.

SEO ndi ma audit

Masitolo ndi makatalogu

Kuwerengera ndalama ndi zochita zokha

Nditumizireni ulalo wa khadi la malonda mu Telegram - ndikuuzeni kuchuluka kwa ndalama zomwe mungapambane kutengera zithunzi.

Zotsatira

  1. Chowunikira zithunzi cha SEO pa intaneti chimasanthula zithunzi zokwana 100 patsamba lililonse ndikugawa zigoli kuyambira 0 mpaka 100, pamodzi ndi ndemanga pa chilichonse.
  2. Mfundo zambiri zimaperekedwa ku miyeso ya alt ndi m'lifupi/kutalika, kutsatiridwa ndi kutsitsa pang'ono, WebP/AVIF ndi srcset.
  3. Chithunzi chachikulu sichifunika kutsegulidwa mwaulesi - chimafunika fetchpriority="high".
  4. Pa makatalogu akuluakulu, kukonza zithunzi kumachitika zokha—kapena nsanja imasankhidwa komwe izi zachitika kale, mwachitsanzo, 1001site.

Chongani tsamba lolemera kwambiri patsamba lanu ndi Image SEO Checker yaulere —yambani ndi alt.

Magwero

  • Tsamba la PromoPilot's Image SEO Checker - macheke, malamulo owunikira, zoletsa, ndi Mafunso Ofunsidwa Kawirikawiri.
  • Google Search Central - Malangizo a zithunzi kuti mufufuze.
  • Google PageSpeed Insights ndi Squoosh - Mafotokozedwe a Zinthu.

Maumboni ndi magwero

Mafunso ndi Mayankho

Chifukwa chiyani ma alt tag ndi ofunikira pa SEO?

Mawu a Alt amafotokoza chithunzi cha mainjini osakira ndi owerenga pazenera a akhungu. Google Images imagwiritsa ntchito mawu a alt poika masanjidwe, ndipo patsamba, zimathandiza kufotokoza zomwe zili pachithunzicho. Zinthu zokongoletsera zitha kusiyidwa ndi alt=" yopanda kanthu".

Kodi kukula kwa chithunzi kumakhudza bwanji Core Web Vitals?

Zithunzi zazikulu zimachedwetsa LCP—nthawi yowonetsera chinthu chachikulu kwambiri pazenera loyamba, chomwe nthawi zambiri chimakhala chithunzi. Mawonekedwe amakono a WebP ndi AVIF, kukanikiza, miyeso yolondola, ndi srcset zonse zimathandiza, monga momwe zimathandizira kupewa kutsitsa pang'ono ndikuyika patsogolo kutsitsa chithunzi chachikulu.

Kodi chidachi chimayang'ana kulemera kwa fayilo?

Ayi. Chidachi sichitsitsa zithunzi, kotero sichimawerengera kukula kwa fayilo; chimasankha mtundu kutengera ndi extension. Kuti mudziwe kukula kwa zithunzi ndi tsamba lonse, gwiritsani ntchito Page Speed Analysis kapena PageSpeed Insights.

Tayang'ana tsamba lawebusayiti, koma palibe amene angalikonze?

Chida chaulere ichi chikuvumbula mavuto. Ndidzasanthula lipotilo, kuziika patsogolo, ndikuzikonza: kufufuza kwa SEO, kufulumizitsa, kuyika chizindikiro, ndi kusamukira ku tsamba latsopano popanda kutaya maudindo.