Cara Optimasi Product Page untuk E-Commerce SEO

Benefits:
- Rank for product keywords
- Drive qualified traffic
- Increase conversions
- Build brand authority
- Compete with marketplaces

Difference:
Category: Broad keywords, browsing
Product: Specific keywords, buying

Product pages = transactional intent.

Good URLs:
/product/nike-air-max-90-white/
/sepatu/nike-air-max-90-putih/

Avoid:
/product.php?id=12345
/p/12345/nike%20air%20max

URL should have:
- Product name
- Key attributes (optional)
- Clean structure
- No excessive parameters

Patterns:
[Product Name] - [Key Feature] | [Brand]
[Product Name] | Beli [Category] | [Store]
Jual [Product Name] [Attribute] | [Store]

Example:
Nike Air Max 90 White - Sepatu Running | TokoSepatu

Consider:
- Brand name
- Product name
- Key attribute (color, size)
- Category term
- Store name

60 characters max.

Include:
- Product name
- Key benefit
- Price (if competitive)
- CTA

Example:
"Beli Nike Air Max 90 White original
dengan harga Rp 1.899.000. Gratis ongkir,
garansi resmi Nike. Order sekarang!"

$meta = "Beli {$product->name} dengan harga
Rp {$product->price}. {$product->short_desc}.
Gratis ongkir & garansi resmi.";

Auto-generate for scale.

Requirements:
- Original content
- Not manufacturer copy
- Feature benefits
- User-focused
- Keyword-optimized

<div class="product-description">
  <h2>Deskripsi Produk</h2>

  <p class="intro">[Brief compelling intro]</p>

  <h3>Fitur Utama</h3>
  <ul>
    <li>Feature 1 and benefit</li>
    <li>Feature 2 and benefit</li>
  </ul>

  <h3>Spesifikasi</h3>
  <table>
    <!-- Specs table -->
  </table>

  <h3>Termasuk dalam Paket</h3>
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
  </ul>
</div>

Recommendations:
- Minimum: 200-300 words
- Optimal: 500-1000 words
- Complex products: 1000+ words

Depends on product type.

Optimize:
- Descriptive file names
- Alt text with keywords
- Multiple angles
- Zoom capability
- Fast loading

Good names:
nike-air-max-90-white-side.webp
nike-air-max-90-white-top.webp
nike-air-max-90-white-detail.webp

Not: IMG_12345.jpg

<img
  src="nike-air-max-90-white.webp"
  alt="Nike Air Max 90 White -
          Tampak Samping"
/>

Descriptive but not stuffed.

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Nike Air Max 90 White",
  "image": "https://example.com/nike-am90.jpg",
  "description": "Sepatu running Nike Air Max 90...",
  "brand": {
    "@type": "Brand",
    "name": "Nike"
  },
  "sku": "AM90-WHT-001",
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/nike-air-max-90/",
    "priceCurrency": "IDR",
    "price": "1899000",
    "availability": "https://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": "TokoSepatu"
    }
  }
}

{
  "@type": "Product",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "156"
  },
  "review": [
    {
      "@type": "Review",
      "author": "John Doe",
      "datePublished": "2026-01-01",
      "reviewBody": "Sepatu nyaman...",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5"
      }
    }
  ]
}

Schema enables:
- Star ratings
- Price display
- Availability status
- Review count

More click-worthy SERPs.

Benefits:
- Fresh content
- Long-tail keywords
- Social proof
- Engagement
- UGC signals

Strategies:
- Post-purchase email
- Incentives (points/discount)
- Easy review process
- Follow-up reminders

<section class="reviews">
  <h2>Ulasan Pelanggan</h2>
  <div class="rating-summary">
    <span class="score">4.8/5</span>
    <span class="count">dari 156 ulasan</span>
  </div>

  <!-- Individual reviews -->
  <div class="review" itemscope itemtype="https://schema.org/Review">
    <meta itemprop="datePublished" content="2026-01-01" />
    <span itemprop="author">John Doe</span>
    <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
      <meta itemprop="ratingValue" content="5" />
    </div>
    <p itemprop="reviewBody">Review text...</p>
  </div>
</section>

<section class="related-products">
  <h2>Produk Terkait</h2>
  <!-- 4-6 related products -->
</section>

Links to similar items.

<nav aria-label="Breadcrumb">Home > Sepatu > Running > Nike Air Max 90</nav>

Shows hierarchy, adds internal links.

Link to:
- Parent category
- Related categories
- Brand page
- Collection page

For product pages:
- Optimize images
- Lazy load galleries
- Minimize JS
- Use CDN
- Cache product data

Mobile priorities:
- Large product images
- Easy add to cart
- Clear pricing
- Fast checkout
- Touch-friendly gallery

<!-- For variant pages -->
<link rel="canonical" href="https://example.com/nike-air-max-90/" />

Consolidate color/size variants.

Options:
1. Single page with selector
2. Separate URLs per variant
3. Parent/child structure

Single page usually best.

<!-- One URL for all variants -->
/nike-air-max-90/

<select name="color">
  <option>White</option>
  <option>Black</option>
</select>

<select name="size">
  <option>40</option>
  <option>41</option>
</select>

If separate URLs:
- Unique content per variant
- Canonical to main if thin
- Or make each substantial

/nike-air-max-90-white/
/nike-air-max-90-black/

Don't delete:
- Keep page indexed
- Mark as out of stock
- Offer alternatives
- Allow notify me

{
  "offers": {
    "availability": "https://schema.org/OutOfStock"
  }
}

Update availability status.

URL & Structure:
☐ Clean URL with keywords
☐ Proper hierarchy
☐ Canonical set

Title & Meta:
☐ Keyword-rich title
☐ Compelling meta description
☐ Under character limits

Content:
☐ Unique description
☐ Feature list
☐ Specifications
☐ User reviews

Images:
☐ Optimized file names
☐ Alt text added
☐ Multiple angles
☐ Fast loading

Schema:
☐ Product schema
☐ Review schema
☐ Offer details
☐ Brand info

Technical:
☐ Fast page load
☐ Mobile optimized
☐ Secure checkout
☐ Variant handling

Internal Links:
☐ Breadcrumbs
☐ Related products
☐ Category links