Panduan SEO Langkah 2: On-Page & Tag Meta

Ini adalah Langkah 2 daripada Panduan SEO 13 Langkah. Tag meta on-page mengawal apa yang dipaparkan oleh enjin carian mengenai laman anda — dan sama ada pengguna akan mengklik.

---

SEO Teknikal (Langkah 1) memastikan enjin carian boleh menemui laman anda. Pengoptimuman on-page memastikan mereka memahaminya — dan memaparkannya secara menarik dalam hasil carian. Setiap hasil carian yang anda lihat di Google dibina daripada tag meta di halaman. Jika anda tidak mengawalnya, Google akan meneka. Dan Google meneka dengan buruk.

Perbezaan antara kadar klik 2% dan 8% kebiasaannya hanya dengan tag judul dan deskripsi yang lebih baik. Pada halaman dengan 1,000 tayangan bulanan, itu adalah 60 pengunjung tambahan sebulan — secara percuma.

Apa yang Diliputi oleh SEO On-Page

Pengoptimuman on-page merangkumi 8 bidang:

1. Tag Judul — Pautan biru dalam hasil carian
2. Deskripsi Meta — Teks kelabu di bawah pautan
3. Open Graph & Sosial — Bagaimana halaman anda kelihatan apabila dikongsi
4. Hierarki Heading — Struktur kandungan yang menandakan relevansi
5. Data Terstruktur — Hasil kaya (bintang, harga, Soalan Lazim)
6. Pengoptimuman Imej — Teks alt, nama fail, dan pemuatan malas
7. Teks Anchore Dalaman — Apa yang dikatakan pautan anda sendiri tentang halaman anda
8. Markup Berita & Artikel — Google News, Discover, dan pengumpul AI

1. Tag Judul

Tag judul adalah elemen on-page yang paling berkesan. Ia adalah pautan klik-biru dalam hasil carian, teks tab pelayar, dan faktor penarafan langsung.

Peraturan untuk tag judul yang berprestasi tinggi:

• 50-60 aksara (Google memendekkan pada ~60)
• Kata kunci utama dekat dengan permulaan
• Unik di setiap halaman di laman anda
• Menarik bagi manusia, bukan hanya algoritma
• Nama jenama di hujung (jika ruang membenarkan)

Formula yang berkesan:

| Jenis Halaman | Formula | Contoh | |---------------|---------|--------| | Halaman Utama | [Jenama] — [Prop] | LANGR — Automasi SEO untuk Perniagaan yang Berkembang | | Produk | [Produk] — [Manfaat] | [Jenama] | Pelan Pro — Pemantauan SEO Harian | LANGR | | Blog | [Topik]: [Janji] ([Tahun]) | Tag Judul: Panduan Lengkap (2026) | | Kategori | [Kategori] — [Konteks] | [Jenama] | Kasut Lari — Koleksi Lelaki | Nike |

Kesalahan biasa:

• Judul yang sama di banyak halaman (judul duplikat)
• Pengisian kata kunci: "SEO SEO Panduan SEO Tip SEO Bantuan"
• Terlalu pendek: "Rumah" atau "Produk"
• Hilang sepenuhnya (Google menjana satu daripada kandungan anda — biasanya dengan buruk)

Kemenangan cepat: Eksport semua tag judul anda (Screaming Frog, atau semak Search Console). Cari duplikat dan halaman dengan judul kurang dari 30 aksara. Betulkan yang itu terlebih dahulu.

2. Deskripsi Meta

Deskripsi meta tidak secara langsung mempengaruhi penarafan, tetapi ia secara drastik mempengaruhi kadar klik. Ia adalah salinan iklan anda dalam hasil organik.

Peraturan:

• 120-155 aksara (mudah alih memendek lebih awal)
• Sertakan kata kunci utama anda (Google menebalkan istilah yang sepadan)
• Sertakan panggilan untuk bertindak ("Ketahui bagaimana", "Mulakan", "Lihat harga")
• Unik bagi setiap halaman (duplikat digantikan oleh auto-snippet Google)
• Sesuaikan dengan niat carian (informasi, transaksi, navigasi)

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

Contoh: "Ketahui 8 tag meta yang secara langsung mempengaruhi penarafan. Tip praktikal dengan contoh sebelum/semasa. Mulakan pengoptimuman hari ini."

Apabila Google mengabaikan deskripsi anda: Google menulis semula ~70% deskripsi meta untuk lebih baik sepadan dengan pertanyaan spesifik. Anda tidak dapat mencegah ini, tetapi deskripsi yang ditulis dengan baik masih digunakan lebih sering berbanding yang buruk. Ia juga muncul dalam perkongsian sosial dan pratonton pautan.

Kemenangan cepat: Tulis deskripsi untuk 20 halaman lalu lintas teratas anda terlebih dahulu. Utamakan halaman di mana Search Console menunjukkan tayangan tinggi tetapi CTR rendah.

3. Open Graph & Meta Sosial

Apabila seseorang berkongsi pautan anda di Facebook, LinkedIn, Twitter/X, atau dalam aplikasi mesej, tag Open Graph mengawal kad pratonton yang muncul.

Tag OG asas:

<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" />

Keperluan imej:

• Saiz minimum 1200x630px untuk kad besar
• Saiz fail kurang dari 8MB
• Gunakan teks pada imej secara minimum (peraturan 20%)
• Uji dengan Facebook Debugger dan Twitter Card Validator

Kemenangan cepat: Buat satu templat imej OG berkualiti tinggi untuk jenama anda. Gunakannya sebagai lalai, kemudian buat imej khusus untuk 10 halaman teratas anda.

4. Hierarki Heading

Heading (H1-H6) memberikan garisan besar kepada enjin carian tentang kandungan. Ia menandakan apa yang halaman anda tentang dan bahagian mana yang paling penting.

Peraturan:

• Hanya satu H1 setiap halaman (topik/kata kunci utama anda)
• H2 untuk bahagian utama (ini sering menjadi jawapan snippet yang dipaparkan)
• H3 untuk sub-bahagian dalam H2
• Jangan sekali-kali melangkau tahap (H1 → H3 tanpa H2)
• Gunakan kata kunci secara semulajadi dalam heading, bukan dipaksa
• Awal muat kata penting (pemindai membaca 3 perkataan pertama)

Kesan SEO:

• Google menggunakan teks H2/H3 untuk snippet yang dipaparkan dan "Orang juga bertanya"
• Teks heading mempengaruhi ranking petikan (Google boleh menarafkan bahagian laman anda secara bebas)
• Pembaca skrin dan pengumpul AI menggunakan heading untuk memahami struktur halaman

Contoh struktur:

H1: Cara Memilih Kasut Lari
  H2: Jenis Kaki dan Pronation
    H3: Overpronation
    H3: Neutral
    H3: Underpronation
  H2: Kategori Kasut
    H3: Lari Jalan Raya
    H3: Lari Trail
  H2: Bila untuk Menggantikan Kasut Anda

Kemenangan cepat: Periksa halaman teratas anda — jika ada yang mempunyai banyak H1, tiada H1, atau heading yang hanya "Bahagian 1", "Bahagian 2", perbaiki mereka segera.

5. Data Terstruktur (Markup Skema)

Data terstruktur memberitahu enjin carian dengan tepat apa yang wakil kandungan anda. Ia membolehkan hasil kaya — penyenaraian yang dipertingkatkan dengan bintang, harga, Soalan Lazim, langkah-langkah bagaimana, dan lebih banyak lagi.

Jenis skema ROI tinggi:

| Skema | Hasil Kaya | Terbaik Untuk | |-------|------------|---------------| | FAQ | Q&A boleh dikembangkan terus dalam SERP | Halaman perkhidmatan, halaman produk | | HowTo | Langkah demi langkah dengan imej | Kandungan tutorial/panduan | | Article | Pengarang, tarikh, imej dalam hasil | Pos blog, berita | | Product | Harga, penilaian, ketersediaan | E-dagang | | LocalBusiness | Peta, waktu, ulasan | Perniagaan fizikal | | BreadcrumbList | Navigasi jalur dalam SERP | Semua halaman | | Organization | Panel pengetahuan | Halaman utama |

Contoh skema FAQ:

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Berapa lama SEO mengambil masa?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Kebanyakan laman melihat peningkatan yang dapat diukur dalam 3-6 bulan..."
    }
  }]
}

Peraturan:

• Hanya tandakan kandungan yang sebenarnya boleh dilihat di halaman
• Jangan mengada-adakan ulasan atau penilaian
• Sahkan dengan Ujian Hasil Kaya Google
• Pantau dalam Search Console → Pembaikan

Kemenangan cepat: Tambah skema FAQ ke halaman perkhidmatan/produk teratas 5 anda. Tulis 3-5 soalan dan jawapan yang tulen untuk setiap satu. Ini boleh menggandakan ruang SERP anda semalaman.

6. Pengoptimuman Imej

Imej sering menjadi halangan prestasi terbesar dan peluang SEO yang diabaikan. Google Images memberikan trafik yang signifikan untuk banyak laman.

5 yang penting:

1. Teks alt: Huraikan apa yang ada dalam imej (untuk aksesibiliti + SEO). Sertakan kata kunci secara semulajadi: alt="Nike Air Max 2026 kasut lari dalam hitam", bukan alt="kasut" atau alt=""
2. Nama fail: Tukar nama sebelum memuat naik. nike-air-max-2026-black.webp bukan IMG_4382.jpg
3. Format: WebP untuk foto (30-50% lebih kecil daripada JPEG). SVG untuk ikon/logo. Elakkan PNG untuk foto.
4. Pemuatan malas: Tambah loading="lazy" pada imej yang di bawah liputan. Jangan sekali-kali melengahkan pemuatan imej hero.
5. Dimensi: Sentiasa tentukan atribut width dan height untuk mengelakkan pergeseran susun atur (CLS).

Kemenangan cepat: Cari 10 imej terbesar anda (PageSpeed Insights menandakannya). Tukar ke WebP dan tambahkan teks alt yang betul. Ini meningkatkan prestasi dan keterlihatan carian imej.

7. Teks Anchore Dalaman

Teks klik dalam pautan dalaman anda memberitahu enjin carian tentang apa yang halaman sasaran. Kebanyakan laman membuang peluang ini dengan menggunakan "klik di sini" atau "baca lebih lanjut."

Peraturan:

• Gunakan teks anchor deskriptif yang menyertakan kata kunci yang relevan
• Pelbagaikan teks anchor (jangan gunakan teks yang sama untuk setiap pautan ke halaman)
• Pautkan dari halaman berautoritikan tinggi kepada halaman yang anda ingin rangking
• Pautkan secara konteks dalam kandungan, bukan hanya dalam navigasi

Baik berbanding buruk:

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

Kemenangan cepat: Cari laman anda untuk pautan "klik di sini" dan "baca lebih lanjut". Gantikan dengan teks anchor deskriptif yang mengandungi kata kunci yang relevan.

8. Markup Berita & Artikel

Jika anda menerbitkan pos blog, kandungan berita, atau sebarang kandungan yang diperbaharui secara berkala, markup yang dioptimumkan untuk berita membuka pintu kepada Google News, Google Discover, dan layanan istimewa oleh pengumpul AI.

Skema artikel (diperlukan untuk ciri 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 Pengarang",
    "url": "https://yoursite.com/author/name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Jenama 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 berbanding Article:

• NewsArticle — untuk kandungan berita yang sensitif kepada masa (acara, pengumuman)
• Article — untuk pos blog dan panduan yang lakunya panjang
• BlogPosting — untuk artikel pendapat dan blog peribadi

Pengoptimuman Google News & Discover:

• Imej hero berkualiti tinggi (minimum lebar 1200px, max-image-preview:large meta)
• Tarikh diterbitkan jelas kelihatan di halaman
• Nama pengarang dengan pautan ke halaman pengarang
• Pelaporan asli atau analisis unik (bukan penulisan semula)
• robots meta: max-snippet:-1, max-image-preview:large (benarkan pratonton penuh)

Robots meta untuk kandungan berita:

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

Ini memberitahu Google bahawa ia boleh menggunakan imej besar dan teks penuh dalam kad Discover dan hasil Berita.

Mengapa ini penting untuk tahap lebih tinggi:

• Strategi blog: Markup artikel membolehkan kandungan anda muncul di Discover (berpotensi ribuan tayangan setiap pos)
• Pemilikan pautan: Kandungan yang diindeks berita dirujuk oleh penerbit lain, memperoleh backlink semula jadi
• Pengumpul AI: ChatGPT, Perplexity, dan sistem AI lain lebih cenderung menyebut sumber dengan markup artikel yang betul dan penulis yang jelas
• Pemantauan jenama: Sebutan berita tentang jenama anda (dikesan melalui pemindai seperti Pemindai Berita LANGR) mendedahkan peluang membina pautan dan PR

Kemenangan cepat: Tambah skema Artikel ke semua pos blog anda. Pastikan setiap satu mempunyai tarikh yang jelas, nama pengarang, dan imej hero yang lebih dari 1200px lebar. Benarkan max-image-preview:large dalam meta robots anda.

Senarai Semak Audit SEO On-Page

Lakukan ini untuk setiap halaman penting:

• [ ] Tag judul unik, 50-60 aksara, kata kunci dekat dengan awal
• [ ] Deskripsi meta unik, 120-155 aksara, termasuk CTA
• [ ] Tag Open Graph ditetapkan (judul, deskripsi, imej, url)
• [ ] Hanya satu H1 yang mengandungi kata kunci utama
• [ ] Hierarki heading yang logik (H1 → H2 → H3, tiada lompatan)
• [ ] Data terstruktur ditambah dan disahkan (FAQ, Artikel, Produk, dll.)
• [ ] Imej: Format WebP, teks alt yang deskriptif, pemuatan malas di bawah liputan
• [ ] Pautan dalaman menggunakan teks anchor deskriptif
• [ ] Skema artikel pada semua kandungan blog/berita dengan datePublished + pengarang
• [ ] Tag robot meta max-image-preview:large pada halaman kandungan

Kesalahan On-Page Biasa (Dari Segi Kesan)

1. Tag judul duplikat — Banyak halaman bersaing antara satu sama lain
2. Deskripsi meta hilang — Membiarkan Google meneka (dan salah meneka)
3. Tiada data terstruktur — Kehilangan hasil kaya yang dimiliki pesaing
4. Heading yang diisi dengan kata kunci — "Tip SEO Panduan SEO Bantuan SEO 2026"
5. Teks alt hilang pada imej — Tidak dapat dilihat untuk carian + kegagalan aksesibiliti
6. Tiada markup artikel pada pos blog — Tidak dapat dilihat untuk Berita/Discover/AI
7. Teks anchor generik — "Klik di sini" tidak mengajarkan Google apa-apa
8. Imej OG yang sama di mana-mana — Semua perkongsian anda kelihatan sama

Apa Seterusnya?

Langkah 3: Kandungan & Strategi — Apa yang perlu ditulis, bila untuk diterbitkan, dan bagaimana untuk mencipta kandungan yang rangking dan bukan hanya wujud.

---

Panduan ini adalah sebahagian daripada siri SEO 13 langkah LANGR. Lakukan audit percuma untuk melihat di mana laman anda berdiri di seluruh 13 disiplin.