Google Image Search adalah sumber traffic yang sering diabaikan. Optimasi gambar yang tepat bisa mendatangkan significant traffic dari image search.
Pentingnya Image SEO
Traffic Potential
Image Search stats:
- 22% of all Google searches
- 30%+ clicks from images
- High engagement visitors
- Often commercial intent
Ranking Factors
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
Optimasi File Gambar
File Name
Descriptive naming:
Good: cara-optimasi-seo-website.jpg
Bad: IMG_20240107_123456.jpg
Bad: image1.jpg
Use hyphens, lowercase, descriptive.
File Format
Recommended:
- JPEG: Photos, complex images
- PNG: Graphics, transparency
- WebP: Best compression (preferred)
- SVG: Icons, logos
WebP reduces size 25-35% vs JPEG.
Image Size
Recommendations:
- Width: 1200px+ for high-res
- Responsive sizes available
- Compressed file size
- Balance quality vs size
Compression
Tools:
- Squoosh.app
- TinyPNG/TinyJPG
- ShortPixel
- ImageOptim
Target: 70-85% quality, max file size.
Alt Text Optimization
Writing Effective Alt Text
Good alt text:
- Describes image accurately
- Includes relevant keyword
- Under 125 characters
- Helpful for accessibility
Examples
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)
Alt Text Formula
Format:
[Description] + [Context] + [Keyword naturally]
Example:
"Diagram showing internal linking structure for SEO"
"Screenshot of Google Search Console performance report"
When to Leave Empty
Empty alt="" appropriate for:
- Decorative images
- Design elements
- Spacers
- Icons with adjacent text
Title Attribute
Image Title
<img
src="image.jpg"
alt="Descriptive alt text"
title="Additional context shown on hover"
/>
Title: Supplementary, not replacement for alt.
Surrounding Context
Content Relevance
Google considers:
- Text near image
- Heading above image
- Caption below
- Page topic
Place images in relevant context.
Image Captions
<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.
Structured Data
ImageObject Schema
{
"@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"
}
}
Product Image Schema
{
"@context": "https://schema.org/",
"@type": "Product",
"name": "Product Name",
"image": [
"https://example.com/product-1.jpg",
"https://example.com/product-2.jpg"
]
}
Technical Implementation
Responsive Images
<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 Element
<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.
Lazy Loading
<img src="image.jpg" loading="lazy" alt="Alt text" />
Improves page speed. Note: Don't lazy load above-fold images.
Image Sitemap
Creating Image Sitemap
<?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>
Sitemap Submission
Submit via:
1. Google Search Console
2. Robots.txt reference
3. Ping sitemap
Ensures images are discovered.
Page-Level Factors
Page Speed
Image impact on speed:
- Compress all images
- Use modern formats
- Implement lazy loading
- Serve from CDN
Fast pages rank better.
Page Authority
High-authority pages:
- Images rank better
- Build page links
- Quality content around image
Mobile Optimization
Mobile image search:
- Responsive images
- Appropriate sizes
- Fast loading
- Touch-friendly
Image Uniqueness
Original Images
Preference for:
- Original content
- Unique images
- Not stock photos
- Custom graphics
Create original visual content.
Image Quality
Quality factors:
- Resolution
- Clarity
- Composition
- Professional appearance
Tracking Performance
Google Search Console
GSC → Performance → Search type: Image
See:
- Image search clicks
- Impressions
- CTR
- Position
- Queries
Track image SEO success.
Reverse Image Search
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"
Image SEO Checklist
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)
Kesimpulan
Image SEO adalah kombinasi dari file optimization, proper HTML markup, contextual relevance, dan technical implementation. Original, high-quality images dengan proper optimization bisa rank well dan drive significant traffic.
Ditulis oleh
Hendra Wijaya