
Website Hebat Butuh Penonton
Kamu sudah menghabiskan waktu berminggu-minggu membuat website menggunakan React. Desainnya sangat mulus, tanpa error. TAPI, saat kamu mencari nama website-mu di Google, websitemu tidak muncul sama sekali di halaman pertama. Mengapa? Karena kamu belum mengimplementasikan SEO (Search Engine Optimization).
Bagaimana Cara Kerja Google?
Google memiliki robot-robot kecil (dikenal sebagai Crawler atau Google Bot) yang merayapi internet setiap detik. Robot ini membaca file HTML dari website-mu, mencoba memahami apa isi kontennya, lalu memasukkannya ke dalam "perpustakaan raksasa" milik Google (Proses Indexing).
Masalahnya, robot tidak punya mata. Robot tidak tahu seberapa bagus desain warna websitemu. Robot HANYA bisa membaca kode teks. SEO adalah seni menyusun kode teks tersebut agar robot Google mudah memahaminya.
Tugas Developer dalam SEO (On-Page SEO)
Ada beberapa hal wajib yang harus kamu tanamkan di dalam kodemu:
1. Title dan Meta Description (Wajah Website-mu)
Ini adalah teks yang akan muncul di hasil pencarian Google. Taruh di dalam tag HTML-mu.
<title>Jual Sepatu Kulit Asli Garut | Toko Sepatu Budi</title>
<meta name="description" content="Beli sepatu kulit pria asli buatan pengrajin Garut. Kualitas premium, awet, dan bergaransi. Bebas ongkir ke seluruh Indonesia!">Pastikan judulnya mengandung kata kunci (keyword) yang sering diketik orang, dan deskripsinya menggoda agar orang mau mengklik.
2. Gunakan Atribut 'Alt' pada Gambar
Seperti yang dibilang tadi, robot tidak punya mata. Jika kamu memasang foto sepatu, robot tidak tahu itu gambar apa. Gunakan atribut alt (Alternative Text).
<!-- BURUK -->
<img src="img-001.jpg">
<!-- BAIK -->
<img src="sepatu-kulit-coklat.jpg" alt="Sepatu kulit pria warna coklat elegan dari Garut">Selain bagus untuk SEO, teks alt ini juga akan dibacakan oleh aplikasi pembaca layar bagi tunanetra, dan akan muncul sebagai teks pengganti jika koneksi internet pengunjung sedang lambat sehingga gambar gagal dimuat.
3. Kecepatan adalah Raja
Google sangat membenci website yang lambat. Pastikan kamu mengompres gambar dan melakukan minify pada CSS/JS. Website yang bisa *loading* di bawah 2 detik akan mendapat prioritas lebih tinggi (ranking atas) di halaman Google.
Mau langsung pakai template?
Jelajahi template gratis dan premium di TampilKit untuk mempercepat proses development project kamu.
Browse Templates