Cara Menulis Alt Text Gambar yang SEO Friendly

<img src="image.webp" alt="Deskripsi gambar di sini">

SEO benefits:
✓ Google Image search ranking
✓ Context untuk search engines
✓ Additional keyword opportunity
✓ Image SEO optimization

Accessibility benefits:
✓ Screen reader support
✓ Visual impairment users
✓ Slow connection fallback
✓ Legal compliance (some countries)

Ideal length: 125 characters or less

BAD:
alt="image"
alt="photo"
alt=""

GOOD:
alt="Diagram showing SEO keyword research process"
alt="Red running shoes Nike Air Max on white background"

Focus on:
- Main subject
- Action happening
- Important details
- Context if relevant

Example image: Person typing on laptop

BAD:
alt="person computer"

GOOD:
alt="Freelancer working on SEO audit using laptop at cafe"

DO:
Include target keyword if relevant
Natural integration

DON'T:
Keyword stuff
Force irrelevant keywords

Example for SEO article:
GOOD: alt="Screenshot of Google Search Console performance report"
BAD: alt="SEO SEO tools SEO software SEO platform"

Screen readers already announce it's an image

BAD:
alt="Image of a laptop"
alt="Picture of sunset"

GOOD:
alt="MacBook Pro on wooden desk"
alt="Sunset over Jakarta skyline"

Same image, different contexts:

For product page:
alt="Nike Air Max 270 running shoes, black and white"

For blog about shoe cleaning:
alt="Dirty running shoes before cleaning process"

For fashion article:
alt="Athletic streetwear look featuring Nike sneakers"

Include:
- Product name
- Brand
- Key features
- Color/size if relevant

Example:
alt="iPhone 15 Pro Max 256GB Natural Titanium - front view"

Describe what the screenshot shows:

alt="Google Analytics dashboard showing organic traffic increase"
alt="WordPress plugin settings page for Yoast SEO"

Summarize the key information:

alt="Infographic showing 10 steps of SEO audit process"
alt="Statistics chart comparing CPC across industries"

Describe the scene relevantly to content:

For leadership article:
alt="Business team meeting in modern office"

For remote work article:
alt="Woman working remotely from home office"

If purely decorative, use empty alt:
alt=""

Or use CSS background instead

Examples of decorative:
- Design elements
- Spacer images
- Background patterns

For logos:
alt="[Brand Name] logo"

Examples:
alt="Google logo"
alt="Nike swoosh logo"

Describe the data/conclusion:

alt="Bar chart showing SEO traffic growth 200% year over year"
alt="Pie chart of traffic sources: organic 60%, direct 25%, social 15%"

❌ Empty alt text on important images
❌ "Image" or "Photo" as alt text
❌ Keyword stuffing
❌ Too long (over 125 chars)
❌ Not describing actual image
❌ Same alt text for all images
❌ Ignoring context

Tools:
1. Screaming Frog
   - Images > Missing Alt Text

2. Browser extensions
   - Web Developer Toolbar
   - SEO Meta in 1 Click

3. Google Search Console
   - May flag as issue

1. Crawl website
2. Export images without alt
3. Prioritize by importance
4. Write alt text for each
5. Update in CMS/code
6. Verify implementation

Product: [Brand] [Product Name] [Key Feature] [Color/Variant]
Person: [Who] [Action] [Location/Context]
Screenshot: [App/Tool] [Feature/Page] showing [Key Info]
Chart: [Chart Type] showing [Data Summary]
Location: [Place/Scene] [Notable Features]

For every image:
☐ Is it descriptive?
☐ Under 125 characters?
☐ Includes relevant keyword (naturally)?
☐ No "image of" prefix?
☐ Matches image content?
☐ Provides context?
☐ Unique (not copy-paste)?

For decorative images:
☐ Empty alt="" or CSS background