UrlEdge
Kembali ke Blog
2025-10-22 Sarah J.3 min read

Migrasi URL Shopify ke headless tanpa kehilangan traffic

Rencanakan migrasi Shopify ke headless dengan redirect map, impor massal, validasi staging, UTM preservation, dan cek launch day.

Developer meninjau storefront Shopify di laptop saat merencanakan migrasi headless

Saat toko pindah dari Shopify Liquid ke storefront headless dengan Next.js, Hydrogen, atau stack kustom, bagian visual biasanya bukan risiko terbesar. Risiko sebenarnya ada di layer URL.

Shopify memakai struktur yang cukup kaku:

  • /products/{handle}
  • /collections/{handle}
  • /pages/{handle}

Storefront headless sering memperkenalkan route yang lebih pendek:

  • /produk/{handle}
  • /kategori/{handle}
  • /{handle}

Struktur baru bisa lebih baik untuk brand. Tetapi saat launch, URL lama masih ada di Google, email, iklan, affiliate, QR code, marketplace support page, dan bookmark pelanggan.

Risiko migrasi Shopify

Tanpa redirect map, migrasi headless biasanya memunculkan tiga masalah:

  1. 404 untuk URL lama. Googlebot dan pembeli masih membuka URL produk, koleksi, atau artikel lama.
  2. Sinyal SEO terputus. Backlink dan internal link lama tidak mengarah bersih ke destination baru.
  3. Campaign rusak. Link email, paid social, influencer, dan affiliate berhenti membawa pembeli ke produk yang benar.

Jangan tunggu DNS cutover untuk membuat redirect. Redirect map harus siap, diimpor, dan diuji di staging sebelum traffic produksi diarahkan ke storefront baru.

1. Ekspor URL Shopify lama

Mulai dari data yang sudah ada:

  • export produk dari Shopify Admin
  • sitemap XML toko lama
  • landing page dari Google Analytics atau warehouse
  • halaman dengan impression dan click dari Search Console
  • campaign URL aktif dengan parameter UTM
  • link affiliate dan partner

Buat CSV seperti ini:

old_url,new_url,status,priority,owner,notes
https://store.example/products/kemeja-linen,https://brand.example/produk/kemeja-linen,301,high,seo,produk utama
https://store.example/collections/sale,https://brand.example/kategori/sale,301,high,marketing,kampanye masih aktif

2. Jangan hanya redirect ke homepage

Redirect semua produk lama ke homepage memang cepat, tetapi buruk untuk pengguna dan SEO. Jika pelanggan membuka link sepatu tertentu, mereka seharusnya masuk ke produk atau kategori yang relevan, bukan halaman depan.

Gunakan aturan ini:

  • produk lama -> produk baru yang setara
  • koleksi lama -> kategori baru yang setara
  • artikel lama -> artikel baru atau halaman panduan yang paling dekat
  • produk yang discontinued -> kategori atau halaman pengganti yang jelas

3. Pertahankan UTM dan parameter campaign

Toko Indonesia sering punya link dari WhatsApp, TikTok, Instagram, email, affiliate, dan marketplace. Banyak link membawa parameter seperti:

  • utm_source
  • utm_medium
  • utm_campaign
  • ref
  • voucher

Jika redirect membuang parameter ini, laporan campaign menjadi sulit dibaca. Saat membuat aturan, aktifkan query parameter passing kecuali ada alasan jelas untuk membersihkannya.

4. Impor dan validasi di UrlEdge

Gunakan Bulk URL Management untuk mengimpor redirect map CSV. Setelah itu:

  1. cek duplikat source
  2. cek destination URL yang tidak valid
  3. cek redirect loop
  4. ambil sampel URL high priority
  5. uji dengan Redirect Checker

Jangan hanya menguji 10 URL mudah. Uji produk populer, kategori lama, campaign ber-UTM, dan URL yang pernah punya traffic tinggi.

5. Launch day

Sebelum DNS berpindah:

  • pastikan canonical hostname final sudah dipilih
  • pastikan HTTPS aktif
  • pastikan redirect map sudah di-publish
  • siapkan rollback
  • aktifkan monitoring link rusak

Setelah launch, pantau 404, redirect chain, traffic organik, dan campaign landing page. Migrasi Shopify yang bersih bukan berarti tidak ada masalah. Artinya masalah ditemukan cepat dan tidak dibiarkan memakan traffic.

Siap merapikan redirect Anda?

Mulai gunakan UrlEdge untuk mengelola traffic dari edge.

Mulai

Artikel Terkait

Lihat semua
Rambu arah sebagai ilustrasi memilih status code redirect yang tepat
2026-03-15

Perbedaan redirect 301, 302, 307, dan 308

Gunakan 301 atau 308 untuk perpindahan permanen, dan 302 atau 307 untuk perubahan sementara. Bedanya ada pada niat dan apakah method HTTP harus tetap sama.

3 min read