Website bisnis Anda sudah online berbulan-bulan, tetapi hampir tidak ada pengunjung dari Google. Halaman layanan tidak muncul saat orang mencari nama jasa Anda, dan artikel blog tenggelam di halaman lima. Sering kali penyebabnya bukan kurang backlink, melainkan hal-hal di dalam website sendiri yang belum dibereskan.
SEO on-page adalah bagian SEO yang sepenuhnya Anda kendalikan: isi halaman, judul, struktur, kecepatan, dan cara halaman saling terhubung. Panduan ini membahas apa yang perlu diperiksa, urutan pengerjaannya, dan contoh implementasi untuk developer yang memakai Laravel.
On-Page, Off-Page, dan Teknis: Apa Bedanya?
| Area | Contoh pekerjaan | Siapa yang mengendalikan |
|---|---|---|
| On-page | Konten, title, meta description, heading, internal link, alt gambar | Anda sepenuhnya |
| Teknis | Kecepatan, mobile, sitemap, robots.txt, canonical, HTTPS | Anda dan developer |
| Off-page | Backlink, sebutan merek, ulasan | Sebagian besar pihak luar |
Karena on-page dan teknis ada di tangan Anda, keduanya adalah tempat paling masuk akal untuk memulai. Backlink ke halaman yang tipis dan lambat tidak akan banyak membantu.
1. Mulai dari Search Intent, Bukan Kata Kunci Saja
Setiap pencarian punya maksud. Orang yang mengetik "aplikasi kasir" mungkin ingin membandingkan produk, sedangkan "cara membuat aplikasi kasir laravel" ingin tutorial. Jika halaman Anda tidak sesuai maksud tersebut, kata kunci yang tepat pun tidak akan membuatnya bertahan di peringkat atas.
Cara praktis membaca intent: ketik kata kunci target di Google, lalu perhatikan sepuluh hasil teratas. Apakah isinya artikel panduan, halaman produk, daftar perbandingan, atau video? Format yang mendominasi adalah petunjuk format yang diharapkan Google.
- Informasional: "apa itu", "cara", "panduan". Cocok untuk artikel mendalam.
- Komersial: "terbaik", "perbandingan", "review". Cocok untuk halaman perbandingan.
- Transaksional: "harga", "beli", "jasa ... di kota X". Cocok untuk halaman layanan atau produk.
Satu halaman sebaiknya fokus pada satu intent utama. Jangan memaksakan artikel tutorial dan halaman penjualan menjadi satu.
2. Title Tag dan Meta Description
Title tag adalah faktor on-page yang paling berpengaruh dan juga teks pertama yang dilihat orang di hasil pencarian. Beberapa pedoman:
- Letakkan kata kunci utama di awal, selama tetap terbaca alami.
- Usahakan sekitar 50–60 karakter agar tidak terpotong.
- Setiap halaman wajib punya title yang unik.
- Tambahkan nama merek di akhir jika masih muat.
Meta description tidak memengaruhi peringkat secara langsung, tetapi memengaruhi apakah orang mengklik. Tulis 140–160 karakter yang menjelaskan apa yang akan didapat pembaca. Google kadang menulis ulang deskripsi Anda, terutama jika tidak cocok dengan pencarian.
Di Laravel, cara rapi mengatur ini adalah melalui @section atau variabel yang dikirim dari controller:
{{-- resources/views/layouts/app.blade.php --}}
<title>@yield('title', config('app.name'))</title>
<meta name="description" content="@yield('meta_description', 'Deskripsi default situs')">
<link rel="canonical" href="{{ url()->current() }}">
{{-- resources/views/blog/show.blade.php --}}
@section('title', $post->title . ' | NamaBisnis')
@section('meta_description', Str::limit(strip_tags($post->excerpt), 155))
Tag canonical memberi tahu Google versi URL mana yang utama, sehingga halaman dengan parameter seperti ?page=1 atau ?utm_source= tidak dianggap duplikat.
3. Struktur Heading dan Keterbacaan
Gunakan satu H1 per halaman (biasanya judul), lalu H2 untuk bagian utama dan H3 untuk sub-bagian. Heading bukan alat untuk memperbesar huruf; ia adalah kerangka isi. Pembaca memindai heading untuk memutuskan apakah halaman layak dibaca, dan mesin pencari memakainya untuk memahami topik setiap bagian.
Tips keterbacaan yang terbukti membantu: paragraf 2–4 kalimat, daftar bernomor untuk langkah, tabel untuk perbandingan, dan jawaban langsung di kalimat pertama setelah heading berbentuk pertanyaan. Format seperti ini juga memperbesar peluang tampil sebagai featured snippet.
4. Konten yang Benar-Benar Menjawab
Google semakin keras terhadap konten tipis dan generik. Panjang bukan tujuan, tetapi kelengkapan penting. Sebelum menulis, daftar pertanyaan yang kemungkinan dimiliki pembaca, lalu pastikan semuanya terjawab. Tambahkan hal yang tidak dimiliki pesaing: contoh nyata dari pengalaman Anda, tangkapan langkah, angka biaya yang realistis, atau kesalahan yang sering terjadi.
Perbarui artikel lama secara berkala. Artikel 2023 tentang "harga hosting" yang tidak pernah diubah akan kalah dari artikel serupa yang diperbarui tahun ini. Hapus atau gabungkan artikel yang saling tumpang tindih agar tidak bersaing untuk kata kunci yang sama.
5. Kecepatan dan Pengalaman Mobile
Core Web Vitals mengukur tiga hal: kecepatan elemen utama tampil (LCP), respons terhadap interaksi (INP), dan stabilitas tata letak (CLS). Ukur dengan PageSpeed Insights atau tab Lighthouse di Chrome DevTools. Perbaikan yang paling sering berdampak:
- Kompres gambar dan gunakan format WebP atau AVIF.
- Tambahkan atribut
widthdanheightpada gambar agar tata letak tidak bergeser. - Gunakan
loading="lazy"untuk gambar di bawah layar pertama. - Aktifkan cache dan kompresi di server.
- Kurangi query database yang lambat di halaman yang sering diakses.
Untuk poin terakhir, teknik seperti eager loading dan indeks dibahas di optimasi performa query Eloquent Laravel. Di sisi Laravel, jalankan juga php artisan config:cache dan php artisan route:cache di server produksi.
6. Internal Linking
Tautan internal membantu Google menemukan halaman baru dan memahami halaman mana yang paling penting. Prinsipnya:
- Tautkan dari artikel yang sudah punya trafik ke halaman yang ingin Anda dorong.
- Gunakan teks tautan deskriptif ("panduan deploy Laravel"), bukan "klik di sini".
- Pastikan tidak ada halaman penting yang yatim, yaitu tidak ditautkan dari mana pun.
- Kelompokkan artikel dalam topik (cluster) dengan satu halaman pilar yang menautkan ke semuanya.
7. Gambar dan Data Terstruktur
Beri nama file yang bermakna (aplikasi-kasir-dashboard.webp, bukan IMG_2041.jpg) dan atribut alt yang menjelaskan isi gambar. Alt membantu pengguna pembaca layar dan pencarian gambar.
Data terstruktur (schema.org) membantu mesin pencari memahami jenis konten. Untuk artikel, contoh JSON-LD minimal:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Panduan SEO On-Page untuk Website Bisnis",
"datePublished": "2026-01-15",
"dateModified": "2026-03-02",
"author": { "@type": "Person", "name": "Nama Penulis" }
}
</script>
Validasi dengan Rich Results Test milik Google. Jangan menambahkan schema untuk hal yang tidak tampil di halaman, misalnya rating palsu; itu melanggar pedoman dan bisa terkena tindakan manual.
Checklist SEO On-Page per Halaman
- Halaman fokus pada satu intent dan satu kata kunci utama.
- Title unik, sekitar 50–60 karakter, kata kunci di awal.
- Meta description unik, 140–160 karakter, menjelaskan manfaat.
- Satu H1, H2 dan H3 tersusun logis.
- Paragraf pembuka langsung menjawab masalah pembaca.
- Minimal dua tautan internal relevan dengan teks deskriptif.
- Gambar terkompresi, punya alt, width, dan height.
- Tag canonical benar.
- Lolos uji mobile dan Core Web Vitals di PageSpeed Insights.
- Schema valid sesuai jenis konten.
Kesalahan yang Sering Terjadi
| Kesalahan | Dampak | Perbaikan |
|---|---|---|
| Keyword stuffing | Tulisan tidak natural, bisa dinilai spam | Gunakan sinonim dan variasi alami |
| Title dan meta sama di banyak halaman | Google bingung memilih halaman | Buat title dinamis dari data halaman |
| Banyak artikel tipis dengan topik mirip | Kualitas situs secara keseluruhan turun | Gabungkan menjadi satu artikel lengkap dan pasang redirect 301 |
| Mengabaikan mobile | Pengunjung ponsel langsung pergi | Uji setiap template di layar kecil |
Urutan Pengerjaan yang Disarankan
- Pasang Google Search Console dan kirim sitemap.
- Perbaiki masalah teknis besar: halaman tidak terindeks, HTTPS, mobile.
- Rapikan title dan meta di halaman layanan atau produk utama.
- Perdalam 5–10 artikel yang sudah mendapat impresi tetapi CTR-nya rendah.
- Bangun internal link dari artikel tersebut ke halaman bisnis.
- Evaluasi setiap bulan di Search Console.
Perubahan teknis bisa terlihat dalam beberapa hari setelah halaman di-crawl ulang, tetapi pergerakan peringkat konten umumnya butuh beberapa minggu sampai bulan. Daftar alat gratis untuk membantu pemeriksaan ini ada di 15 tools gratis untuk developer web pemula, dan pastikan setelan server Anda sudah benar dengan panduan deploy Laravel ke hosting.