2.1 Bab 2 · Persiapan WordPress

Kenapa Landing Page Itu Penting?

Landing page adalah halaman WordPress yang dikunjungi setelah mengklik iklan. 50% keberhasilan Google Ads ditentukan di sini — bukan di iklannya.

⏱ ~8 menit 🟢 Pemula 🏠 Fondasi

❌ Skenario Buruk

🔍 Iklan Bagus — CTR tinggi, banyak klik

↓

🏠 Landing Page Buruk — lambat, tidak relevan, tidak ada CTA

↓

Hasil: Budget Terbuang

Bounce rate 85% · Conv. Rate 0.3% · QS turun · CPC mahal

✅ Skenario Ideal

🔍 Iklan Bagus — CTR tinggi, banyak klik

↓

🏠 Landing Page Bagus — cepat, relevan, CTA jelas

↓

Hasil: Profit!

Bounce rate 35% · Conv. Rate 8% · QS naik · CPC murah

Dampak Landing Page pada Performa Iklan

Landing page buruk = Quality Score rendah = Google anggap iklan Anda tidak relevan = CPC lebih mahal

Bounce rate tinggi → konversi rendah → ROAS negatif — uang iklan terbuang tanpa menghasilkan apapun

Google secara langsung menilai landing page Anda sebagai bagian dari Quality Score — bukan hanya kualitas iklannya

Perbaikan landing page bisa tingkatkan konversi 2–5× TANPA tambah budget iklan — ini cara paling efisien meningkatkan ROI

Homepage vs Landing Page Iklan

Aspek	🏠 Homepage	🎯 Dedicated Landing Page
Tujuan	Informasi umum brand	Satu aksi spesifik (konversi)
Navigasi	Menu lengkap ke seluruh site	Minimal atau tidak ada sama sekali
Konten	Semua produk/layanan	Fokus satu produk/layanan
CTA	Banyak CTA berbeda	Satu CTA yang konsisten
Conv. Rate	1–2%	5–15% (dengan optimasi)

💡

Aturan Emas: Jangan pernah arahkan iklan ke homepage. Buat halaman landing page khusus untuk setiap kampanye atau produk/jasa yang Anda iklankan. Ini satu perubahan yang paling berdampak.

2.2 Bab 2 · Persiapan WordPress

Struktur Landing Page yang Convert

Landing page yang efektif mengikuti struktur yang sudah terbukti menghasilkan konversi tinggi. Berikut blueprint yang bisa langsung Anda terapkan di WordPress.

⏱ ~10 menit 🟢 Pemula 🎨 Blueprint

Blueprint Landing Page High-Converting

1️⃣ HERO

Headline + CTA utama

2️⃣ MASALAH & SOLUSI

3️⃣ FITUR & MANFAAT

4️⃣ SOCIAL PROOF

5️⃣ HOW IT WORKS

6️⃣ FAQ

7️⃣ FINAL CTA ↓

1

HERO SECTION

Headline kuat + subheadline + CTA utama + gambar produk/jasa. Message match dengan iklan — sangat kritis!

2

MASALAH & SOLUSI

Identifikasi pain point pengunjung, tunjukkan solusi Anda. Buat mereka merasa “ini yang aku cari!”

3

FITUR & MANFAAT

Bukan sekadar daftar fitur teknis, tapi manfaat nyata yang dirasakan pelanggan

4

SOCIAL PROOF

Testimoni + rating bintang + logo klien + jumlah pelanggan. Bukti nyata yang membangun kepercayaan.

5

HOW IT WORKS

3–5 langkah mudah cara kerja produk/jasa Anda. Hilangkan rasa takut dan ketidakpastian.

6

FAQ

Jawab 5–7 pertanyaan yang paling sering menghalangi keputusan beli/konversi.

7

FINAL CTA

Ulangi ajakan bertindak + sense of urgency. Pengunjung yang scroll sampai bawah = sudah sangat tertarik.

Elemen Wajib di Setiap Landing Page

Headline yang sesuai dengan iklan — ini disebut “message match” dan sangat mempengaruhi Quality Score & bounce rate

Nomor telepon/WA yang mudah dilihat — khususnya yang bisa diklik langsung (click-to-call) di perangkat mobile

Form simpel — minta info minimal yang diperlukan saja. Makin banyak field = makin sedikit yang mengisi

Trust signal — logo klien, sertifikasi, jaminan uang kembali, testimonial dengan foto nyata

Kecepatan loading <3 detik — cek di Google PageSpeed Insights. Setiap 1 detik delay = konversi turun 7%

100% mobile responsive — lebih dari 70% traffic Google Ads berasal dari smartphone

⚠️

Message Match adalah Kunci: Jika iklan Anda berbunyi “Konveksi Seragam Surabaya”, maka judul H1 di landing page harus juga menyebutkan “Konveksi Seragam Surabaya”. Ketidakcocokan ini adalah penyebab terbesar bounce rate tinggi.

2.3 Bab 2 · Persiapan WordPress

Setup WordPress Dasar untuk Iklan

Pastikan WordPress Anda sudah disiapkan dengan benar sebelum mengalirkan traffic iklan berbayar. Kesalahan setup di awal bisa membuang budget tanpa hasil.

⏱ ~12 menit 🟢 Pemula ⚙️ Setup

Pilihan Hosting yang Tepat

Cloudways

✅ Rekomendasi

Cloud hosting fleksibel (DigitalOcean/Vultr). Performa tinggi, harga terjangkau mulai $14/bln

Kinsta

✅ Premium

Managed WordPress hosting terbaik. CDN global, auto-scaling. Mulai $35/bln

Niagahoster Cloud

✅ Lokal ID

Opsi terjangkau lokal Indonesia dengan performa cloud yang baik untuk bisnis lokal

SiteGround

⚠️ Alternatif

Hosting populer dengan dukungan WordPress yang baik. Performa solid untuk UKM

Shared Hosting Murah

❌ Hindari

Loading lambat, server shared, tidak cocok untuk landing page iklan berbayar

⚠️

Wajib: SSL Aktif (HTTPS) — Google Ads tidak akan menayangkan iklan ke URL yang tidak punya SSL. Pastikan domain Anda sudah https:// sebelum membuat kampanye.

Plugin Wajib yang Harus Dipasang

🎨

Elementor

Gratis + Pro

Page builder drag & drop terbaik untuk WordPress. Buat landing page profesional tanpa coding sama sekali

📝

WPForms

Gratis + Pro

Form builder mudah untuk lead generation. Integrasi langsung dengan email marketing dan CRM

🚀

WP Rocket

Berbayar ~$59/thn

Plugin caching & speed optimization terbaik untuk WordPress. Wajib untuk PageSpeed tinggi

🖼️

Smush / ShortPixel

Gratis + Pro

Kompres gambar otomatis + konversi ke format WebP. Satu plugin ini bisa hemat 40-60% ukuran gambar

🏷️

GTM4WP

Gratis

Google Tag Manager for WordPress. Plugin ini yang memungkinkan semua tracking berjalan tanpa edit kode

🔒

Wordfence

Gratis

Keamanan WordPress — firewall + malware scanner. Penting agar website iklan Anda tidak diretas

🔧

Urutan Install: (1) Elementor → buat landing page, (2) WPForms → buat form, (3) GTM4WP → pasang tracking, (4) WP Rocket → optimalkan kecepatan, (5) Smush → kompres gambar. Jangan pasang semua sekaligus dan langsung aktifkan iklan.

2.4 Bab 2 · Persiapan WordPress

Plugin Wajib untuk Google Ads di WordPress

Plugin-plugin ini wajib dipasang untuk memastikan tracking iklan berjalan dengan sempurna. Tanpa ini, Anda tidak tahu iklan mana yang menghasilkan.

⏱ ~10 menit 🟢 Pemula 🔌 Plugin

Plugin Tracking & Analytics

🏷️

Plugin Utama

GTM4WP

Google Tag Manager for WordPress — plugin gratis yang menjadi fondasi semua tracking. Install sekali, kelola semua tag dari GTM dashboard tanpa perlu edit kode WordPress lagi.

Cara Setup

Install Plugin
→ Settings
→ General
→ Container ID
→ Masukkan GTM-XXXXXX

1

GTM4WP — Google Tag Manager for WordPress

Plugin utama untuk memasang Google Tag Manager. Setelah terpasang, semua tag (Google Ads, GA4, Pixel Meta, dll) bisa dikelola dari GTM — tanpa sentuh kode WordPress.

2

Site Kit by Google

Plugin resmi Google yang menghubungkan GA4, Search Console, PageSpeed, dan AdSense langsung dari dashboard WordPress. Cocok untuk pemula yang ingin melihat data dalam satu tempat.

3

Pixel Your Site Pro

Untuk tracking multiple pixels sekaligus — Google Ads, Meta Ads, TikTok Ads — dari satu plugin. Cocok jika Anda menjalankan iklan di beberapa platform sekaligus.

Plugin Khusus WooCommerce Tracking

🛒

Jika Anda menggunakan WooCommerce, tracking pembelian membutuhkan setup tambahan agar data revenue bisa masuk ke Google Ads secara otomatis dan akurat.

1

GTM4WP — Mode WooCommerce

Di settings GTM4WP, aktifkan bagian “WooCommerce Integration”. Plugin ini akan otomatis push event add_to_cart, begin_checkout, dan purchase ke Data Layer — siap dibaca GTM.

2

WooCommerce Google Analytics Integration

Plugin resmi WooCommerce yang otomatis mengirim data transaksi (product, revenue, quantity) ke GA4 dan Google Ads. Data ini yang membuat Smart Bidding bekerja optimal.

🔄 Alur Tracking WooCommerce → Google Ads

1

Pembeli checkout di WooCommerce → transaksi selesai

2

GTM4WP push event purchase + nilai transaksi ke GTM Data Layer

3

GTM kirim data ke Google Ads Conversion tracking

4

Google Ads Dashboard menampilkan konversi + revenue per keyword/iklan

5

Smart Bidding menggunakan data ini untuk optimasi otomatis menuju Target ROAS

2.5 Bab 2 · Persiapan WordPress

Optimasi Kecepatan Website (PageSpeed)

Kecepatan website mempengaruhi Quality Score Google Ads, ranking SEO, dan konversi secara langsung. Target: skor PageSpeed >70 di mobile.

⏱ ~10 menit 🟢 Pemula ⚡ Kecepatan

Contoh Skor PageSpeed — Dampak ke Konversi

28

Shared Hosting Murah

❌ Buruk — Quality Score rendah, conv. rate rendah

58

WordPress Default (tanpa optimasi)

⚠️ Perlu Perbaikan — ada peluang konversi yang hilang

87

WordPress + WP Rocket + CDN

✅ Bagus — Quality Score tinggi, pengalaman pengguna baik

96

Kinsta/Cloudways + Optimasi Penuh

🏆 Excellent — CPC lebih murah, konversi maksimal

📉

Data Riset Google: Setiap 1 detik keterlambatan loading di mobile menyebabkan konversi turun 7%, bounce rate naik 32%. Iklan senilai Rp 1 juta/hari di website yang lambat bisa kehilangan Rp 200.000+ karena kecepatan saja.

Cara Cek Kecepatan Website Anda

1

Google PageSpeed Insights — pagespeed.web.dev

Tools resmi Google. Masukkan URL landing page Anda → cek skor Mobile (yang paling penting untuk iklan). Lihat rekomendasi spesifik yang perlu diperbaiki.

2

GTmetrix — gtmetrix.com

Laporan lebih detail dengan waterfall loading — Anda bisa lihat file mana yang paling lambat dimuat dan mana yang perlu dioptimasi duluan.

3

Google Search Console → Core Web Vitals

Data kecepatan berdasarkan pengguna nyata (bukan simulasi). Paling akurat karena mencerminkan pengalaman pengunjung sebenarnya.

7 Cara Meningkatkan Kecepatan WordPress

🚀 Aktifkan caching — WP Rocket (berbayar, terbaik) atau LiteSpeed Cache (gratis, untuk hosting LiteSpeed)

🖼️ Kompres semua gambar dengan Smush/ShortPixel dan gunakan format WebP — ukuran 30% lebih kecil dari JPG

💻 Gunakan CDN — Cloudflare gratis sudah sangat membantu untuk mempercepat loading di seluruh Indonesia

🔌 Hapus plugin yang tidak dipakai — setiap plugin aktif menambah waktu loading, bahkan yang tidak terlihat di frontend

📝 Minify CSS, JS, dan HTML — tersedia di WP Rocket, LiteSpeed Cache, atau Autoptimize (gratis)

🗄️ Pilih hosting yang cepat — ini faktor terbesar. Hosting murah Rp 15.000/bln tidak akan pernah cepat meski plugin optimal

⚡ Aktifkan Lazy Loading — gambar hanya dimuat saat pengguna scroll mendekatinya, bukan semua sekaligus

2.6 Bab 2 · Persiapan WordPress

Mobile Friendly & UX

Lebih dari 70% klik Google Ads datang dari perangkat mobile. Landing page yang tidak mobile-friendly = membuang 70% budget iklan Anda.

⏱ ~9 menit 🟢 Pemula 📱 Mobile

VS

Fakta Penting:

70%+ klik Google Ads dari smartphone

Google memprioritaskan Mobile-First Indexing

LP tidak mobile-friendly → QS turun → CPC mahal

Cara Cek Mobile Friendliness

1

Google Mobile-Friendly Test

Kunjungi search.google.com/test/mobile-friendly → masukkan URL landing page → cek hasilnya. Pastikan status “Page is mobile friendly”.

2

Chrome DevTools (Cara Cepat)

Di Chrome: Klik kanan → Inspect → Toggle Device Toolbar (Ctrl+Shift+M) → Pilih ukuran layar iPhone/Samsung → Cek tampilan dan fungsionalitas.

6 Prinsip UX Mobile untuk Landing Page

Tombol CTA minimal 44×44 pixel — sesuai standar Apple. Tombol kecil sulit diklik dengan jari di layar mobile

Font minimal 16px untuk teks isi halaman — di bawah itu browser mobile akan auto-zoom yang merusak layout

Nomor telepon harus bisa diklik langsung — gunakan tag <a href=”tel:08123456789″> untuk click-to-call

Form singkat — di mobile, mengisi form panjang sangat melelahkan. Minta nama + nomor WA saja, sudah cukup

Hindari pop-up yang menutupi seluruh layar di mobile — Google bisa mengenakan penalti pada Quality Score untuk halaman yang menggunakan interstitial agresif

Jangan gunakan gambar desktop yang di-crop untuk mobile — buat versi gambar terpisah yang optimal untuk layar kecil (rasio 9:16 atau 1:1)

✅

Checklist Mobile Quick-Fix: (1) CTA tombol besar di atas fold, (2) Nomor WA/telepon bisa diklik, (3) Form ≤3 field, (4) Loading <3 detik di 4G, (5) Tidak ada horizontal scroll. Lima hal ini sudah cukup untuk memperbaiki mobile conversion rate secara signifikan.

2.7 Bab 2 · Persiapan WordPress

Setup Halaman Konversi (Thank You Page)

Thank You Page adalah halaman yang muncul setelah konversi. Ini bukan hanya konfirmasi — ini juga alat tracking konversi yang paling mudah dan andal untuk di-setup.

⏱ ~9 menit 🟢 Pemula ✅ Tracking

✅

Terima Kasih!

yoursite.com/terima-kasih

Formulir Anda Sudah Kami Terima 🎉

Tim kami akan menghubungi Anda dalam 1×24 jam. Ingin respons lebih cepat?

💬 Chat via WhatsApp Sekarang

— Atau tunggu tim kami menghubungi —

Mungkin Anda Tertarik

→ Lihat Portofolio Lengkap Kami

→ Tips Pilih Konveksi yang Tepat

Cara Buat Thank You Page di WordPress

1

Buat halaman baru

WordPress Dashboard → Pages → Add New → Judul: “Terima Kasih” → Set URL slug: yoursite.com/terima-kasih

2

Desain isi halaman

Dengan Elementor: tambahkan pesan konfirmasi, ekspektasi waktu respons, tombol WhatsApp, dan link ke konten edukatif untuk membangun kepercayaan.

3

Redirect form ke Thank You Page

Di WPForms: Form Settings → Confirmations → Redirect → masukkan URL thank you page. Di Gravity Forms: Confirmations → Redirect → URL. Setiap submit form akan diarahkan ke sini.

4

Lindungi dari akses langsung (Noindex)

Di Yoast SEO: buka halaman thank you page → Advanced → Robots meta: noindex, nofollow. Ini penting agar halaman tidak muncul di Google dan tidak ada yang mengunjungi langsung tanpa konversi — yang bisa merusak data tracking.

Konten Wajib di Thank You Page

Konfirmasi bahwa form/order sudah diterima — hilangkan rasa cemas “apakah pesan saya sampai?”

Ekspektasi waktu respons yang jelas — contoh: “Tim kami akan menghubungi dalam 1×24 jam kerja”

Tombol WhatsApp untuk yang ingin respons lebih cepat — banyak lead yang kemudian langsung chat dari sini

Upsell atau cross-sell — tawarkan produk/layanan terkait yang relevan selagi mereka masih hangat

Link ke konten edukatif — artikel blog, FAQ, atau video tentang produk/jasa Anda untuk membangun kepercayaan selama menunggu

🎯

Mengapa Thank You Page = Tracking Paling Andal: Karena halaman ini hanya bisa diakses setelah form berhasil disubmit. Jika seseorang ada di URL /terima-kasih, itu pasti lead nyata. Pasang Google Ads conversion tag di halaman ini = tracking yang hampir 100% akurat.

Bab 3 →

Kenapa Landing Page Itu Penting?

Struktur Landing Page yang Convert

Setup WordPress Dasar untuk Iklan

Plugin Wajib untuk Google Ads di WordPress

Optimasi Kecepatan Website (PageSpeed)

Mobile Friendly & UX

Setup Halaman Konversi (Thank You Page)

Bab 2 Selesai!