Paano I-optimize ang mga Larawan para sa SEO sa 2026
Lumalampas ang image SEO sa alt text. Alamin kung paano nakakaapekto ang file size, format, naming, structured data, at Core Web Vitals sa iyong image search ranking.
Nakakaapekto ang mga larawan sa SEO sa mas maraming paraan kaysa napagtatanto ng karamihan. Ang mahinang image optimization ay isa sa mga pangunahing dahilan kung bakit nabibigo ang mga page sa Core Web Vitals at nawawalan ng ranking. Narito ang kumpletong image SEO checklist para sa 2026.
1. File Size: Ang Pinakamabisang Salik
- Ang sobrang lalaking larawan ang nag-iisang pinakamalaking sanhi ng mabagal na page speed. Regular na kinikilala ng PageSpeed Insights ng Google ang 'properly size images' at 'serve images in next-gen formats' bilang mga nangungunang rekomendasyon. Ang mga target:
- Hero images: Wala pang 150–200KB
- Blog thumbnails: Wala pang 80–100KB
- Product images: Wala pang 100–150KB
- Gamitin ang Image Compressor para bawasan ang file size, o abutin ang eksaktong target gamit ang I-compress sa 100KB.
2. Format: Lumipat sa WebP
Tahasang inirerekomenda ng Google ang pag-serve ng image sa WebP format bilang bahagi ng PageSpeed guidance nito. Ang pag-convert ng JPG image sa WebP ay nagbabawas ng file size ng 25–35% nang walang nakikitang pagkawala ng kalidad. I-convert ang JPG sa WebP — agad at masusukat ang epekto sa iyong LCP score.
3. Mga Descriptive File Name
- Binabasa ng mga search engine ang file name bilang signal tungkol sa nilalaman ng image.
- Masama: `IMG_4823.jpg`
- Maganda: `paano-i-resize-larawan-para-sa-instagram.webp`
- Gumamit ng hyphen, hindi underscore. Panatilihing wala pang 5 salita. Isama ang iyong target keyword nang natural.
4. Alt Text: Descriptive, Hindi Keyword-Stuffed
- Sinasabi ng alt text sa mga search engine kung ano ang ipinapakita ng image. Mga alituntunin:
- Tumpak na ilarawan ang image sa 5–15 salita
- Isama ang target keyword kung natural na bagay
- Huwag isulat ang "image of" o "photo of"
- Iwanang walang laman ang alt="" sa mga decorative image
- Halimbawa: `alt="lalaking nag-co-compress ng litrato sa laptop gamit ang libreng online tool"`
5. Dimensyon: I-serve sa Display Size
Ang pagpapadala ng 2000px na image para punuin ang 600px na container ay nag-aaksaya ng bandwidth at nagpapabagal sa LCP. Palaging i-resize ang image sa tunay na display size. Gamitin ang Image Resizer para itakda ang eksaktong dimensyon bago mag-upload.
6. Structured Data para sa Image SEO
Para sa mga recipe, produkto, at artikulo, magdagdag ng `ImageObject` structured data sa iyong schema. Ginagamit ito ng Google para sa rich results na may kasamang image sa SERP. Ang mga artikulong may `image` properties sa Article schema ay kwalipikado para sa Google Image SERP features.
7. Image Sitemaps
Isama ang mga image URL sa iyong sitemap gamit ang `<image:image>` extension. Tumutulong ito sa Google na matuklasan at ma-index ang mga image na maaaring hindi nito makita, partikular ang mga JavaScript-rendered image.
8. Lazy Loading
Magdagdag ng `loading="lazy"` sa lahat ng image sa ibaba ng fold. Inaantala nito ang pag-load hanggang sa mag-scroll ang user malapit sa kanila, pinapabuti ang initial page load time at LCP para sa above-fold content.
Core Web Vitals: Ang mga Image Target
- LCP (Largest Contentful Paint): Wala pang 2.5 segundo. Karaniwang na-trigger ng hero image. I-compress sa wala pang 150KB at i-serve bilang WebP.
- CLS (Cumulative Layout Shift): Wala pang 0.1. Palaging isama ang `width` at `height` attributes sa `<img>` tags para mareserba ng browser ang espasyo bago mag-load ang image.
- FCP (First Contentful Paint): I-preload ang iyong hero image gamit ang `<link rel="preload">`.
Subukan Nang Libre — Walang Kailangang Mag-sign Up
I-resize, i-compress, at i-convert ang mga larawan sa iyong browser.