Lewati ke konten
SEO

Contoh Artikel Pertama: Panduan Dasar SEO On-Page

M. Irfan Ramadhan2 menit baca
Laptop menampilkan dasbor analitik yang berisi grafik sesi pengguna, peta sebaran lokasi, dan perangkat pengunjung di ruang kerja bernuansa netral.
Foto: Unsplash
Daftar Isi

SEO on-page adalah praktik mengoptimalkan elemen-elemen di dalam halaman website, seperti title tag, struktur heading, meta description, dan URL, agar mesin pencari dan pembaca lebih mudah memahami isi halaman. Elemen ini sepenuhnya berada di bawah kendali pemilik situs, berbeda dengan faktor off-page seperti backlink.

Sebelum mengoptimalkan elemen-elemen ini, title tag dan heading butuh kata kunci target yang jelas. Kalau belum punya daftar kata kunci, mulai dari tools riset keyword gratis untuk pemula sebelum menerapkan langkah-langkah di bawah ini.

Ringkasan cepat:

  1. SEO on-page mengoptimalkan elemen di dalam halaman (title tag, heading, meta description, URL) yang sepenuhnya dikontrol pemilik situs.
  2. Title tag sebaiknya relevan, ringkas, dengan satu kata kunci utama di depan.
  3. Struktur heading H1-H6 harus logis: satu H1 per halaman, urutan H2/H3 tanpa lompat level.
  4. Meta description tidak memengaruhi ranking langsung, tapi menentukan CTR di halaman hasil pencarian.
  5. Alt text gambar yang deskriptif membantu mesin pencari dan pembaca screen reader, serta berpeluang muncul di hasil pencarian gambar (Google Images).
  6. Internal link dengan anchor text deskriptif membantu mesin pencari dan pembaca (termasuk AI) memahami konteks antar halaman.

Apa itu SEO On-Page?

SEO on-page adalah praktik optimasi elemen-elemen di dalam halaman website, seperti judul, heading, dan struktur konten, agar lebih mudah dipahami oleh mesin pencari maupun pembaca.

Elemen Penting SEO On-Page

Beberapa elemen yang perlu diperhatikan antara lain:

ElemenFungsi UtamaTips Praktis
Title tagJudul halaman yang tampil di tab browser dan hasil pencarianRelevan, ringkas, satu kata kunci utama di depan
Struktur heading (H1-H6)Menunjukkan hierarki dan alur topik ke mesin pencari dan pembacaSatu H1 per halaman, urutan H2/H3 logis, jangan lompat level
Meta descriptionCuplikan teks di halaman hasil pencarianTidak memengaruhi ranking langsung, tapi menentukan CTR
URLAlamat halaman yang diindeks mesin pencariBersih, deskriptif, hindari parameter/ID acak
Alt text gambarMenjelaskan isi gambar untuk mesin pencari dan pembaca screen readerDeskriptif dan spesifik, bukan sekadar nama file atau kata kunci berulang
Internal linkMenghubungkan halaman terkait di dalam situs agar mesin pencari dan pembaca (termasuk AI) memahami konteks antar kontenAnchor text deskriptif, bukan sekadar "klik di sini", lihat tips internal linking yang benar

Setelah title tag dan meta description dioptimalkan, pantau performanya lewat Google Search Console untuk melihat CTR asli di hasil pencarian, bukan sekadar asumsi.

Kenapa Alt Text Gambar Sering Terlewat

Alt text adalah teks alternatif yang dipasang pada atribut alt sebuah elemen <img>. Fungsinya dua arah: mesin pencari tidak bisa "melihat" gambar secara langsung, jadi alt text membantunya memahami konten visual halaman, dan pembaca yang memakai screen reader bergantung penuh pada teks ini untuk tahu apa yang ditampilkan gambar tersebut. Halaman dengan alt text yang deskriptif juga berpeluang muncul di hasil pencarian gambar (Google Images), sumber traffic yang sering diabaikan dibanding pencarian teks biasa. Menurut panduan resmi Google untuk gambar di pencarian, alt text yang baik singkat tapi deskriptif, menjelaskan konteks gambar secara alami tanpa menjejalkan kata kunci berulang. Panduan resmi Google menyebutkannya secara eksplisit:

"When writing alt text, focus on creating useful, information-rich content that uses keywords appropriately and is in context of the content of the page."

Google Search Central, Google Images best practices

Contoh alt text yang baik untuk gambar sampul artikel ini: "Laptop menampilkan dasbor analitik yang berisi grafik sesi pengguna, peta sebaran lokasi, dan perangkat pengunjung di ruang kerja bernuansa netral" Deskripsi ini menyebutkan objek utama dan konteksnya secara spesifik, bukan sekadar "gambar seo" yang tidak memberi informasi tambahan apa pun.

Contoh Kode

Berikut contoh sederhana menambahkan meta description menggunakan Next.js Metadata API:

export const metadata = {
  title: "Contoh Artikel Pertama",
  description: "Panduan dasar SEO on-page untuk pemula.",
};

Dengan menerapkan dasar-dasar di atas secara konsisten, halaman website akan lebih mudah ditemukan melalui pencarian organik. Kalau butuh bantuan audit SEO on-page menyeluruh untuk situsmu, lihat cakupan jasa SEO yang tersedia.

seo · on-page · panduan

Pertanyaan yang Sering Diajukan

Apa itu SEO on-page?

SEO on-page adalah praktik mengoptimalkan elemen di dalam halaman website, seperti title tag, struktur heading, meta description, dan URL, agar mesin pencari dan pembaca lebih mudah memahami isi halaman. Berbeda dari SEO off-page yang berfokus pada backlink, elemen ini sepenuhnya berada di bawah kendali pemilik situs.

Apa saja elemen penting dalam SEO on-page?

Elemen penting SEO on-page meliputi title tag yang relevan dan ringkas, struktur heading (H1-H6) yang logis, meta description yang menarik untuk meningkatkan CTR, URL yang bersih dan deskriptif, serta konten berkualitas yang menjawab kebutuhan pencari. Kombinasi elemen ini membantu mesin pencari memahami relevansi halaman terhadap kata kunci yang ditargetkan.

Kenapa meta description penting untuk SEO on-page?

Meta description tidak langsung memengaruhi peringkat, tetapi berperan besar meningkatkan click-through rate (CTR) karena muncul sebagai cuplikan teks di halaman hasil pencarian. Deskripsi yang ringkas, relevan, dan mengandung kata kunci utama membuat pengguna lebih tertarik mengklik tautan situs dibanding hasil pencarian lain yang deskripsinya kurang menarik.

M. Irfan Ramadhan

SEO Specialist & Web Developer

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