Cara Optimasi Category Page untuk E-Commerce SEO

Category pages:
- Target broad keywords
- High search volume
- Commercial intent
- Hub for products
- Internal linking anchor

Hierarchy:
Homepage
└── /sepatu/ (category - high volume)
    ├── /sepatu-lari/ (subcategory)
    ├── /sepatu-casual/ (subcategory)
    └── /product-1/ (product page)

Categories rank for broader terms.

Good URLs:
/sepatu/
/sepatu/lari/
/sepatu/casual/

Avoid:
/category.php?id=123
/c/123/sepatu
/shop/category/sepatu-lari-wanita-murah

Keep clean and short.

Logical structure:
/[category]/
/[category]/[subcategory]/
/[category]/[subcategory]/[product]/

Or:
/[category]/
/[category]-[subcategory]/
/p/[product]/

Patterns:
[Category] - Beli [Category] | [Brand]
[Category] Terbaik [Year] | [Brand]
Jual [Category] Original | [Brand]

Example:
Sepatu Lari Pria - Beli Online | TokoSepatu

Target keywords:
- Main category term
- Modifiers (beli, jual, online)
- Brand name
- Year (if relevant)

Keep under 60 characters.

Include:
- Category name
- Key benefits
- Product count (optional)
- CTA

Example:
"Beli sepatu lari pria original dengan harga
terbaik. Tersedia 500+ pilihan dari Nike,
Adidas, Asics. Gratis ongkir & garansi resmi."

// Dynamic meta description
$meta = "Beli {$category->name} dengan harga
terbaik. Tersedia {$product_count}+ pilihan.
Gratis ongkir ke seluruh Indonesia.";

Update automatically.

Add content above products:
- H1 with category name
- Short intro (2-3 sentences)
- Key USPs
- Filter options

Content below products:
- Longer description (300-500 words)
- FAQ section
- Buying guide snippet
- Related categories

SEO-valuable real estate.

<h1>Sepatu Lari Pria</h1>
<p class="intro">
  Temukan sepatu lari pria terbaik untuk performa optimal. Pilih dari brand
  premium seperti Nike, Adidas, dan Asics.
</p>

<!-- Products grid -->

<div class="category-content">
  <h2>Panduan Memilih Sepatu Lari</h2>
  <p>Content here...</p>

  <h2>FAQ Sepatu Lari</h2>
  <div itemscope itemtype="https://schema.org/FAQPage">
    <!-- FAQ items -->
  </div>
</div>

<nav class="subcategories">
  <h2>Kategori</h2>
  <ul>
    <li><a href="/sepatu-lari/stabilitas/">Stability</a></li>
    <li><a href="/sepatu-lari/neutral/">Neutral</a></li>
    <li><a href="/sepatu-lari/trail/">Trail Running</a></li>
  </ul>
</nav>

<nav aria-label="Breadcrumb">
  <ol itemscope itemtype="https://schema.org/BreadcrumbList">
    <li
      itemprop="itemListElement"
      itemscope
      itemtype="https://schema.org/ListItem"
    >
      <a href="/" itemprop="item">
        <span itemprop="name">Home</span>
      </a>
      <meta itemprop="position" content="1" />
    </li>
    <li
      itemprop="itemListElement"
      itemscope
      itemtype="https://schema.org/ListItem"
    >
      <a href="/sepatu/" itemprop="item">
        <span itemprop="name">Sepatu</span>
      </a>
      <meta itemprop="position" content="2" />
    </li>
    <li
      itemprop="itemListElement"
      itemscope
      itemtype="https://schema.org/ListItem"
    >
      <span itemprop="name">Sepatu Lari</span>
      <meta itemprop="position" content="3" />
    </li>
  </ol>
</nav>

Filter URLs:
/sepatu-lari/?color=merah&size=42

Issues:
- Duplicate content
- Crawl budget waste
- Index bloat

Options:
1. Noindex filtered pages
2. Canonical to main category
3. Use robots.txt (careful)
4. Parameter handling in GSC
5. JavaScript filters (no URL change)

<!-- On filtered page -->
<link rel="canonical" href="https://example.com/sepatu-lari/" />

<!-- Or noindex -->
<meta name="robots" content="noindex, follow" />

Index these filters:
- /sepatu-lari-pria/ (gender - high volume)
- /sepatu-lari-nike/ (brand - high volume)

Noindex these:
- ?color=merah (low volume)
- ?size=42 (low volume)
- Multiple filters combined

{
  "@context": "https://schema.org",
  "@type": "CollectionPage",
  "name": "Sepatu Lari Pria",
  "description": "Koleksi sepatu lari pria terbaik",
  "url": "https://example.com/sepatu-lari-pria/",
  "mainEntity": {
    "@type": "ItemList",
    "numberOfItems": 150,
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "url": "https://example.com/product-1/"
      }
    ]
  }
}

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Bagaimana memilih ukuran sepatu lari?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Pilih ukuran 0.5-1 lebih besar..."
      }
    }
  ]
}

Show:
- Product image
- Product name (H3 or plain)
- Price
- Rating (if available)
- Quick attributes

Links should be to product pages.

<!-- Page 2 -->
<link rel="canonical" href="/sepatu-lari/?page=2" />

Or use view all:
<link rel="canonical" href="/sepatu-lari/all/" />

Infinite scroll: Handle with care.

Category page speed tips:
- Lazy load product images
- Optimize thumbnails
- Minimize JavaScript
- Use CDN
- Cache aggressively

Mobile priorities:
- Sticky filters
- Easy navigation
- Quick add to cart
- Touch-friendly

Don'ts:
- Empty category pages
- Duplicate category URLs
- No unique content
- Thin content
- Over-complicated filters
- Indexing all filter combinations

Problems:
- Copy-paste descriptions
- No category content
- Keyword stuffing
- Ignoring user intent

URL & Structure:
☐ Clean, short URLs
☐ Logical hierarchy
☐ Breadcrumbs implemented

Content:
☐ Unique H1
☐ Intro paragraph
☐ Category description
☐ FAQ section (optional)

Technical:
☐ Canonical tags
☐ Filter handling
☐ Pagination setup
☐ Schema markup

Internal Links:
☐ Link to subcategories
☐ Link to related categories
☐ Breadcrumbs

Performance:
☐ Fast loading
☐ Mobile optimized
☐ Image optimization