Funnel & Landing Page yang Konversi: Anatomi & Optimasi UMKM
Cara membangun funnel pemasaran (TOFU/MOFU/BOFU) dan landing page yang konversi untuk UMKM — dari anatomi struktural, framework copywriting AIDA/PAS, Core Web Vitals, sampai A/B testing.
Tinjau terakhir 30 Mei 2026
Peta panduan 4 modul · klik untuk buka
Peta panduan
Pilar ini terdiri dari 4 panduan turunan. Ikuti urutan, atau lompat ke modul yang relevan.
- Pilar Panduan Strategi Pemasaran Digital UMKM 2026: SEO, SEM, Social Media & Iklan
- 01 Modul 1 Riset Pasar & Buyer Persona UMKM: Pemetaan Pelanggan Ideal
- 02 Modul 2 GA4, UTM & Conversion Tracking untuk UMKM: Setup Pengukuran
- 03 Modul 3 Funnel & Landing Page yang Konversi: Anatomi & Optimasi UMKM
- 04 Modul 4 Panduan SEO untuk UMKM 2026: Google Business Profile, Keyword & Local SEO
Setelah punya buyer persona dan sistem pengukuran, satu pertanyaan masih tertinggal: ketika pengunjung sampai di situs Anda, apakah mereka bertindak? Banyak UMKM punya cukup traffic tapi konversi minim — masalahnya bukan jumlah pengunjung, tapi kualitas pengalaman saat mereka tiba. Funnel yang jelas dan landing page yang dirancang baik mengubah pengunjung pasif jadi pembeli aktif.
Panduan ini membahas dua konsep terkait erat: funnel pemasaran (jalur dari kesadaran sampai aksi) dan landing page (halaman yang mengkapitalisasi traffic pada momen kritis konversi). Plus dua aspek pendukung: copywriting yang efektif, dan optimasi kecepatan via Core Web Vitals — keduanya sering jadi pembeda antara landing page yang biasa dan yang luar biasa. Ini modul ketiga klaster fondasi pemasaran, setelah riset pasar dan GA4 tracking.
Peta perjalanan
3 lapis
Funnel: TOFU, MOFU, BOFU
< 2,5 dt
Target LCP — load utama
8%
Naik konversi per 0,1 detik speed
2 minggu
Durasi minimum A/B test
Funnel pemasaran & 3 lapisnya
20 menit
Funnel pemasaran adalah model yang membagi perjalanan calon pembeli menjadi tiga lapis berdasarkan tingkat kesiapan beli. Setiap lapis butuh pesan, channel, dan call-to-action yang berbeda.
| Lapis | Tingkat kesiapan | Tujuan pesan | Contoh channel |
|---|---|---|---|
| TOFU (Top of Funnel) | Belum tahu / baru tahu masalah | Edukasi, awareness | SEO konten, social media organik, content marketing |
| MOFU (Middle of Funnel) | Sadar masalah, evaluasi solusi | Bandingkan, bangun trust | Email nurturing, comparison content, webinar |
| BOFU (Bottom of Funnel) | Siap beli, evaluasi penjual | Konversi, hilangkan friksi | Landing page, retargeting ads, demo, free trial |
Geser tabel ke samping untuk melihat selengkapnya
Distribusi audiens di tiap lapis tidak merata. Sekitar 70% pengunjung sebuah situs UMKM ada di TOFU (baru tahu, belum siap beli), 20% di MOFU (mengevaluasi), hanya 10% di BOFU (siap aksi). Implikasinya: mendorong pesan “BELI SEKARANG” ke semua pengunjung adalah kesalahan strategis — 90% audiens akan tertolak.
Kenapa UMKM yang sukses jangka panjang menginvestasi di TOFU & MOFU? Karena BOFU adalah hasil dari fondasi sebelumnya. Tanpa awareness yang sehat di TOFU, pipeline ke MOFU tipis; tanpa nurturing MOFU yang baik, konversi BOFU mengandalkan keberuntungan. Tiga lapis ini bekerja sebagai satu sistem — bukan tiga aktivitas yang berdiri sendiri. Tantangan UMKM tahap awal sering bukan “produknya tidak laku” — tapi hanya membangun BOFU tanpa fondasi yang mendukungnya.
Aktivitas tiap lapis
Untuk membantu mengkalibrasi strategi, berikut contoh aktivitas masing-masing lapis untuk tiga sektor UMKM tersering.
| Sektor | TOFU | MOFU | BOFU |
|---|---|---|---|
| E-commerce skincare | Tips kulit, edukasi ingredient | Comparison produk, review honest | Diskon code, retargeting cart |
| Jasa konsultasi | Blog topik problem, podcast | Case study, webinar | Konsultasi gratis 30 menit, demo |
| F&B (warung/cafe) | Konten estetik medsos, food vlog | Tour menu, behind-the-scene | Promo grand opening, voucher repeat |
Geser tabel ke samping untuk melihat selengkapnya
Anatomi landing page yang konversi
40 menit
Landing page (halaman tujuan kampanye) berbeda dari halaman situs biasa. Tujuan utamanya satu: mengarahkan pengunjung melakukan satu aksi spesifik — beli, signup, isi form, atau install. Karenanya strukturnya dioptimalkan untuk fokus, bukan untuk eksplorasi.
Enam blok wajib landing page
| Blok | Fungsi | Yang harus ada | Hindari |
|---|---|---|---|
| 1. Hero | Menjawab 'apa & kenapa' dalam 3 detik | Headline + sub + CTA + visual produk/hasil | Headline ambigu, video auto-play berisik |
| 2. Social proof | Bangun trust cepat | Logo klien, testimoni, rating | Quote tanpa nama, testimoni umum |
| 3. Manfaat / Value | Apa yang pembeli dapat | 3–5 benefit, bukan feature list | Jargon teknis, fitur tanpa konteks |
| 4. Bukti & detail | Bukti spesifik manfaat | Demo screenshot, case study angka | Klaim tanpa bukti |
| 5. FAQ | Hilangkan keberatan terakhir | 5–7 pertanyaan yang sering muncul | FAQ panjang & generik |
| 6. CTA akhir | Ulang ajakan, kurangi friksi | Tombol jelas + risk reversal | CTA kecil & ambigu |
Geser tabel ke samping untuk melihat selengkapnya
Prinsip “One Page, One Goal”
Satu landing page = satu tujuan utama. Bila tujuan adalah “isi form demo”, semua elemen di halaman harus mendukung itu — header tanpa menu navigasi yang menjauhkan, satu CTA dominan yang muncul berkali- kali, distraksi minimal. Banyak halaman situs gagal jadi landing page yang baik karena dirancang untuk eksplorasi (menu, link banyak), bukan fokus.
Banyak UMKM menyamakan landing page dengan “halaman penjualan panjang yang penuh promosi”. Itu salah arah. Landing page yang efektif punya panjang yang proporsional dengan kompleksitas tawaran. Tawaran simpel (gratis ebook): pendek, langsung ke CTA. Tawaran kompleks (jasa B2B mahal): lebih panjang, banyak bukti & FAQ. Yang penting bukan panjang fisik, melainkan kepadatan informasi yang relevan ke pembaca pada tahap pertimbangannya.
Above the fold — area paling kritis
“Above the fold” adalah area yang terlihat tanpa scroll. Untuk landing page, ini adalah kesempatan pertama dan terbaik untuk mengkonversi. 4 elemen wajib di area ini:
Framework copywriting AIDA & PAS
30 menit
Copywriting yang efektif punya struktur — bukan sekadar “menulis yang bagus”. Dua framework standar yang dipakai luas, masing-masing cocok untuk konteks berbeda.
AIDA — untuk audiens yang belum sadar
AIDAAIDA — Attention, Interest, Desire, ActionFormula copywriting klasik: tarik perhatian → bangun minat → ciptakan keinginan → arahkan ke aksi. Cocok untuk landing page, email, dan iklan dengan tujuan konversi langsung. adalah framework klasik 4 tahap: Attention → Interest → Desire → Action. Cocok untuk landing page yang mengarah ke audiens cold (belum kenal brand atau masalah).
| Tahap | Tujuan | Tools / contoh |
|---|---|---|
| Attention | Buat berhenti scroll | Headline curiosity-gap, visual mengejutkan |
| Interest | Tahan perhatian | Sub-headline yg relate ke situasi pembaca |
| Desire | Bangun keinginan | Manfaat konkret, bukti, transformasi |
| Action | Arahkan ke aksi | CTA jelas, risk reversal (gratis, garansi) |
Geser tabel ke samping untuk melihat selengkapnya
PAS — untuk audiens yang sudah sadar masalah
Problem → Agitate → Solution lebih kuat untuk audiens yang sudah sadar masalah (mis. mereka cari di Google “cara X”). Tidak perlu menarik perhatian dari nol — langsung resonan ke pain.
| Tahap | Tujuan | Contoh |
|---|---|---|
| Problem | Konfirmasi masalah pembaca | 'Bingung pilih KBLI untuk usaha?' |
| Agitate | Tunjukkan konsekuensi bila tidak diatasi | 'Salah KBLI = izin tidak sah, risiko sanksi' |
| Solution | Tawarkan solusi spesifik | 'Panduan lengkap memilih KBLI dalam 1 jam' |
Geser tabel ke samping untuk melihat selengkapnya
Kecepatan & Core Web Vitals
35 menit
Google menerbitkan tiga metrik teknis sebagai sinyal kualitas pengalaman pengguna: LCP, INP, dan CLS. Selain mempengaruhi ranking SEOSEO — Search Engine OptimizationPraktik optimasi situs web agar mudah ditemukan di hasil pencarian organik (Google, Bing). Mencakup teknis (kecepatan, struktur URL, schema), konten (kata kunci, relevansi), dan off-page (backlink)., ketiganya berdampak langsung ke konversi.
Peningkatan 0,1 detik kecepatan load page bisa menaikkan conversion rate hingga 8%. Situs yang lulus semua threshold Core Web Vitals mengalami 24% lebih rendah abandonment rate.
Tiga metrik Core Web Vitals
| Metrik | Mengukur | Target 'baik' | Apa yang bikin buruk |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Kapan konten terbesar muncul | < 2,5 detik | Image besar tidak ter-optimasi, server lambat |
| INP (Interaction to Next Paint) | Responsivitas saat user interaksi | < 200 ms | JavaScript berat, banyak third-party script |
| CLS (Cumulative Layout Shift) | Stabilitas layout saat load | < 0,1 | Image tanpa width/height, ad inject tanpa space |
Geser tabel ke samping untuk melihat selengkapnya
Optimasi praktis untuk UMKM
Compress & lazy-load gambar
Gambar adalah penyebab #1 LCP buruk. Pakai WebP/AVIF (lebih kecil
dari JPG/PNG). Lazy-load image yang tidak above-the-fold dengan
loading=“lazy”.
Preload critical resources
Font utama, hero image, CSS critical — preload di
<head> dengan
<link rel=“preload”> supaya browser fetch lebih
cepat.
Minimize JavaScript pihak ketiga
Tiap chat widget, analytics, ad pixel menambah beban. Audit: apakah benar-benar perlu? Hapus yang tidak. Lazy-load yang perlu setelah interaksi.
Set image dimensions
Selalu set width dan height attribute di
image — mencegah CLS karena browser tahu space sebelum load
selesai.
Test dengan PageSpeed Insights
Pakai PageSpeed Insights untuk score & rekomendasi spesifik. Test versi mobile & desktop. Fokus mobile — 84% audiens Indonesia akses dari sana.
CTA & form optimization
30 menit
Call-to-action (CTA) adalah momen kritis — saat keinginan diubah jadi tindakan. Detail kecil sering jadi pembeda antara konversi dan bouncing.
Desain CTA yang efektif
| Elemen | Best practice | Contoh |
|---|---|---|
| Wording | Kata kerja aksi + manfaat | 'Daftar gratis 14 hari' bukan 'Submit' |
| Warna | Kontras tinggi dengan background | Tombol oranye di background krem |
| Ukuran | Cukup besar untuk thumb mobile | Min 44×44 px tap target |
| Lokasi | Above-the-fold + diulang di akhir | 2–3 lokasi sepanjang halaman |
| Risk reversal | Hilangkan keraguan | 'Gratis, tanpa kartu kredit' |
| Loading state | Feedback saat diklik | Spinner / 'Mengirim...' |
Geser tabel ke samping untuk melihat selengkapnya
Form yang tidak menyerah di tengah jalan
Form adalah killer #1 konversi. Setiap field tambahan menurunkan completion rate 5–10%. Prinsip: minta yang minimal cukup.
A/B test & iterasi berulang
30 menit
Optimasi landing page tanpa A/B test adalah tebakan. Bagaimanapun sehebat designer, dugaan tentang “mana yang lebih konversi” sering salah. Data uji adalah satu-satunya cara untuk tahu pasti.
Apa yang di-test (prioritas)
Mulai dari elemen dengan dampak paling besar.
| Elemen | Dampak potensial | Effort |
|---|---|---|
| Headline utama | Tinggi — bisa 2x konversi | Rendah |
| CTA wording & warna | Tinggi | Rendah |
| Hero image vs video | Tinggi | Sedang |
| Form (jumlah field) | Tinggi | Rendah |
| Social proof placement | Sedang | Rendah |
| Body copy framework | Sedang | Sedang |
| Warna primer brand | Rendah | Tinggi |
Geser tabel ke samping untuk melihat selengkapnya
Tentukan satu hipotesis spesifik tiap test, bukan “yang lebih bagus”. Misalnya: “Headline yang menyebutkan harga akan menaikkan konversi 15% karena audiens kami sensitif harga”. Hipotesis bantu menginterpretasi hasil — bila kalah, Anda belajar sesuatu konkret tentang audiens, dan test berikutnya bisa lebih tajam dengan menghindari asumsi yang salah.
Aturan A/B test yang valid
Test satu variabel pada satu waktu
Bila Anda ubah headline + CTA + image bersamaan, tidak tahu mana yg menggerakkan hasil. Isolate satu variabel per test.
Tetapkan hipotesis sebelum test
‘Saya percaya headline B akan menaikkan konversi karena lebih spesifik’. Hipotesis bantu interpretasi hasil & pelajaran.
Jalan minimal 2 minggu atau sampai signifikansi 95%
Test pendek sering memberi hasil acak. Pakai A/B test calculator untuk verify.
Dokumentasikan hasil & pelajaran
Bahkan test yang gagal mengajarkan sesuatu. Catat di spreadsheet: apa yang dites, hipotesis, hasil, kesimpulan untuk test berikutnya.
Implementasikan pemenang & iterate
Ganti default ke versi menang. Mulai test berikutnya. Optimasi adalah proses kontinu — bukan one-shot.
Kesalahan umum landing page & funnel
- Satu halaman untuk semua audiens. Pesan tidak resonan ke siapa-siapa. Bangun landing page spesifik per kampanye.
- CTA tidak jelas atau terlalu banyak. Satu landing page = satu CTA dominan. Multiple CTA membingungkan.
- Form panjang di awal. Tiap field tambahan turunkan completion 10%. Mulai minimal, perdalam belakangan.
- Mengabaikan kecepatan mobile. 84% audiens lewat HP — lambat di mobile = kehilangan mayoritas.
- Tidak ada A/B test. Optimasi tebakan tidak mungkin konsisten baik. Setup minimal 1 test aktif terus.
- Fokus hanya BOFU. Tanpa TOFU & MOFU yang sehat, pipeline kering.
- Tidak mengukur (lihat modul GA4). Tracking yang benar adalah prasyarat optimasi.
Checklist landing page yang konversi
Penutup
Landing page yang konversi bukan hasil tebakan kreatif — ia produk dari struktur yang teruji (anatomi 6 blok), copywriting yang berbasis framework (AIDA/PAS), kecepatan yang terukur (Core Web Vitals), dan iterasi berbasis data (A/B test). Untuk UMKM dengan resource terbatas, investasi waktu di lima area ini menghasilkan return berlipat — karena tiap rupiah anggaran iklan jadi lebih efisien saat landing page-nya optimal.
Funnel yang sehat melindungi sistem pemasaran dari ketergantungan hanya pada BOFU. Distribusi pesan dan channel ke TOFU+MOFU+BOFU membangun pipeline berkelanjutan, bukan sekadar burst kampanye yang mengering.
Dengan tiga modul fondasi klaster A sekarang lengkap (riset pasar, tracking, funnel & landing), Anda punya kerangka untuk membangun pemasaran digital yang berbasis data. Lanjutkan ke klaster berikutnya di Panduan Strategi Pemasaran Digital UMKM — SEO yang lebih dalam, social media organik, atau iklan berbayar. Topik pemasaran lain di kategori Pemasaran.
Pertanyaan yang sering muncul
Apa beda funnel dan customer journey?
Apakah satu landing page bisa untuk semua kampanye?
Berapa konversi rate yang 'bagus' untuk landing page UMKM?
Apakah Core Web Vitals penting untuk UMKM kecil?
Apa framework copywriting yang paling cocok untuk pemula?
Berapa lama A/B test harus dijalankan?
Panduan lain dari Pemasaran
GA4, UTM & Conversion Tracking untuk UMKM: Setup Pengukuran
Panduan setup Google Analytics 4, UTM parameter, dan key events (conversion tracking) untuk UMKM Indonesia. Plus kepatuhan UU PDP 27/2022 dan cara membaca laporan untuk keputusan.
Riset Pasar & Buyer Persona UMKM: Pemetaan Pelanggan Ideal
Cara melakukan riset pasar dan menyusun buyer persona untuk UMKM Indonesia — dari sumber data, framework Jobs To Be Done, hingga aktivasi ke strategi pemasaran. Dengan konteks demografi 2026.
Panduan SEO untuk UMKM 2026: Google Business Profile, Keyword & Local SEO
Cara optimasi SEO untuk UMKM Indonesia 2026: Google Business Profile, riset keyword gratis, on-page SEO, local SEO, technical SEO minimum, dan monitoring via Search Console.