Buatkan script HTML untuk website perusahaan distributor sabun cair N199 dengan kriteria berikut:
1. **Struktur SEO Lengkap**:
- Meta tags (description, keywords, author, robots)
- Open Graph dan Twitter Card
- Canonical URL dan AMP link
- JSON-LD structured data (Organization)
- Title tag yang mengandung keyword utama
2. **Desain Modern**:
- Menggunakan Bootstrap 5
- Font Awesome untuk ikon
- Warna brand biru dan oranye
- Layout zigzag untuk section produk
- Animasi hover pada card produk
- Image slider otomatis untuk showcase produk
3. **Konten Utama**:
- Hero section dengan CTA menonjol
- Section "Tentang Kami" dengan keunggulan perusahaan
- 9 produk unggulan dengan:
* Nama produk
* Gambar produk
* Fitur (bullet points)
* Harga berbagai ukuran
* Tombol pesan via WhatsApp
- Section aplikasi produk (rumah tangga, restoran, dll)
- Section distributor dengan CTA kuat
4. **Fitur Tambahan**:
- Visitor counter dengan local storage
- Form kontak yang redirect ke WhatsApp
- Smooth scrolling
- Fixed WhatsApp button
- Footer lengkap dengan:
* Info perusahaan
* Quick links
* Produk populer
* Sosial media
5. **Optimasi Keyword**:
- Keyword utama: "Distributor Sabun Cair N199"
- Keyword sekunder: "sabun cuci piring", "deterjen cair", "pewangi pakaian"
- Long-tail: "harga sabun cair N199 5 liter", "distributor resmi N199 [provinsi]"
- Semantic keywords: "produk kebersihan SNI", "supplier sabun cair murah"
6. **CTA Strategis**:
- Minimal 3 CTA utama (hero, mid-page, end-page)
- Tombol WhatsApp fixed di navbar
- Tombol "Pesan Sekarang" di setiap produk
- Formulir minat jadi distributor
7. **Konten Pendukung**:
- Testimoni pelanggan
- Alamat lengkap dengan Google Maps embed
- Nomor telepon/WA yang jelas
- Penjelasan manfaat tiap produk
8. **Teknis**:
- Responsive mobile-friendly
- Load cepat dengan optimasi gambar
- Valid HTML5
- Clean code dengan komentar
Tambahkan juga:
- Image slider horizontal untuk menampilkan semua varian produk
- Hover effect pada gambar produk
- Pricing tag yang eye-catching
- Section FAQ jika diperlukan
Variasi Prompt untuk Hasil Lebih Spesifik:
Saya butuh script HTML untuk website distributor produk kebersihan dengan fokus pada sabun cair merek N199. Website harus memiliki:
1. **SEO On-Page Perfect**:
- Meta description 155 karakter dengan keyword utama
- Semantic HTML tags (header, section, article)
- Heading hierarchy (H1, H2, H3) yang mengandung keyword
- Alt text untuk semua gambar
- Internal linking structure
2. **Komponen Wajib**:
[Daftar semua komponen dari script asli]
3. **Optimasi Khusus**:
- Tombol WA dengan parameter teks otomatis
- Schema markup untuk produk (Product schema)
- Preconnect untuk CDN yang digunakan
- Lazy loading untuk gambar
4. **Mobile Optimization**:
- Viewport meta tag
- Touch target yang cukup besar
- Font size responsive
- Hamburger menu di mobile
5. **Performance**:
- Minified CSS inline
- Async/defer untuk script
- Proper image sizing
- Limited third-party requests
Buat dengan:
- Warna utama: #0d6efd (biru) dan #ff6b00 (oranye)
- Font: Default Bootstrap (system stack)
- Layout: Clean dan professional
- Interaksi: Micro-interactions untuk UX lebih baik
Tambahkan juga tracking untuk:
- Konversi form
- Klik tombol WA
- Scroll depth
Prompt ini akan menghasilkan script HTML yang:
-
SEO-friendly dari struktur dasar
-
Memuat semua komponen visual yang ada di contoh
-
Optimasi untuk conversion rate
-
Responsif di semua device
-
Dengan performance yang baik
Anda bisa memodifikasi prompt sesuai kebutuhan spesifik seperti:
-
Menambahkan section testimoni lebih banyak
-
Menyesuaikan warna brand
-
Menambah jenis produk tertentu
-
Mengubah layout tertentu