SEO teknikal adalah asas yang membolehkan enjin carian menemui, memahami, dan ranking laman web anda. Tanpa asas teknikal yang kukuh, walaupun kandungan terbaik tidak akan mendapat keterlihatan yang sepatutnya.
Apa Itu SEO Teknikal?
SEO teknikal merujuk kepada pengoptimuman infrastruktur laman web untuk membantu enjin carian seperti Google crawl, index, dan render halaman dengan berkesan. Berbeza dengan SEO on-page yang fokus kepada kandungan, SEO teknikal memastikan asas teknikal tapak anda berfungsi dengan optimum.
Elemen utama SEO teknikal:
- Crawlability - Memastikan bot enjin carian boleh mengakses halaman anda
- Indexability - Memastikan halaman disimpan dalam indeks enjin carian
- Renderability - Memastikan JavaScript dan kandungan dinamik dipaparkan dengan betul
- Kelajuan - Masa muat halaman yang pantas
- Keselamatan - Sambungan HTTPS yang selamat
- Mobile-friendliness - Pengalaman optimum di peranti mudah alih
Core Web Vitals
Core Web Vitals adalah metrik Google yang mengukur pengalaman pengguna sebenar. Sejak 2021, ia menjadi faktor ranking rasmi.
Tiga Metrik Core Web Vitals
| Metrik | Pengukuran | Sasaran |
|---|---|---|
| LCP (Largest Contentful Paint) | Kelajuan muat kandungan utama | < 2.5 saat |
| INP (Interaction to Next Paint) | Responsiviti kepada interaksi | < 200ms |
| CLS (Cumulative Layout Shift) | Kestabilan visual halaman | < 0.1 |
Cara Meningkatkan Core Web Vitals
Untuk LCP (Kelajuan Muat):
- Optimumkan imej (format WebP, lazy loading)
- Gunakan CDN untuk menyajikan aset
- Minimumkan CSS dan JavaScript yang blocking
- Preload sumber kritikal
Untuk INP (Interaktiviti):
- Pecahkan JavaScript besar kepada chunks kecil
- Optimumkan event handlers
- Gunakan web workers untuk tugas berat
- Kurangkan kerja main thread
Untuk CLS (Kestabilan Visual):
- Tetapkan dimensi untuk imej dan video
- Tempah ruang untuk iklan dan embeds
- Elakkan memasukkan kandungan di atas kandungan sedia ada
- Gunakan font-display: swap untuk web fonts
Kelajuan Halaman
Kelajuan halaman mempengaruhi kedua-dua pengalaman pengguna dan ranking carian.
Alat Pengukuran Kelajuan
- Google PageSpeed Insights - Analisis terperinci dengan cadangan penambahbaikan
- GTmetrix - Waterfall analysis terperinci
- WebPageTest - Ujian dari pelbagai lokasi
- Lighthouse - Audit dalam Chrome DevTools
Teknik Pengoptimuman Kelajuan
Pengoptimuman Pelayan:
- Gunakan hosting berkualiti dengan SSD
- Dayakan HTTP/2 atau HTTP/3
- Konfigurasi caching pelayan
- Gunakan CDN untuk pengedaran global
Pengoptimuman Frontend:
- Minimumkan CSS, JavaScript, dan HTML
- Mampat imej tanpa kehilangan kualiti
- Lazy load imej dan video
- Inline CSS kritikal di atas fold
Mobile-First Indexing
Google menggunakan versi mudah alih laman web anda untuk indexing dan ranking.
Keperluan Mobile-First
- Reka bentuk responsif - Tapak menyesuaikan diri dengan semua saiz skrin
- Kandungan sama - Versi mobile mempunyai kandungan lengkap seperti desktop
- Data berstruktur - Schema markup pada versi mobile
- Meta tags - Title, description, robots tag sama
Semakan Mobile-Friendliness
# Gunakan Google's Mobile-Friendly Test
https://search.google.com/test/mobile-friendly
Amalan terbaik mobile:
- Saiz font minimum 16px
- Jarak tap target minimum 48x48px
- Elakkan pop-up yang mengganggu
- Pastikan viewport dikonfigurasi dengan betul
Schema Markup (Data Berstruktur)
Schema markup membantu enjin carian memahami kandungan anda dengan lebih baik dan boleh menghasilkan rich results.
Jenis Schema Biasa
| Jenis | Kegunaan |
|---|---|
| Article | Artikel berita dan blog |
| LocalBusiness | Perniagaan dengan lokasi fizikal |
| Product | Halaman produk e-dagang |
| FAQ | Halaman soalan lazim |
| HowTo | Panduan langkah demi langkah |
| Organization | Maklumat syarikat |
| Person | Profil pengarang |
| BreadcrumbList | Navigasi breadcrumb |
Contoh Schema Article (JSON-LD)
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "SEO Teknikal: Panduan Lengkap",
"author": {
"@type": "Organization",
"name": "Semantic.my"
},
"datePublished": "2024-02-15",
"dateModified": "2026-01-30"
}
Pengesahan Schema
- Gunakan Google Rich Results Test
- Semak Schema Markup Validator
- Pantau dalam Google Search Console
XML Sitemap
XML sitemap membantu enjin carian menemui semua halaman penting dalam tapak anda.
Amalan Terbaik Sitemap
- Sertakan hanya halaman yang boleh diindex
- Kemas kini
<lastmod>apabila kandungan berubah - Pisahkan sitemap besar (>50,000 URL)
- Submit sitemap ke Search Console
Contoh Struktur Sitemap
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://semantic.my/ms/seo/</loc>
<lastmod>2026-01-30</lastmod>
<changefreq>weekly</changefreq>
<priority>1.0</priority>
</url>
</urlset>
Robots.txt
Fail robots.txt memberitahu bot enjin carian halaman mana yang boleh atau tidak boleh dicrawl.
Sintaks Asas Robots.txt
User-agent: *
Allow: /
Disallow: /admin/
Disallow: /api/
Sitemap: https://semantic.my/sitemap-index.xml
Peraturan Robots.txt
- Letakkan di root domain:
https://domain.com/robots.txt Allowmemberi kebenaran aksesDisallowmenghalang aksesUser-agentmenentukan bot yang terkesan- Satu arahan per baris
HTTPS dan Keselamatan
HTTPS adalah faktor ranking dan penting untuk kepercayaan pengguna.
Keperluan HTTPS
- Sijil SSL yang sah
- Redirect HTTP ke HTTPS
- Kemas kini pautan dalaman ke HTTPS
- Semak mixed content warnings
Semakan Keselamatan
- Gunakan SSL Labs untuk audit sijil
- Pastikan HSTS didayakan
- Semak Security Headers
Senarai Semak SEO Teknikal
Asas
- HTTPS didayakan dengan sijil sah
- XML sitemap dijana dan disubmit
- Robots.txt dikonfigurasi dengan betul
- Mobile-responsive design
Prestasi
- Core Web Vitals semua “Good”
- Masa muat halaman < 3 saat
- Imej dioptimumkan (WebP, lazy loading)
- CSS/JS diminimumkan
Crawlability
- Tiada halaman penting diblock
- Pautan dalaman berfungsi (tiada 404)
- Redirect chains diminimumkan
- Canonical tags dikonfigurasi
Data Berstruktur
- Schema markup dilaksanakan
- Tiada ralat dalam Rich Results Test
- Breadcrumb schema ditambah
Alat SEO Teknikal
Alat Percuma
| Alat | Fungsi |
|---|---|
| Google Search Console | Pantau prestasi carian dan isu teknikal |
| PageSpeed Insights | Analisis kelajuan dan Core Web Vitals |
| Mobile-Friendly Test | Semak keserasian mobile |
| Rich Results Test | Sahkan schema markup |
Alat Berbayar
| Alat | Fungsi |
|---|---|
| Screaming Frog | Crawl tapak untuk isu teknikal |
| Ahrefs | Audit tapak menyeluruh |
| SEMrush | Pemantauan kesihatan tapak |
| Sitebulb | Visualisasi masalah teknikal |
Masalah Teknikal Biasa
1. Kandungan Duplikat
- Gunakan canonical tags
- Redirect versi duplikat
- Parameter URL diuruskan dalam Search Console
2. Halaman Orphan
- Halaman tanpa pautan dalaman
- Tambah pautan dari halaman berkaitan (lihat panduan pemula SEO untuk asas)
- Sertakan dalam sitemap
3. Redirect Chains
- A → B → C → D (buruk)
- A → D (baik)
- Had maksimum 2 redirect
4. Crawl Budget Issues
- Halang halaman tidak penting
- Elakkan infinite spaces (calendars, filters)
- Optimumkan internal linking
SEO teknikal menyediakan asas untuk semua usaha SEO lain - termasuk strategi kandungan dan pengoptimuman on-page. Banyak tapak SME di Malaysia - terutamanya yang guna shared hosting murah - ada isu kelajuan dan keselamatan yang boleh diselesaikan dengan langkah mudah. Pastikan tapak anda boleh dicrawl, pantas, selamat, dan mobile-friendly supaya kandungan anda ada peluang terbaik untuk ranking tinggi.
Mulakan dengan audit teknikal menggunakan Screaming Frog, Google Search Console, dan PageSpeed Insights. Selesaikan isu kritikal dahulu, kemudian optimumkan secara berterusan untuk prestasi terbaik.
Bersedia untuk audit SEO teknikal? Hubungi kami untuk penilaian menyeluruh tapak anda.