Lewati ke konten
Studi Kasus

Studi Kasus: Redesign Situs Editorial Craft dan Dampaknya ke SEO

M. Irfan Ramadhan3 menit baca
Layar komputer menampilkan pekerjaan desain web dengan elemen tata letak dan tipografi.
Foto: Pexels
Daftar Isi

Redesign situs bisa menurunkan traffic SEO kalau strukturnya berubah tanpa kontrol, tapi tidak harus begitu. Studi kasus ini membedah redesign "Editorial Craft" di irfanramadhan.com (22 Juli 2026): apa yang diubah, risiko nyata yang diwaspadai, dan langkah teknis konkret yang dipakai supaya konten tetap 100% terbaca crawler AI/mesin pencari setelah redesign.

Apa yang Diubah dalam Redesign Editorial Craft?

Redesign ini punya dua tahap. Tahap pertama mengganti identitas visual situs: warna kertas hangat dengan satu warna aksen biru, tipografi serif italic (Newsreader) untuk elemen editorial, layout berbasis garis pembatas (border) alih-alih bayangan (shadow), dan daftar portofolio/blog berbentuk baris berindeks alih-alih grid kartu generik.

Tahap kedua (22 Juli 2026) menambahkan motion: elemen <Reveal> untuk animasi muncul progresif, garis aksen yang "menggambar" di timeline /tentang, hover-zoom pada thumbnail proyek dan cover artikel, morph ikon di toggle tema, serta crossfade saat memfilter portofolio. Tidak ada dependency baru (tanpa framer-motion atau library animasi eksternal) — semua dibuat manual mengikuti pola komponen <CountUp> yang sudah ada sebelumnya di situs ini.

Kenapa Redesign Ini Dilakukan?

Motivasinya audit internal yang menemukan situs sudah punya identitas desain yang jelas, tapi nyaris tanpa motion — bukan memperbaiki masalah SEO yang sudah ada, melainkan penyegaran visual dan pengalaman pengguna. Justru karena bukan didorong masalah SEO, risiko regresi SEO yang tidak disengaja jadi hal yang paling penting untuk dijaga selama proses.

Kenapa Redesign Bisa Berisiko untuk SEO?

Tiga risiko paling umum saat redesign: konten yang hilang atau berubah struktur heading-nya (mengacaukan hierarki yang sudah diindeks Google), URL yang berubah tanpa redirect (memutus tautan yang sudah punya otoritas), dan konten yang jadi hanya terlihat setelah JavaScript berjalan (tidak terbaca crawler AI non-JS seperti GPTBot atau PerplexityBot).

Menurut analisis Almcorp Media (2026) terhadap 40.000 situs, penurunan traffic organik rata-rata sepanjang 2025 tercatat hanya 2,5% — jauh lebih rendah dari banyak prediksi. Tapi angka itu rata-rata di seluruh sampel, bukan jaminan untuk redesign spesifik yang mengubah struktur konten secara signifikan; situs yang ceroboh saat redesign tetap bisa kehilangan proporsi traffic jauh lebih besar dari rata-rata itu.

Bagaimana Cara Situs Ini Menjaga SEO Saat Redesign?

Tiga aturan dipegang ketat selama proses:

  1. Tidak ada perubahan URL. Semua rute (/, /tentang, /layanan, /portofolio, /blog, /kontak) tetap sama persis — redesign murni perubahan tampilan, bukan restrukturisasi informasi arsitektur.
  2. Server Component tetap merender konten akhir. Elemen <Reveal> dirancang agar SSR selalu mengeluarkan state akhir yang terlihat penuh (bukan opacity-0 yang baru berubah lewat JavaScript) — animasi murni progressive enhancement di sisi client. Ini diverifikasi langsung dengan curl pada HTML mentah tiap halaman yang terpengaruh, mencari pola opacity-0 di markup — hasilnya nol ditemukan di konten teks, FAQ, maupun heading.
  3. prefers-reduced-motion dihormati. Guardrail aksesibilitas WCAG 2.3.3 ("Animation from Interactions") jadi acuan: animasi otomatis dinonaktifkan kalau pengguna sudah mengatur preferensi kurangi gerakan di level sistem operasi, karena gerakan berlebihan bisa memicu masalah bagi pengguna dengan gangguan vestibular.

Structured data (JSON-LD Person/ProfilePage/FAQ di lib/schema/index.ts juga tidak disentuh selama redesign visual ini — hanya presentasi yang berubah, bukan data terstruktur yang dibaca mesin pencari dan AI.

Apa Hasil dari Redesign Ini?

Jujur: belum ada data traffic atau ranking before/after untuk dilaporkan di sini, karena redesign ini baru berjalan beberapa hari saat artikel ini ditulis — terlalu dini untuk klaim dampak apa pun, dan situs ini tidak akan mengarang angka yang belum benar-benar terukur. Yang sudah diverifikasi secara konkret: build dan lint hijau, serta pengecekan HTML mentah lintas halaman (tanpa JavaScript) memastikan seluruh teks FAQ, timeline, dan heading tetap 100% utuh untuk crawler AI/non-JS.

Pendekatan ini sendiri konsisten dengan prinsip GEO: kejujuran soal apa yang sudah dan belum diketahui adalah sinyal E-E-A-T yang lebih berharga daripada klaim hasil yang belum bisa dibuktikan.

Ringkasan

  • Redesign situs berisiko menurunkan SEO kalau struktur heading, URL, atau visibilitas konten ke crawler berubah tanpa kontrol — bukan karena redesign itu sendiri secara inheren buruk untuk SEO.
  • Tiga pengaman dipakai di redesign Editorial Craft: URL tidak berubah, konten tetap penuh di HTML hasil SSR (diverifikasi lewat curl, bukan asumsi), dan animasi menghormati prefers-reduced-motion.
  • Data dampak traffic/ranking belum tersedia karena redesign masih sangat baru — akan dilaporkan hanya jika dan ketika datanya benar-benar ada.
  • Butuh bantuan redesign situs yang tetap aman untuk SEO dan performa? Lihat jasa web development yang ditawarkan, atau baca cara implementasi schema markup JSON-LD di Next.js untuk menjaga structured data tetap solid saat perubahan desain.

studi kasus · redesign · seo teknis · core web vitals · aksesibilitas

Pertanyaan yang Sering Diajukan

Apakah redesign situs selalu menurunkan traffic SEO?

Tidak selalu, tapi risikonya nyata kalau tidak dikelola. Analisis Almcorp Media (2026) terhadap 40.000 situs mencatat penurunan traffic organik rata-rata hanya 2,5% sepanjang 2025 — namun itu rata-rata umum, bukan jaminan. Redesign yang mengubah struktur heading, menghapus konten, atau menyembunyikan teks di balik JavaScript tetap berisiko tinggi menurunkan ranking.

Bagaimana cara memastikan redesign tidak merusak SEO?

Verifikasi konten inti (heading, FAQ, teks) tetap utuh di HTML mentah sebelum JavaScript berjalan, memakai `curl` bukan asumsi dari kode. Jangan hapus atau ubah URL tanpa redirect, pastikan structured data (JSON-LD) tidak ikut terhapus, dan uji dengan `prefers-reduced-motion` agar animasi baru tidak mengganggu aksesibilitas.

Apakah menambah animasi ke situs bisa mempengaruhi SEO?

Bisa, kalau animasi membuat konten baru terlihat oleh mesin pencari/AI crawler hanya setelah JavaScript berjalan (elemen `opacity-0` di HTML mentah). Solusinya: render selalu dalam kondisi akhir yang terlihat di server (SSR), lalu animasi murni progressive enhancement di client — pola yang dipakai di redesign ini.

M. Irfan Ramadhan

SEO Specialist & Web Developer

Menulis tentang SEO teknis, GEO/AI search, dan pengembangan web modern berdasarkan pengalaman langsung mengerjakan proyek klien.