Cara Optimasi untuk Google Image Search

Image Search benefits:
- Billions of searches
- Different user intent
- Visual discovery
- E-commerce potential
- Brand visibility

Image search users:
- Visual shoppers
- Research mode
- Inspiration seeking
- Product discovery

Good names:
sepatu-lari-nike-air-max-90.webp
tutorial-seo-keyword-research.webp

Bad names:
IMG_12345.jpg
DSC00001.jpg

Recommended:
- WebP (best compression)
- JPEG (photos)
- PNG (graphics/transparency)
- AVIF (modern, smaller)

WebP preferred for web.

Targets:
- Under 100KB ideal
- Under 200KB acceptable
- Compress without quality loss

Use tools: TinyPNG, Squoosh.

Appropriate sizing:
- Full-width: 1200-1600px
- Content images: 800-1200px
- Thumbnails: 300-400px

Don't upload oversized images.

Good alt text:
- Descriptive
- Includes keywords naturally
- Concise (under 125 chars)
- Unique per image

Describes what image shows.

Good:
alt="Sepatu lari Nike Air Max 90
     warna putih tampak samping"

Bad:
alt="sepatu"
alt="sepatu lari nike air max 90
     sepatu running sepatu olahraga"
alt="" (empty)

Use empty alt for:
- Decorative images
- Icons with text labels
- Background images (CSS)

alt="" for decorative.

Image context matters:
- Relevant heading above
- Descriptive paragraph
- Related content
- Caption (if applicable)

<figure>
  <img src="image.webp" alt="Descriptive alt text" />
  <figcaption>
    Caption explaining image context and providing additional info.
  </figcaption>
</figure>

Captions add context.

Best practices:
- Near relevant text
- After introducing concept
- In logical flow
- Not random placement

<img
  src="image-800.webp"
  srcset="image-400.webp 400w, image-800.webp 800w, image-1200.webp 1200w"
  sizes="(max-width: 600px) 400px,
            (max-width: 1000px) 800px,
            1200px"
  alt="Description"
/>

Serve appropriate size.

<img src="image.webp" loading="lazy" alt="Description" />

Load below-fold images lazily.

<img src="image.webp" width="800" height="600" alt="Description" />

Prevents layout shift.

{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://example.com/image.webp",
  "name": "Image title",
  "description": "Image description",
  "author": {
    "@type": "Person",
    "name": "Photographer Name"
  },
  "copyrightHolder": {
    "@type": "Organization",
    "name": "Company Name"
  }
}

{
  "@type": "Product",
  "name": "Nike Air Max 90",
  "image": [
    "https://example.com/nike-front.webp",
    "https://example.com/nike-side.webp",
    "https://example.com/nike-back.webp"
  ]
}

Multiple images for products.

<?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.webp</image:loc>
      <image:title>Image Title</image:title>
      <image:caption>Image caption</image:caption>
    </image:image>
  </url>
</urlset>

Submit via:
- Google Search Console
- robots.txt reference
- Main sitemap link

Best practices:
- Relevant page content
- Good page SEO
- Fast loading
- Mobile-friendly

Prioritize:
- Original photography
- Custom graphics
- Unique illustrations
- Infographics

Google prefers original.

Optimize:
- Multiple angles
- High quality
- Zoom capability
- Lifestyle shots
- Size reference

Include in schema:
- All product images
- Variant images
- Gallery images
- Proper descriptions

Don't:
- Block images in robots.txt
- Use CSS background for important images
- Use JavaScript-only images
- Forget mobile optimization

Ensure:
- Own the images
- Have license
- Give attribution if required
- Don't steal images

Image search data:
- Performance → Image
- Impressions
- Clicks
- Top images

Track:
- Traffic from images
- Landing pages from image search
- User behavior
- Conversions

File Optimization:
☐ Descriptive file names
☐ WebP format preferred
☐ Compressed file sizes
☐ Appropriate dimensions

On-Page:
☐ Descriptive alt text
☐ Width/height attributes
☐ Lazy loading
☐ Responsive images

Context:
☐ Relevant surrounding text
☐ Captions where appropriate
☐ Logical placement
☐ Related content nearby

Technical:
☐ Image sitemap
☐ Schema markup
☐ Fast loading
☐ Mobile optimized

Quality:
☐ Original images
☐ High quality
☐ Relevant to content
☐ Proper licensing

Monitoring:
☐ GSC image performance
☐ Analytics tracking
☐ Regular audits
☐ Competitor analysis