Panduan SEO Langkah 2: On-Page & Meta Tags

Ini adalah Langkah 2 dari Panduan SEO 13 Langkah. Meta tags on-page mengontrol apa yang ditampilkan mesin pencari tentang situs Anda — dan apakah pengguna mengklik.

---

SEO teknis (Langkah 1) memastikan mesin pencari dapat menemukan situs Anda. Optimisasi on-page memastikan mereka memahaminya — dan menyajikannya secara menarik dalam hasil. Setiap hasil pencarian yang Anda lihat di Google dibangun dari meta tags di halaman. Jika Anda tidak mengendalikannya, Google akan menebak. Dan Google biasanya tidak menebak dengan baik.

Perbedaan antara 2% dan 8% rasio klik-tayang sering kali hanya disebabkan oleh title tag dan deskripsi yang lebih baik. Pada halaman dengan 1.000 tayangan bulanan, itu setara dengan 60 pengunjung tambahan per bulan — secara gratis.

Apa yang Dicakup oleh SEO On-Page

Optimisasi on-page mencakup 8 area:

1. Title Tags — Tautan biru dalam hasil pencarian
2. Meta Descriptions — Teks abu-abu di bawah tautan
3. Open Graph & Sosial — Penampilan halaman Anda saat dibagikan
4. Hierarki Heading — Struktur konten yang menandakan relevansi
5. Structured Data — Hasil kaya (bintang, harga, FAQ)
6. Optimisasi Gambar — Alt text, nama file, dan lazy loading
7. Anchor Text Internal — Apa yang dikatakan tautan Anda tentang halaman Anda
8. Markup Berita & Artikel — Google News, Discover, dan crawler AI

1. Title Tags

Title tag adalah elemen on-page yang paling berdampak. Ini adalah tautan biru yang dapat diklik dalam hasil pencarian, teks tab browser, dan faktor peringkat langsung.

Aturan untuk title tags yang berkinerja tinggi:

• 50-60 karakter (Google memotong di sekitar 60)
• Kata kunci utama dekat di awal
• Unik di setiap halaman situs Anda
• Menarik bagi manusia, bukan hanya algoritma
• Nama merek di akhir (jika ada ruang)

Formula yang berfungsi:

| Tipe Halaman | Formula | Contoh | |--------------|---------|--------| | Beranda | [Merek] — [Nilai Tawaran] | LANGR — Otomatisasi SEO untuk Bisnis yang Berkembang | | Produk | [Produk] — [Manfaat] | [Merek] | Pro Plan — Pemantauan SEO Harian | LANGR | | Blog | [Topik]: [Janji] ([Tahun]) | Title Tags: Panduan Lengkap (2026) | | Kategori | [Kategori] — [Konteks] | [Merek] | Sepatu Lari — Koleksi Pria | Nike |

Kesalahan umum:

• Judul yang sama di beberapa halaman (duplikat judul)
• Keyword stuffing: "SEO SEO Guide SEO Tips SEO Help"
• Terlalu pendek: "Beranda" atau "Produk"
• Tidak ada sama sekali (Google membuat satu dari konten Anda — biasanya buruk)

Quick win: Ekspor semua title tags Anda (Screaming Frog, atau periksa Search Console). Temukan duplikat dan halaman dengan judul di bawah 30 karakter. Perbaiki yang itu terlebih dahulu.

2. Meta Descriptions

Meta descriptions tidak langsung memengaruhi peringkat, tetapi mereka sangat memengaruhi rasio klik-tayang. Mereka adalah salinan iklan Anda dalam hasil organik.

Aturan:

• 120-155 karakter (mobile memotong lebih awal)
• Sertakan kata kunci utama Anda (Google menebalkan istilah yang cocok)
• Sertakan ajakan untuk bertindak ("Pelajari cara", "Mulai sekarang", "Lihat harga")
• Unik per halaman (duplikat digantikan oleh auto-snippet Google)
• Sesuaikan dengan niat pencarian (informasional, transaksional, navigasional)

Formula: [Apa yang ditawarkan halaman] + [manfaat utama] + [CTA]

Contoh: "Pelajari 8 meta tags yang langsung memengaruhi peringkat. Tips yang dapat ditindaklanjuti dengan contoh sebelum/setelah. Mulai optimisasi hari ini."

Ketika Google mengabaikan deskripsi Anda: Google menulis ulang ~70% meta descriptions agar lebih cocok dengan kueri spesifik. Anda tidak bisa mencegah ini, tetapi deskripsi yang ditulis dengan baik masih lebih sering digunakan daripada yang buruk. Ini juga muncul dalam berbagi sosial dan pratayang tautan.

Quick win: Tulis deskripsi untuk 20 halaman trafik teratas Anda terlebih dahulu. Prioritaskan halaman di mana Search Console menunjukkan tayangan tinggi tetapi CTR rendah.

3. Open Graph & Meta Sosial

Ketika seseorang membagikan tautan Anda di Facebook, LinkedIn, Twitter/X, atau dalam aplikasi pesan, tag Open Graph mengontrol kartu pratayang yang muncul.

Tag OG yang penting:

<meta property="og:title" content="Judul Halaman Anda" />
<meta property="og:description" content="Deskripsi menarik untuk sosial" />
<meta property="og:image" content="https://yoursite.com/images/og-card.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />

Untuk Twitter/X:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Judul Halaman Anda" />
<meta name="twitter:description" content="Deskripsi untuk Twitter" />
<meta name="twitter:image" content="https://yoursite.com/images/twitter-card.jpg" />

Persyaratan gambar:

• Minimum 1200x630px untuk kartu besar
• Ukuran file di bawah 8MB
• Gunakan teks pada gambar secara hemat (aturan 20%)
• Uji dengan Facebook Debugger dan Twitter Card Validator

Quick win: Buat satu template gambar OG berkualitas tinggi untuk merek Anda. Gunakan sebagai default, kemudian buat gambar kustom untuk 10 halaman teratas Anda.

4. Hierarki Heading

Heading (H1-H6) memberikan kerangka konten kepada mesin pencari. Mereka menandakan tentang apa halaman Anda dan bagian mana yang paling penting.

Aturan:

• Tepat satu H1 per halaman (topik/kata kunci utama Anda)
• H2 untuk bagian utama (ini sering menjadi jawaban snippet unggulan)
• H3 untuk subbagian dalam H2
• Jangan pernah melewatkan level (H1 → H3 tanpa H2)
• Gunakan kata kunci secara alami dalam heading, tidak dipaksakan
• Flat-load kata penting (scanners membaca 3 kata pertama)

Dampak SEO:

• Google menggunakan teks H2/H3 untuk snippet unggulan dan "Orang juga bertanya"
• Teks heading memengaruhi peringkat passage (Google dapat memberi peringkat pada bagian halaman Anda secara independen)
• Pembaca layar dan crawler AI menggunakan heading untuk memahami struktur halaman

Contoh struktur:

H1: Cara Memilih Sepatu Lari
  H2: Tipe Kaki dan Pronation
    H3: Overpronation
    H3: Netral
    H3: Underpronation
  H2: Kategori Sepatu
    H3: Lari Jalan
    H3: Lari Trail
  H2: Kapan Harus Mengganti Sepatu Anda

Quick win: Periksa halaman teratas Anda — jika ada yang memiliki beberapa H1, tidak ada H1, atau heading yang hanya "Bagian 1", "Bagian 2", segera perbaiki.

5. Structured Data (Schema Markup)

Structured data memberi tahu mesin pencari secara tepat apa yang diwakili oleh konten Anda. Ini memungkinkan hasil kaya — daftar yang ditingkatkan dengan bintang, harga, FAQ, langkah-langkah cara, dan lainnya.

Tipe skema dengan ROI tinggi:

| Skema | Hasil Kaya | Terbaik untuk | |-------|------------|---------------| | FAQ | Q&A yang dapat diperluas langsung di SERP | Halaman layanan, halaman produk | | HowTo | Langkah demi langkah dengan gambar | Konten tutorial/panduan | | Article | Penulis, tanggal, gambar dalam hasil | Postingan blog, berita | | Product | Harga, penilaian, ketersediaan | E-commerce | | LocalBusiness | Peta, jam, ulasan | Bisnis fisik | | BreadcrumbList | Navigasi jalur di SERP | Semua halaman | | Organization | Panel pengetahuan | Halaman beranda |

Contoh skema FAQ:

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Berapa lama SEO berlangsung?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Sebagian besar situs melihat perbaikan terukur dalam 3-6 bulan..."
    }
  }]
}

Aturan:

• Hanya tandai konten yang benar-benar terlihat di halaman
• Jangan buat ulasan atau penilaian yang tidak ada
• Validasi dengan Uji Hasil Kaya Google
• Pantau di Search Console → Peningkatan

Quick win: Tambahkan skema FAQ ke 5 halaman layanan/produk teratas Anda. Tulis 3-5 pertanyaan dan jawaban yang jujur untuk masing-masing. Ini dapat menggandakan ruang SERP Anda dalam semalam.

6. Optimisasi Gambar

Gambar sering kali merupakan bottleneck terbesar dalam performa dan peluang SEO yang terabaikan. Google Images menghasilkan lalu lintas signifikan untuk banyak situs.

5 yang penting:

1. Alt text: Deskripsikan apa yang ada dalam gambar (untuk aksesibilitas + SEO). Sertakan kata kunci secara alami: alt="Nike Air Max 2026 sepatu lari berwarna hitam", bukan alt="sepatu" atau alt=""
2. Nama file: Ubah nama sebelum mengunggah. nike-air-max-2026-black.webp bukan IMG_4382.jpg
3. Format: WebP untuk foto (30-50% lebih kecil dari JPEG). SVG untuk ikon/logo. Hindari PNG untuk foto.
4. Lazy loading: Tambahkan loading="lazy" ke gambar di bawah lipatan. Jangan pernah melakukan lazy-load pada gambar hero.
5. Dimensi: Selalu tentukan atribut width dan height untuk mencegah perubahan tata letak (CLS).

Quick win: Temukan 10 gambar terbesar Anda (PageSpeed Insights memberi tanda pada mereka). Konversi ke WebP dan tambahkan alt text yang tepat. Ini meningkatkan baik performa maupun visibilitas pencarian gambar.

7. Anchor Text Internal

Teks yang dapat diklik dalam tautan internal Anda memberi tahu mesin pencari tentang apa halaman target. Kebanyakan situs membuang kesempatan ini dengan menggunakan "klik di sini" atau "baca lebih lanjut."

Aturan:

• Gunakan teks anchor deskriptif yang menyertakan kata kunci yang relevan
• Variasikan teks anchor (jangan gunakan teks yang persis sama untuk setiap tautan ke suatu halaman)
• Tautkan dari halaman berotoritas tinggi ke halaman yang ingin Anda peringkat
• Tautkan secara kontekstual dalam konten, bukan hanya di navigasi

Baik vs. buruk:

• Buruk: "Klik di sini untuk panduan SEO kami"
• Baik: "Baca panduan SEO lengkap kami untuk semua 13 langkah"
• Buruk: "Pelajari lebih lanjut"
• Baik: "Lihat bagaimana structured data meningkatkan rasio klik"

Quick win: Cari situs Anda untuk tautan "klik di sini" dan "baca lebih banyak". Ganti dengan teks anchor deskriptif yang mengandung kata kunci yang relevan.

8. Markup Berita & Artikel

Jika Anda menerbitkan posting blog, konten berita, atau konten yang diperbarui secara berkala, markup yang dioptimalkan untuk berita membuka akses ke Google News, Google Discover, dan perlakuan istimewa oleh crawler AI.

Skema artikel (diperlukan untuk fitur berita):

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Judul Artikel Anda",
  "datePublished": "2026-05-07T09:00:00+02:00",
  "dateModified": "2026-05-07T09:00:00+02:00",
  "author": {
    "@type": "Person",
    "name": "Nama Penulis",
    "url": "https://yoursite.com/author/name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Merek Anda",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "image": "https://yoursite.com/article-hero.jpg",
  "mainEntityOfPage": "https://yoursite.com/article-url"
}

Gunakan NewsArticle vs Article:

• NewsArticle — untuk konten berita yang sensitif terhadap waktu (acara, pengumuman)
• Article — untuk posting blog dan panduan yang tidak terikat waktu
• BlogPosting — untuk artikel opini dan blog pribadi

Optimasi Google News & Discover:

• Gambar hero berkualitas tinggi (minimal 1200px lebar, meta max-image-preview:large)
• Tanggal diterbitkan jelas terlihat di halaman
• Nama penulis dengan tautan ke halaman penulis
• Pelaporan orisinal atau analisis unik (bukan penulisan ulang)
• Meta robots: max-snippet:-1, max-image-preview:large (izinkan pratayang penuh)

Meta robots untuk konten berita:

<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" />

Ini memberi tahu Google bahwa ia dapat menggunakan gambar besar dan teks lengkap dalam kartu Discover dan hasil berita.

Mengapa ini penting untuk tingkat lebih tinggi:

• Strategi blog: Markup artikel memungkinkan konten Anda muncul di Discover (potensi ribuan tayangan per posting)
• Memperoleh tautan: Konten yang terindeks berita dikutip oleh publikasi lain, menghasilkan backlink alami
• Crawler AI: ChatGPT, Perplexity, dan sistem AI lainnya cenderung mengutip sumber dengan markup artikel yang tepat dan kepemilikan yang jelas
• Pemantauan merek: Sebutan berita tentang merek Anda (diambil melalui pemindai seperti News Scanner milik LANGR) mengungkapkan peluang membangun tautan dan PR

Quick win: Tambahkan skema Artikel ke semua posting blog Anda. Pastikan masing-masing memiliki tanggal yang terlihat, nama penulis, dan gambar hero di atas 1200px lebar. Aktifkan max-image-preview:large dalam meta robots Anda.

Checklist Audit SEO On-Page

Jalankan ini untuk setiap halaman penting:

• [ ] Judul tag unik, 50-60 karakter, kata kunci dekat awal
• [ ] Deskripsi meta unik, 120-155 karakter, menyertakan CTA
• [ ] Tag Open Graph disetel (judul, deskripsi, gambar, url)
• [ ] Tepat satu H1 yang mengandung kata kunci utama
• [ ] Hierarki heading yang logis (H1 → H2 → H3, tidak ada yang terlewat)
• [ ] Structured data ditambahkan dan divalidasi (FAQ, Artikel, Produk, dll.)
• [ ] Gambar: Format WebP, alt text deskriptif, lazy loading di bawah lipatan
• [ ] Tautan internal menggunakan teks anchor deskriptif
• [ ] Skema artikel pada semua konten blog/berita dengan datePublished + penulis
• [ ] Tag robot meta max-image-preview:large pada halaman konten

Kesalahan Umum On-Page (Diklasifikasikan Menurut Dampak)

1. Duplikat title tags — Beberapa halaman bersaing melawan diri sendiri
2. Meta descriptions yang hilang — Membiarkan Google menebak (dan menebak salah)
3. Tidak ada structured data — Kehilangan hasil kaya yang dimiliki pesaing Anda
4. Heading yang dipenuhi kata kunci — "Tips SEO Panduan SEO Bantuan SEO 2026"
5. Alt text yang hilang pada gambar — Tidak terlihat oleh pencarian + kegagalan aksesibilitas
6. Tidak ada markup artikel pada posting blog — Tidak terlihat oleh News/Discover/AI
7. Teks anchor generik — "Klik di sini" tidak mengajarkan apa-apa kepada Google
8. Gambar OG yang sama di mana-mana — Semua berbagi Anda terlihat identik

Apa Selanjutnya?

Langkah 3: Konten & Strategi — Apa yang harus ditulis, kapan menerbitkan, dan bagaimana membuat konten yang memiliki peringkat daripada hanya ada.

---

Panduan ini adalah bagian dari seri panduan SEO 13 langkah LANGR. Lakukan audit gratis untuk melihat posisi situs Anda di seluruh 13 disiplin.