Cara Optimasi Gambar untuk Google Image Search

Image Search stats:
- 22% of all Google searches
- 30%+ clicks from images
- High engagement visitors
- Often commercial intent

Google Image ranking:
1. Image relevance
2. Alt text
3. Page content context
4. File name
5. Image quality
6. Page authority
7. Structured data

Descriptive naming:
Good: cara-optimasi-seo-website.jpg
Bad: IMG_20240107_123456.jpg
Bad: image1.jpg

Use hyphens, lowercase, descriptive.

Recommended:
- JPEG: Photos, complex images
- PNG: Graphics, transparency
- WebP: Best compression (preferred)
- SVG: Icons, logos

WebP reduces size 25-35% vs JPEG.

Recommendations:
- Width: 1200px+ for high-res
- Responsive sizes available
- Compressed file size
- Balance quality vs size

Tools:
- Squoosh.app
- TinyPNG/TinyJPG
- ShortPixel
- ImageOptim

Target: 70-85% quality, max file size.

Good alt text:
- Describes image accurately
- Includes relevant keyword
- Under 125 characters
- Helpful for accessibility

Good:
alt="Panduan lengkap cara optimasi SEO website 2026"

Better:
alt="Checklist optimasi on-page SEO untuk website bisnis"

Bad:
alt="image"
alt="SEO SEO SEO keyword stuffing SEO"
alt="" (empty)

Format:
[Description] + [Context] + [Keyword naturally]

Example:
"Diagram showing internal linking structure for SEO"
"Screenshot of Google Search Console performance report"

Empty alt="" appropriate for:
- Decorative images
- Design elements
- Spacers
- Icons with adjacent text

<img
  src="image.jpg"
  alt="Descriptive alt text"
  title="Additional context shown on hover"
/>

Title: Supplementary, not replacement for alt.

Google considers:
- Text near image
- Heading above image
- Caption below
- Page topic

Place images in relevant context.

<figure>
  <img src="image.jpg" alt="Alt text" />
  <figcaption>
    Caption with additional context and keywords naturally included.
  </figcaption>
</figure>

Captions highly visible to users and bots.

{
  "@context": "https://schema.org/",
  "@type": "ImageObject",
  "contentUrl": "https://example.com/image.jpg",
  "description": "Description of the image",
  "name": "Image title",
  "author": {
    "@type": "Person",
    "name": "Photographer Name"
  }
}

{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": "Product Name",
  "image": [
    "https://example.com/product-1.jpg",
    "https://example.com/product-2.jpg"
  ]
}

<img
  srcset="small.jpg 480w, medium.jpg 768w, large.jpg 1200w"
  sizes="(max-width: 480px) 100vw,
            (max-width: 768px) 100vw,
            1200px"
  src="large.jpg"
  alt="Descriptive alt text"
/>

Serve appropriate size per device.

<picture>
  <source srcset="image.webp" type="image/webp" />
  <source srcset="image.jpg" type="image/jpeg" />
  <img src="image.jpg" alt="Alt text" />
</picture>

Modern format with fallback.

<img src="image.jpg" loading="lazy" alt="Alt text" />

Improves page speed. Note: Don't lazy load above-fold images.

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  <url>
    <loc>https://example.com/page/</loc>
    <image:image>
      <image:loc>https://example.com/image.jpg</image:loc>
      <image:title>Image title</image:title>
      <image:caption>Image caption</image:caption>
    </image:image>
  </url>
</urlset>

Submit via:
1. Google Search Console
2. Robots.txt reference
3. Ping sitemap

Ensures images are discovered.

Image impact on speed:
- Compress all images
- Use modern formats
- Implement lazy loading
- Serve from CDN

Fast pages rank better.

High-authority pages:
- Images rank better
- Build page links
- Quality content around image

Mobile image search:
- Responsive images
- Appropriate sizes
- Fast loading
- Touch-friendly

Preference for:
- Original content
- Unique images
- Not stock photos
- Custom graphics

Create original visual content.

Quality factors:
- Resolution
- Clarity
- Composition
- Professional appearance

GSC → Performance → Search type: Image

See:
- Image search clicks
- Impressions
- CTR
- Position
- Queries

Track image SEO success.

Check ranking:
1. Go to images.google.com
2. Search target keyword
3. Find your image position

Or: Right-click image → "Search Google for image"

File Optimization:
☐ Descriptive file names
☐ WebP format (with fallback)
☐ Compressed file size
☐ Appropriate dimensions

HTML Implementation:
☐ Descriptive alt text
☐ Relevant title attribute
☐ Caption where appropriate
☐ Responsive srcset

Context:
☐ Relevant surrounding text
☐ Appropriate heading nearby
☐ Page topic alignment

Technical:
☐ Image sitemap
☐ Lazy loading (below fold)
☐ Fast page speed
☐ Mobile optimized

Structured Data:
☐ ImageObject schema (where relevant)
☐ Product image schema (e-commerce)