Ang mga larawan ay kadalasang pinakamalaking napapalampas na pagkakataon sa on-page SEO. Kumukuha sila ng trapiko mula sa Google Images, hinuhubog nila kung gaano kabilis mag-load ang page (isang tunay na ranking factor), at ginagawa nilang accessible ang nilalaman para sa mga taong gumagamit ng screen reader. Itama ang apat na bagay — filename, alt text, sukat at format, at loading behavior — at nagiging asset ang mga larawan sa halip na bigat na patay.

Narito ang checklist na ginagamit ko, sa pagkakasunod na inilalapat ko ito.

1. Bigyan ang mga file ng naglalarawang pangalan

Gabay sa Image SEO 2026: Filename, Alt Text, Sukat at Format — visual 1
1. Bigyan ang mga file ng naglalarawang pangalan

Ang IMG_4823.jpg ay walang sinasabi sa search engine. Ang golden-retriever-puppy-training.jpg ay eksaktong nagsasabi kung ano ang ipinapakita ng larawan. Ang mga filename ay tunay na ranking signal para sa image search, kaya palitan ang pangalan bago mag-upload.

Mga gabay:

  • Gumamit ng tunay na salitang naglalarawan sa larawan, na pinaghihiwalay ng gitling.
  • Panatilihing maikli at tiyak — tatlo o apat na salita ay kadalasang sapat.
  • Iwasan ang keyword stuffing; ang best-cheap-dog-training-puppy-tips-guide.jpg ay parang spam.

2. Sumulat ng alt text para sa tao muna

Gabay sa Image SEO 2026: Filename, Alt Text, Sukat at Format — visual 2
2. Sumulat ng alt text para sa tao muna

Ang alt text ay ang pangungusap na binabasa nang malakas ng screen reader at ang tekstong ipinapakita kung nabigong mag-load ang larawan. Binabasa rin ito ng Google para maintindihan ang larawan. Isulat ito na parang naglalarawan ka ng larawan sa taong hindi nakakakita.

  • Maganda: alt="Golden retriever puppy sitting on command during a training session"
  • Mahina: alt="puppy"
  • Masama: alt="dog training puppy tips best dog trainer near me"

Ilarawan kung ano talaga ang nasa frame. Kung pandekorasyon lang ang larawan, gumamit ng walang lamang alt="" para laktawan ito ng screen reader. Huwag magsimula sa "Larawan ng" — alam na ng search engine at screen reader na larawan ito.

3. Tamang-sukatin at gawing moderno ang bawat file

Dito nagtatagpo ang SEO at page speed. Ang sobrang laking larawan ay nagpapabagal sa page, at ang mabagal na page ay mas mababa ang ranking at nawawalan ng mambabasa. Dalawang galaw ang nag-aayos nito.

Ihatid ang sukat na ipinapakita mo. Ang larawang ipinapakita sa 1000 pixels ang lapad ay hindi dapat 4000-pixel na file. I-resize muna.

Gumamit ng modernong format. Ang WebP ang matinong default sa 2026; ito ay 25–35% mas maliit kaysa JPEG na may pangkalahatang suporta ng browser. Mas maliit pa ang AVIF. Kaya ng Image Converter na tumarget ng AVIF at awtomatikong bumabalik sa WebP kapag hindi tama ang AVIF, kaya palagi mong ipinapadala ang pinakamaliit na format na pinapayagan ng sitwasyon.

Tapos i-compress. Ang Image Compressor ay muling nine-encode sa quality na pipiliin mo, kina-quantize ang mga PNG pababa sa 256 na kulay, at hindi kailanman naglalabas ng file na mas malaki kaysa orihinal. Para sa mga larawan sa isang buong page, i-batch ang mga ito at i-download ang isang ZIP.

Isang mabilis na target table:

Gamit Format Lapad
Hero WebP / AVIF 1600–2000 px
Sa loob ng artikulo WebP 1000–1400 px
Thumbnail WebP 300–500 px
Logo / icon PNG o SVG ayon sa kailangan

4. Kontrolin kung paano naglo-load ang mga larawan

  • Lazy-load ang mga larawan sa ibaba ng fold gamit ang loading="lazy" para mag-download lang ang mga ito habang malapit nang mag-scroll ang mambabasa.
  • Itakda ang width at height na attribute para magreserba ng espasyo at pigilan ang layout shift — maganda para sa user experience at sa Core Web Vitals.
  • Magbigay ng responsive na srcset para makakuha ng maliliit na file ang mga telepono at malalaking file ang mga desktop.

5. Suportahan ang iyong mga larawan sa page

  • Ilagay ang bawat larawan malapit sa tekstong tumatalakay sa parehong paksa; nakakatulong ang konteksto sa search engine na maunawaan ito.
  • Magdagdag ng entry sa image sitemap para sa mahahalagang larawan kung sinusuportahan ito ng iyong CMS.
  • Gumamit ng caption kung talagang nakakatulong ito sa mambabasa — mas nababasa ang mga ito kaysa sa katawan ng teksto.

Mag-audit bago mo sabihing tapos na

Ang paghula kung aling mga larawan ang masyadong mabigat ay sayang sa oras. Patakbuhin ang page sa Page Speed Audit, na gumagamit ng Google PageSpeed Insights kasama ang isang image-weight report para ilista ang iyong pinakamabigat na asset at markahan ang anumang sobrang laki o nasa lumang format. Nangangailangan ang audit na iyon ng koneksyon sa internet dahil kina-query nito ang live na API ng Google — ito ang nag-iisang tool dito na hindi gagana offline. Ayusin muna ang pinakamalaking may kasalanan at patakbuhin muli.

Ang maikling bersyon

Naglalarawang filename, tapat na alt text, tamang-sukat na file sa WebP o AVIF, at lazy loading. Gawin ang apat na iyon nang pare-pareho at tutulungan ka ng iyong mga larawan na mag-rank sa web at image search habang pinapanatiling mabilis ang page. Mag-audit, ayusin ang pinakamabibigat na file, ulitin.