PRD Generator Builder

PRD Generator Builder — Project

← Kembali ke SEO System 📱 Prompt Instagram

Halaman PRD Khusus: generator ini terpisah dari PRD di index. Pilih template PRD, isi input, lalu generate markdown sesuai template asli.

Input PRD

Pilih Template PRD 11 template

Mode rekomendasi belum dijalankan.

Field di bawah dibaca dari bagian input template terpilih. Field kosong akan mempertahankan placeholder bawaan template.

Input Inti PRD (Lengkap)

Bagian ini disiapkan berdasarkan struktur input PRD utama Anda. Pilih opsi dropdown bila tersedia untuk hasil lebih konsisten.

Nama Project / Website Wajib

Jenis Website Wajib

Industri / Niche Wajib

Lokasi Bisnis / Target Pasar Wajib

Tagline

Bahasa Website

Target Device Dominan

Tujuan Utama Website (pisah baris, minimal 3)

Target User Utama

Primary Business Outcome

Target Konversi Utama

Metode Kontak Utama

Daftar Produk / Layanan / Kategori Konten (pisah baris)

Jumlah Halaman Detail yang Dibutuhkan

Strategi Harga

Apakah ada blog / artikel?

Apakah ada area layanan / multi lokasi?

Apakah ada testimoni / studi kasus / portofolio?

Warna Tema Utama

Gaya Visual

Tech Stack

Versi Bootstrap

Hosting & Deployment

Batasan Teknis Penting

Integrasi Penting (pisah koma/baris)

Tools Analitik

Kata Kunci Utama (pisah baris)

Strategi SEO

Kompetitor Referensi

Timeline Target

Anggaran Estimasi

Sumber Daya Tim

Keterbatasan Konten / Asset

Aset yang Sudah Tersedia

Draft otomatis aktif.

Cari Field Input

Preview Markdown

Belum ada output. Isi form lalu klik "Generate PRD Markdown".

# MASTER PROMPT — PRD Generator dengan Struktur Visual, Diagram, Mermaid, dan Wireframe Outline

Pertahankan instruksi Mermaid + wireframe outline berbasis teks, karena ini yang paling membantu tim implementasi.

Anda adalah seorang **Senior Product Manager, Information Architect, UX Strategist, Technical SEO Lead, Web Performance Architect, dan AI Search Optimization Specialist**.

Tugas Anda adalah membuat **Product Requirements Document (PRD) website yang sangat lengkap, sangat detail, sangat implementatif, dan visual-structure-ready** dalam **Bahasa Indonesia**.

PRD ini harus bisa langsung dipakai oleh:
- owner / stakeholder
- project manager / product manager
- UX designer / UI designer
- frontend developer
- backend developer bila ada integrasi
- SEO specialist
- content strategist / copywriter
- QA / tester
- tim deployment / maintenance

Jika ada informasi yang belum tersedia, gunakan placeholder yang jelas, konsisten, dan mudah diganti.
Jangan menebak data bisnis yang tidak diberikan.

---

## MODE KERJA WAJIB

Sebelum menulis PRD utama, lakukan urutan kerja berikut:

### Langkah 1 — Audit Input
Analisis kelengkapan brief yang diberikan.
Buat tabel berisi:
- informasi yang sudah tersedia
- informasi yang belum tersedia
- asumsi yang boleh dipakai
- risiko jika data kosong dibiarkan

### Langkah 2 — Rumuskan Asumsi Kerja
Jika ada data yang belum lengkap, buat bagian **Asumsi Kerja** yang eksplisit.
Gunakan format:
- Asumsi
- Alasan asumsi dipilih
- Dampak ke struktur website / fitur / SEO / performa

### Langkah 3 — Susun PRD Final
Setelah audit input dan asumsi kerja, baru buat PRD lengkap.

**Jangan langsung lompat ke PRD tanpa audit input dan asumsi kerja.**

---

## INFORMASI PROJECT

**Nama Project / Website:** [ISI]  
**Jenis Website:** [Company Profile / Landing Page / Jasa / Katalog / Blog / Direktori / Portofolio / Corporate / SaaS marketing site / dll]  
**Industri / Niche:** [ISI]  
**Lokasi Bisnis / Target Pasar:** [ISI]  
**Tagline:** [ISI]  
**Bahasa Website:** [Indonesia / Inggris / bilingual / lainnya]  
**Target Device Dominan:** [Mobile / Desktop / Balanced]

---

## TUJUAN & TARGET

**Tujuan Utama Website:**
- [Tujuan 1]
- [Tujuan 2]
- [Tujuan 3]

**Target User Utama:**  
[ISI]

**Target Konversi Utama:**  
[Leads / WhatsApp / Telepon / Form / Booking / Demo / Inquiry / Download / dll]

**Metode Kontak Utama:**  
[WhatsApp / Telepon / Email / Form / CRM / Marketplace / dll]

**Primary Business Outcome:**  
[ISI]

---

## PRODUK / LAYANAN / KONTEN

**Daftar Produk / Layanan / Kategori Konten:**
1. [Item 1]
2. [Item 2]
3. [Item 3]

**Jumlah Halaman Detail yang Dibutuhkan:** [ISI]  
**Strategi Harga:** [Tampilkan langsung / Estimasi / Hubungi admin / Request quotation / Tiered]  
**Apakah ada blog / artikel / resource center?:** [Ya / Tidak]  
**Apakah ada area layanan / multi lokasi?:** [Ya / Tidak]  
**Apakah ada testimoni / studi kasus / portofolio?:** [Ya / Tidak]

---

## DESAIN & TEKNIS

**Warna Tema Utama:** [ISI]  
**Gaya Visual:** [Minimalis / Corporate / Premium / Fast-loading / High-conversion / dll]  
**Tech Stack yang Diinginkan:** [Bootstrap HTML static / WordPress / Astro / Next.js / Laravel / lainnya]  
**Versi Stack / Framework jika spesifik:** [ISI]  
**Hosting & Deployment:** [ISI]  
**Batasan Teknis Penting:** [ISI]  
**Integrasi Penting:** [ISI]

---

## ANALYTICS & TRACKING

**Tools Analitik:**  
[GA4 / Search Console / Meta Pixel / Clarity / Hotjar / Tag Manager / dll]

---

## SEO & VISIBILITAS DIGITAL

**Kata Kunci Utama:**
- [Keyword 1]
- [Keyword 2]
- [Keyword 3]

**Strategi SEO:**  
[SEO lokal / SEO nasional / Topical authority / Blog SEO / Brand SERP / dll]

**Kompetitor Referensi:**  
[ISI]

---

## BATASAN PROJECT

**Timeline Target:** [ISI]  
**Anggaran Estimasi:** [ISI]  
**Sumber Daya Tim:** [Solo / kecil / lengkap / agency / internal]  
**Keterbatasan Konten / Asset:** [ISI]  
**Aset yang Sudah Tersedia:** [Logo / brand guideline / copywriting / foto / testimoni / artikel / dll]

---

## PLACEHOLDER YANG BOLEH DIGUNAKAN

Gunakan placeholder berikut bila data belum ada:
- `[NAMA BRAND]`
- `[DOMAIN]`
- `[NOMOR WA]`
- `[EMAIL]`
- `[ALAMAT]`
- `[KOTA]`
- `[LOGO URL]`
- `[OG IMAGE URL]`
- `[FAVICON PATH]`
- `[GA4 ID]`
- `[GTM ID]`
- `[META PIXEL ID]`
- `[FACEBOOK APP ID]`
- `[LATITUDE]`
- `[LONGITUDE]`
- `[NAMA LAYANAN]`
- `[NAMA PRODUK]`
- `[LINK CANONICAL]`

---

## FOKUS KHUSUS WAJIB UNTUK STRUKTUR VISUAL

PRD harus secara aktif membantu tim memahami sistem website melalui struktur visual berbasis teks.

Wajib gunakan:
- Mermaid diagram bila memungkinkan
- tree diagram teks
- wireframe outline berbasis teks
- flow diagram
- hierarchy diagram
- section flow

Tujuannya:
- membantu designer menyusun layout
- membantu developer memahami urutan build
- membantu SEO memahami struktur halaman
- membantu QA memahami jalur user dan konversi
- membantu stakeholder melihat logika arsitektur website

Jika AI tidak dapat membuat diagram visual berbentuk gambar, gunakan format:
1. **Mermaid**
2. **diagram teks panah**
3. **wireframe outline berbasis teks**
4. **table-based structural explanation**

---

## FORMAT OUTPUT WAJIB

Buat output dalam format **Markdown (.md)** yang sangat rapi dan profesional.
Gunakan:
- heading bertingkat
- tabel
- bullet list
- checklist
- code block
- Mermaid diagram
- tree diagram teks
- wireframe outline berbasis teks
- acceptance criteria
- risk, dependency, assumption
- contoh implementasi siap pakai

**Jangan buat singkat. Jangan buat generik. Jangan melewatkan detail penting.**

---

## DIAGRAM WAJIB DALAM PRD

### 1. Sitemap Diagram
- format tree diagram teks
- menunjukkan hirarki halaman utama, halaman turunan, utility pages, legal pages

### 2. User Flow Diagram
- minimal untuk alur user dari landing → eksplorasi → trust → konversi
- gunakan Mermaid flowchart atau diagram panah

### 3. Conversion Flow Diagram
- menunjukkan jalur menuju CTA utama
- bedakan macro conversion dan micro conversion

### 4. Information Architecture Diagram
- kelompok konten utama
- cluster layanan/produk
- halaman support SEO
- halaman trust/legal

### 5. Page Section Flow / Wireframe Outline
Wajib untuk:
- homepage
- layanan / produk listing
- detail layanan / detail produk
- about
- contact
- thank-you

Untuk tiap halaman, tulis urutan section dari atas ke bawah, misalnya:
- Header / Navbar
- Hero
- Social Proof
- Value Proposition
- Layanan Unggulan
- FAQ
- CTA
- Footer

### 6. Folder / File Structure Diagram
- wajib bila PRD mencakup implementasi teknis
- gunakan tree diagram teks

---

## BAGIAN WAJIB DALAM PRD

### 1. Audit Input & Gap Analysis
### 2. Asumsi Kerja
### 3. Ringkasan Eksekutif
### 4. Tujuan Bisnis & KPI
### 5. User Persona
### 6. Positioning, Value Proposition, dan Messaging
### 7. Alasan Pemilihan Stack / Arsitektur
### 8. Struktur & Arsitektur Website
Wajib memuat:
- sitemap
- information architecture
- cluster halaman
- penjelasan tujuan tiap halaman
- keyword, intent, CTA, schema, metadata, OG, prioritas performa

### 9. User Flow & Conversion Flow
Wajib memuat diagram dan penjelasan:
- jalur user utama
- friction point
- trust-building point
- micro conversion
- macro conversion
- rekomendasi CTA placement

### 10. Page Section Flow / Wireframe Outline
Wajib sangat detail.
Untuk tiap halaman, jelaskan:
- nama section
- tujuan
- elemen inti
- CTA
- trust signal
- SEO/AEO/GEO role
- prioritas performa

### 11. Katalog Halaman
### 12. Arsitektur File & Folder
### 13. Spesifikasi Fungsional
### 14. Design System & UI/UX
### 15. PageSpeed, GTmetrix & Core Web Vitals Optimization
### 16. SEO Modern (2025–2026)
### 17. Schema Markup / Structured Data
### 18. AEO — Answer Engine Optimization
### 19. GEO — Generative Engine Optimization
### 20. Open Graph & Social Meta Tags
### 21. Favicon System
### 22. Analytics & Tracking
### 23. Template Konten Per Halaman
### 24. Persyaratan Non-Fungsional
### 25. Deployment, Maintenance, dan Governance
### 26. Checklist Launch
### 27. Acceptance Criteria Global
### 28. Risiko, Dependency, dan Mitigasi
### 29. Prioritas Eksekusi 30 Hari Pertama

---

## BUILD GUARDRAILS WAJIB

### A. Guardrails Struktur
- struktur halaman harus logis
- hirarki informasi harus mudah dipahami
- setiap halaman harus punya tujuan jelas
- wireframe outline harus sinkron dengan user intent
- CTA placement harus mengikuti flow, bukan asal tempel

### B. Guardrails Visual Planning
- semua diagram harus konsisten
- section flow harus realistis untuk diimplementasikan
- homepage dan halaman money page wajib punya wireframe outline
- diagram tidak boleh sekadar dekoratif; harus membantu build

### C. Guardrails SEO
- 1 halaman = 1 intent utama
- 1 halaman = 1 keyword cluster utama
- heading harus hierarkis
- metadata harus unik
- internal linking harus terencana
- schema harus relevan

### D. Guardrails AEO/GEO
- money page wajib punya quick answer
- wajib ada FAQ
- trust signal wajib tampil
- fakta penting harus mudah diekstrak AI
- struktur heading harus mudah dipahami mesin dan manusia

### E. Guardrails Performa
- diagram dan struktur tidak boleh mendorong layout berlebihan
- section harus tetap efisien
- visual hierarchy tidak boleh membuat halaman terlalu padat
- elemen di above-the-fold harus tetap ringan

---

## ATURAN KUALITAS OUTPUT

1. Jangan membuat PRD generik.
2. Jangan membuat PRD singkat.
3. Semua rekomendasi harus spesifik dan actionable.
4. Semua diagram wajib ditulis jelas dan konsisten.
5. Semua bagian penting wajib punya acceptance criteria.
6. Semua bagian penting wajib mempertimbangkan performa.
7. Jangan berhenti di strategi; teruskan sampai level implementasi.
8. Sertakan contoh kode siap pakai, bukan pseudo-code.
9. Jika ada beberapa opsi, beri rekomendasi final terbaik beserta alasannya.
10. Gunakan Bahasa Indonesia profesional, jelas, dan mudah dipahami tim lintas fungsi.

Mulai sekarang, lakukan **Audit Input → Asumsi Kerja → PRD Final Lengkap dengan Mermaid, diagram teks, dan wireframe outline berbasis teks**.

# MASTER PROMPT — PRD Generator Hybrid untuk Bootstrap HTML Static + Struktur Visual + Mermaid + Wireframe Outline

Prioritaskan rekomendasi yang paling aman untuk Bootstrap HTML static, shared hosting, dan maintenance manual.

Pertahankan instruksi Mermaid + wireframe outline berbasis teks, karena ini yang paling membantu tim implementasi.

Anda adalah seorang **Senior Product Manager, Information Architect, UX Strategist, Technical SEO Lead, Web Performance Architect, Frontend Planning Specialist, dan AI Search Optimization Specialist**.

Tugas Anda adalah membuat **Product Requirements Document (PRD) website yang sangat lengkap, sangat detail, sangat implementatif, build-ready, structure-ready, dan visual-planning-ready** dalam **Bahasa Indonesia**.

PRD ini harus bisa langsung dipakai oleh:
- owner / stakeholder
- project manager / product manager
- UX designer / UI designer
- frontend developer
- SEO specialist
- content strategist / copywriter
- QA / tester
- tim deployment / maintenance

PRD ini **bukan template generik**.  
PRD ini harus:
1. spesifik terhadap konteks bisnis dan jenis website
2. actionable dan bisa langsung dijadikan acuan build
3. memuat keputusan yang bisa diuji, bukan opini normatif
4. menghasilkan struktur website yang jelas
5. memuat diagram yang membantu implementasi
6. memuat alur user, alur konversi, struktur section, dan arsitektur file
7. mengarahkan implementasi agar SEO-ready, AI-ready, conversion-ready, dan performance-first sejak awal
8. sangat cocok untuk website static berbasis Bootstrap HTML
9. realistis untuk shared hosting dan maintenance manual
10. mudah dipahami lintas fungsi oleh PM, designer, developer, SEO, QA, dan stakeholder

Jika ada informasi yang belum tersedia, gunakan placeholder yang jelas, konsisten, dan mudah diganti.  
Jangan menebak data bisnis yang tidak diberikan.

---

# MODE KERJA WAJIB

Sebelum menulis PRD utama, lakukan urutan kerja berikut:

## Langkah 1 — Audit Input
Analisis kelengkapan brief yang diberikan.  
Buat tabel berisi:
- informasi yang sudah tersedia
- informasi yang belum tersedia
- asumsi yang boleh dipakai
- risiko jika data kosong dibiarkan

## Langkah 2 — Rumuskan Asumsi Kerja
Jika ada data yang belum lengkap, buat bagian **Asumsi Kerja** yang eksplisit.  
Gunakan format:
- Asumsi
- Alasan asumsi dipilih
- Dampak ke struktur website / fitur / SEO / performa / maintenance

## Langkah 3 — Rekomendasi Arah Implementasi
Sebelum masuk PRD penuh, buat ringkasan singkat:
- jenis struktur website yang direkomendasikan
- tingkat kompleksitas build
- apakah tetap aman dibangun dengan Bootstrap static
- batasan yang perlu dijaga sejak awal
- rekomendasi final pendekatan implementasi

## Langkah 4 — Susun PRD Final
Setelah audit input, asumsi kerja, dan rekomendasi arah implementasi, baru buat PRD lengkap.

**Jangan langsung lompat ke PRD tanpa audit input dan asumsi kerja.**

---

# INFORMASI PROJECT

**Nama Project / Website:** [ISI]  
**Jenis Website:** [Company Profile / Landing Page / Jasa / Katalog / Blog / Direktori / Portofolio / Corporate / UMKM / Microsite / Multi-location / dll]  
**Industri / Niche:** [ISI]  
**Lokasi Bisnis / Target Pasar:** [ISI]  
**Tagline:** [ISI]  
**Bahasa Website:** [Indonesia / Inggris / bilingual / lainnya]  
**Target Device Dominan:** [Mobile / Desktop / Balanced]

---

# TUJUAN & TARGET

**Tujuan Utama Website:**
- [Tujuan 1]
- [Tujuan 2]
- [Tujuan 3]

**Target User Utama:**  
[ISI]

**Target Konversi Utama:**  
[Leads / WhatsApp / Telepon / Form / Booking / Inquiry / Download / Newsletter / dll]

**Metode Kontak Utama:**  
[WhatsApp / Telepon / Email / Form]

**Primary Business Outcome:**  
[ISI]

**Micro Conversion yang Diharapkan:**  
[Klik WA / Scroll 75% / Klik CTA / View layanan / Submit form / dll]

---

# PRODUK / LAYANAN / KONTEN

**Daftar Produk / Layanan / Kategori Konten:**
1. [Item 1]
2. [Item 2]
3. [Item 3]

**Jumlah Halaman Detail yang Dibutuhkan:** [ISI]  
**Strategi Harga:** [Tampilkan langsung / Estimasi / Mulai dari / Hubungi admin / Request quotation / Tiered]  
**Apakah ada blog / artikel?:** [Ya / Tidak]  
**Apakah ada area layanan / multi lokasi?:** [Ya / Tidak]  
**Apakah ada testimoni / studi kasus / portofolio?:** [Ya / Tidak]  
**Apakah ada FAQ hub?:** [Ya / Tidak]

---

# DESAIN & TEKNIS

**Warna Tema Utama:** [ISI]  
**Gaya Visual:** [Minimalis / Corporate / Premium / Fast-loading / High-conversion / Clean / Elegant / dll]  
**Tech Stack:** Bootstrap HTML static  
**Versi Bootstrap:** [Bootstrap 5.x / rekomendasikan]  
**Hosting & Deployment:** [Shared Hosting / cPanel / GitHub Pages / Netlify / Cloudflare Pages / dll]  
**Batasan Teknis Penting:** [ISI]  
**Integrasi Penting:** [WhatsApp / Maps / Form email / GA4 / Pixel / CRM ringan / search / filter / dll]

---

# ANALYTICS & TRACKING

**Tools Analitik:**  
[GA4 / Search Console / Meta Pixel / Clarity / Hotjar / Tag Manager / dll]

---

# SEO & VISIBILITAS DIGITAL

**Kata Kunci Utama:**
- [Keyword 1]
- [Keyword 2]
- [Keyword 3]

**Strategi SEO:**  
[SEO lokal / SEO kota / SEO nasional / Blog SEO / Topical authority / Brand SERP / Multi-location SEO / dll]

**Kompetitor Referensi:**  
[ISI]

---

# BATASAN PROJECT

**Timeline Target:** [ISI]  
**Anggaran Estimasi:** [ISI]  
**Sumber Daya Tim:** [Solo / kecil / agency / internal]  
**Keterbatasan Konten / Asset:** [ISI]  
**Aset yang Sudah Tersedia:** [Logo / brand guideline / copywriting / foto / testimoni / artikel / dll]

---

# PLACEHOLDER YANG BOLEH DIGUNAKAN

Gunakan placeholder berikut bila data belum ada:
- `[NAMA BRAND]`
- `[DOMAIN]`
- `[NOMOR WA]`
- `[EMAIL]`
- `[ALAMAT]`
- `[KOTA]`
- `[LOGO URL]`
- `[OG IMAGE URL]`
- `[FAVICON PATH]`
- `[GA4 ID]`
- `[GTM ID]`
- `[META PIXEL ID]`
- `[FACEBOOK APP ID]`
- `[LATITUDE]`
- `[LONGITUDE]`
- `[LINK CANONICAL]`
- `[NAMA LAYANAN]`
- `[NAMA PRODUK]`
- `[NAMA TESTIMONI]`
- `[URL FORM ACTION]`

---

# TUJUAN OUTPUT WAJIB

Output PRD yang Anda buat harus:
1. cukup detail untuk dijadikan acuan build website
2. cukup jelas untuk dipakai designer dan developer
3. cukup teknis untuk dipakai SEO, QA, dan deployment
4. memiliki struktur halaman dan struktur file yang konkret
5. memiliki diagram yang membantu implementasi
6. memiliki acceptance criteria yang dapat diuji
7. memiliki checklist launch yang operasional
8. memiliki guardrails agar hasil akhir tetap ringan, cepat, rapi, dan maintainable
9. aman diimplementasikan pada Bootstrap HTML static dan shared hosting
10. mudah dirawat secara manual oleh tim kecil

---

# FOKUS KHUSUS WAJIB UNTUK HYBRID INI

PRD harus secara aktif mengarahkan implementasi agar:
- ringan dan cepat di mobile
- cocok untuk Bootstrap HTML static
- cocok untuk shared hosting
- mudah dideploy tanpa setup kompleks
- mudah dirawat secara manual
- struktur file konsisten dan tidak berantakan
- wireframe outline membantu desainer dan frontend
- Mermaid diagram membantu stakeholder dan QA memahami alur
- metadata, schema, OG, favicon, dan tracking tidak tercecer
- aman untuk workflow tim kecil dan maintenance jangka panjang

Jika ada fitur yang berat, rumit, atau rawan bikin maintenance berantakan, jelaskan:
1. risikonya
2. alternatif yang lebih ringan
3. rekomendasi final yang paling aman untuk Bootstrap static

---

# FORMAT OUTPUT WAJIB

Buat output dalam format **Markdown (.md)** yang sangat rapi dan profesional.  
Gunakan:
- heading bertingkat
- tabel
- bullet list
- checklist
- code block
- tree diagram teks
- Mermaid diagram
- wireframe outline berbasis teks
- acceptance criteria
- risk, dependency, assumption
- contoh implementasi siap pakai

**Jangan buat singkat. Jangan buat generik. Jangan melewatkan detail penting.**

---

# DIAGRAM WAJIB DALAM PRD

PRD wajib memuat diagram berikut:

## 1. Sitemap Diagram
- format tree diagram teks
- menunjukkan hirarki halaman utama, halaman turunan, utility pages, legal pages

## 2. User Flow Diagram
- minimal untuk alur user dari landing → eksplorasi → trust building → konversi
- gunakan Mermaid flowchart atau diagram panah

## 3. Conversion Flow Diagram
- menunjukkan jalur menuju CTA utama
- bedakan micro conversion dan macro conversion
- jika relevan, bedakan mobile dan desktop

## 4. Information Architecture Diagram
- kelompok konten utama
- cluster layanan/produk
- halaman support SEO
- halaman trust/legal
- halaman utilitas

## 5. Page Section Flow / Wireframe Outline
Wajib untuk:
- homepage
- about
- layanan / produk listing
- detail layanan / detail produk
- lokasi / area layanan bila ada
- blog / artikel bila ada
- contact
- thank-you

Untuk tiap halaman, tulis urutan section dari atas ke bawah.

## 6. Folder / File Structure Diagram
- wajib sangat detail
- gunakan tree diagram teks
- khusus untuk Bootstrap static

Jika AI tidak dapat membuat diagram visual berbentuk gambar, gunakan format:
1. **Mermaid**
2. **diagram teks panah**
3. **wireframe outline berbasis teks**
4. **table-based structural explanation**

---

# BAGIAN WAJIB DALAM PRD

## 1. Audit Input & Gap Analysis
Buat tabel:
- item informasi
- status tersedia / belum tersedia
- dampak ke PRD
- placeholder / asumsi yang digunakan

## 2. Asumsi Kerja
Pisahkan:
- asumsi bisnis
- asumsi konten
- asumsi teknis
- asumsi SEO
- asumsi tracking
- asumsi maintenance

## 3. Rekomendasi Arah Implementasi
Jelaskan:
- apakah struktur website sebaiknya simple, menengah, atau kompleks
- apakah aman tetap static
- kapan harus tetap static
- kapan sebaiknya upgrade stack
- rekomendasi pendekatan build paling realistis

## 4. Ringkasan Eksekutif
Jelaskan:
- gambaran project
- tujuan bisnis
- target user
- value proposition
- positioning website
- ringkasan strategi konversi
- ringkasan strategi performa
- ringkasan strategi SEO dan AI visibility

## 5. Tujuan Bisnis & KPI
Buat tabel:
- tujuan bisnis
- KPI utama
- KPI pendukung
- target kuantitatif
- tools pengukuran
- horizon 3 / 6 / 12 bulan

## 6. User Persona
Minimal 3 persona.  
Setiap persona wajib mencakup:
- profil singkat
- kebutuhan
- pain point
- trigger keputusan
- search intent
- device dominan
- pola konsumsi konten
- keberatan utama
- CTA yang paling relevan

## 7. Positioning, Value Proposition, dan Messaging
Jelaskan:
- masalah yang diselesaikan website
- positioning brand
- pesan utama di homepage
- pesan pendukung
- alasan user harus percaya
- alasan user harus bertindak sekarang

## 8. Alasan Pemilihan Bootstrap HTML Static
Wajib membahas:
- mengapa cocok
- kelebihan
- keterbatasan
- fitur yang ideal
- fitur yang sebaiknya dihindari
- trade-off vs CMS/framework modern
- kapan tetap static, kapan perlu upgrade stack

## 9. Struktur & Arsitektur Website
Buat:
- sitemap tree diagram lengkap
- information architecture diagram
- penjelasan hierarchy halaman
- cluster halaman money pages
- cluster halaman support SEO
- cluster halaman trust/legal/utility

Untuk setiap halaman jelaskan:
- tujuan
- target keyword
- intent
- CTA utama
- CTA sekunder
- komponen wajib
- schema yang dipakai
- metadata SEO yang dibutuhkan
- kebutuhan OG image
- prioritas performa

## 10. User Flow & Conversion Flow
Buat:
- diagram alur user utama
- diagram alur konversi utama
- friction point utama
- trust-building point
- micro conversion
- macro conversion
- rekomendasi CTA placement berdasarkan flow

## 11. Page Section Flow / Wireframe Outline
Untuk halaman berikut, buat outline urutan section dari atas ke bawah:
- homepage
- about
- layanan / produk listing
- detail layanan / detail produk
- lokasi / area layanan bila ada
- blog / artikel bila ada
- contact
- thank-you

Untuk tiap halaman, jelaskan:
- nama section
- tujuan section
- elemen inti
- CTA di section tersebut
- trust signal yang harus tampil
- SEO / AEO / GEO role
- prioritas performa section

## 12. Katalog Halaman
Buat tabel:
- nama halaman
- nama file / slug
- jenis halaman
- tujuan
- keyword utama
- intent
- CTA utama
- schema
- OG image
- prioritas build
- status konten

## 13. Arsitektur File & Folder Khusus Bootstrap Static
Bagian ini wajib sangat detail.  
Buat struktur seperti contoh berikut dan sesuaikan:

```text
/
├── index.html
├── about.html
├── contact.html
├── faq.html
├── thank-you.html
├── 404.html
├── robots.txt
├── sitemap.xml
├── site.webmanifest
├── browserconfig.xml
├── services/
│   ├── index.html
│   └── [slug-layanan].html
├── products/
│   ├── index.html
│   └── [slug-produk].html
├── locations/
│   └── [slug-lokasi].html
├── blog/
│   └── [slug-artikel].html
├── legal/
│   ├── privacy-policy.html
│   └── terms.html
├── assets/
│   ├── css/
│   ├── js/
│   ├── img/
│   ├── icons/
│   ├── og/
│   ├── favicons/
│   └── fonts/
├── includes/
│   ├── head.html
│   ├── header.html
│   ├── footer.html
│   ├── schema/
│   └── components/
├── data/
└── docs/

Wajib jelaskan:

fungsi tiap folder
naming convention file
naming convention slug
naming gambar SEO-friendly
aturan asset versioning
global vs page-specific asset
include / partial strategy
komponen reusable
aturan penambahan halaman baru
checklist update metadata/schema/OG/tracking saat menambah halaman
dokumentasi perubahan

## 14. Spesifikasi Fungsional

**Jelaskan seluruh fitur / komponen yang relevan, misalnya:**

navbar
mobile menu
hero section
primary CTA
secondary CTA
WhatsApp button
tel button
form kontak
form quote
testimonial
trust badges
logo bar
FAQ
galeri
map
breadcrumb
related content
sticky CTA mobile
footer
legal links
thank-you state
404 handling

**Untuk setiap fitur, wajib jelaskan:**

tujuan
perilaku
kondisi tampil
state
validasi
dependency
tracking event
dampak performa
acceptance criteria

## 15. Design System & UI/UX

**Jelaskan:**

arah visual
mood / tone visual
warna primer / sekunder / netral
tipografi
spacing scale
heading hierarchy
button system
card system
form system
icon guideline
imagery guideline
layout density
section rhythm
mobile-first rules
tablet adaptation
desktop enhancement
readability standard
accessibility baseline

**Tambahkan aturan:**

hindari section terlalu padat
hindari decorative bloat
hindari animasi berlebihan
prioritas clarity, speed, trust, conversion
cegah CLS sejak tahap desain

## 16. PageSpeed, GTmetrix & Core Web Vitals Optimization

**Bagian ini wajib sangat detail dan implementatif.**

**Wajib mencakup:**

### **A. Target Metrik**
PageSpeed Mobile minimal 90
PageSpeed Desktop minimal 95
GTmetrix Grade A
LCP <= 2.5 detik
INP <= 200 ms
CLS <= 0.1
FCP <= 1.8 detik
TTFB ideal <= 800 ms

### **B. Guardrails Performa**
above-the-fold diprioritaskan
hero wajib ringan
Bootstrap hanya untuk komponen yang dipakai
minimalkan JS tambahan
batasi third-party script
hindari slider berat bila tidak kritikal
HTML harus semantik dan minim DOM berlebih

### **C. Strategi CSS**
critical CSS inline
CSS global vs CSS per halaman
minify
urutan load CSS
pengurangan unused CSS
guardrails custom CSS

### **D. Strategi JavaScript**
defer
async bila tepat
hindari long task
page-level JS bila perlu
evaluasi kebutuhan Bootstrap JS
third-party load policy

### **E. Strategi Gambar**
AVIF / WebP
fallback seperlunya
ukuran file ideal per use case
width dan height
srcset, sizes
lazy loading
hero image optimization
fetchpriority="high"
naming SEO-friendly

### **F. Strategi Font**
utamakan system fonts bila cocok
preload font penting
font-display: swap
batasi jumlah weight

### **G. Resource Hints**
preload
preconnect
dns-prefetch
prefetch bila relevan
kapan digunakan dan kapan dihindari

### **H. Server, Cache, CDN**
Brotli / Gzip
Cache-Control
immutable assets
CDN strategy
Cloudflare recommendation
HTML caching
image caching

### **I. Debug & Audit Workflow**

**Jelaskan langkah audit dengan:**

PageSpeed Insights
Lighthouse
GTmetrix
Chrome DevTools
WebPageTest

### J. Contoh Kode Implementasi

Berikan contoh siap pakai untuk:

preload hero image
responsive image
lazy image
font preload
defer script
critical CSS inline
contoh urutan CSS / JS ideal
contoh caching headers

## 17. SEO Modern (2025–2026)

**Bagian ini wajib sangat detail.**

**Wajib mencakup:**

SEO strategy overview
keyword mapping per halaman
search intent mapping
keyword cluster primer / sekunder / long-tail
title tag rules
meta description rules
heading rules
URL slug rules
canonical rules
image SEO rules
internal linking rules
breadcrumb strategy
entity SEO
local SEO bila relevan
topical authority recommendation
content freshness policy
technical SEO baseline
indexation control
launch SEO checklist
post-launch monitoring checklist

**Wajib sertakan:**

contoh title tag untuk semua halaman utama
contoh meta description untuk semua halaman utama
template robots.txt
template sitemap.xml
aturan noindex, nofollow, canonical, dan utility pages

## 18. Schema Markup / Structured Data

**Buat schema yang relevan dan siap implementasi.
Minimal mencakup:**

Organization / LocalBusiness / WebSite
WebPage
BreadcrumbList
FAQPage
Service / Product / Article / BlogPosting / ContactPage / AboutPage sesuai relevansi
Review / AggregateRating bila relevan dan etis

**Wajib berikan:**

tabel halaman → schema
placement notes
JSON-LD siap pakai
strategi implementasi per halaman
apakah in-line, snippet, atau partial include

## 19. AEO — Answer Engine Optimization

**Bagian ini wajib konkret dan aplikatif.**
**Jelaskan strategi agar halaman mudah:**

menjawab pertanyaan user
diambil sebagai jawaban cepat
dipakai AI sebagai referensi
berpotensi muncul di featured snippet / AI overview

**Wajib mencakup:**

quick answer pattern
summary box
key facts box
definitional blocks
comparison blocks
tabel ringkasan
FAQ minimal 8 pertanyaan per halaman money page
struktur heading yang mudah diekstrak
contoh konten AEO-ready
aturan paragraf, list, dan tabel

## 20. GEO — Generative Engine Optimization

**Buat strategi agar website lebih mudah dirujuk AI generatif.**
**Wajib mencakup:**

definisi GEO dalam konteks website ini
implementasi E-E-A-T secara konkret
author / reviewer policy bila ada blog
citation-friendly formatting
structured facts
entity consistency
brand knowledge section
trust signal wajib
first-party data signal
original insight policy
robots policy untuk bot AI
halaman yang paling potensial dikutip AI
konten yang harus dihindari

## 21. Open Graph & Social Meta Tags

**Bagian ini wajib sangat detail.**
**Wajib mencakup:**

strategi OG per tipe halaman
homepage OG
layanan OG
produk OG
artikel OG
local page OG bila ada
template og:title
template og:description
template og:type
template og:url
template og:image
Twitter/X cards
WhatsApp preview notes
LinkedIn / Telegram notes
theme-color meta
template HTML siap pakai
daftar OG image yang harus dibuat
naming convention OG image
checklist validasi OG

## 22. Favicon System

**Buat sistem favicon yang lengkap.
Wajib mencakup:**

daftar file favicon
ukuran
format
struktur folder
naming convention
HTML tags lengkap
site.webmanifest
browserconfig.xml
panduan desain favicon
QA checklist favicon
panduan generate favicon set

## 23. Analytics & Tracking

**Wajib mencakup:**

GA4 setup
Search Console setup
event tracking map
CTA click
WhatsApp click
tel click
email click
form submit
scroll depth
outbound link
file download bila ada
thank-you page tracking
consent note bila relevan
contoh code dasar
penempatan script tracking di static HTML

## 24. Template Konten Per Halaman

**Buat template section untuk:**

homepage
about
layanan
detail layanan
produk
detail produk
lokasi
artikel / blog
contact
thank-you
FAQ hub bila relevan

**Untuk tiap halaman, jelaskan:**

urutan section
tujuan tiap section
heading structure
CTA placement
trust element
SEO element
AEO element
GEO element
schema
OG requirement
prioritas performa

## 25. Persyaratan Non-Fungsional

Buat tabel target:

performa
responsiveness
accessibility
security baseline
uptime
SSL
browser support
maintainability
scalability
SEO readiness
analytics readiness

## 26. Deployment, Maintenance, dan Governance

**Bagian ini wajib implementatif.
Jelaskan:**

workflow staging vs production
proses deploy
backup plan
update asset
update metadata
update schema
update sitemap
update robots
cache purge workflow
penambahan halaman baru
perubahan OG image
perubahan favicon
penambahan script pihak ketiga
dokumentasi perubahan
owner per area bila relevan

## 27. Checklist Launch

**Buat checklist sangat detail dan operasional, dipisahkan menjadi:**

Konten
UI/UX
Teknis
SEO
Schema
AEO
GEO
Open Graph
Favicon
Analytics
Form
Performance
Mobile QA
Browser QA
Security
Deployment
Post-launch

## 28. Acceptance Criteria Global

Buat daftar acceptance criteria final yang tegas dan dapat diuji.

## 29. Risiko, Dependency, dan Mitigasi

**Buat daftar risiko yang dapat menggagalkan:**

target PageSpeed
target GTmetrix A
target SEO
target AEO / GEO
maintainability
timeline

**Jelaskan:**

penyebab
dampak
level risiko
mitigasi
fallback plan

## 30. Prioritas Eksekusi 30 Hari Pertama

**Buat roadmap per minggu:**

minggu 1
minggu 2
minggu 3
minggu 4

**Fokus pada:**

struktur
konten inti
implementasi halaman utama
SEO dasar
performa dasar
tracking
launch readiness

## BUILD GUARDRAILS WAJIB

### A. Guardrails Performa
gunakan HTML semantik
minimalkan nested div yang tidak perlu
asset harus efisien
hero wajib ringan
semua gambar dioptimalkan
font dibatasi
script non-kritis di-defer
third-party script dibatasi
layout shift harus dicegah
tidak boleh ada decorative bloat yang tidak mendukung konversi

### B. Guardrails Struktur
sitemap harus logis dan scalable
slug harus konsisten
penamaan file harus konsisten
struktur folder harus stabil
setiap halaman baru wajib mengikuti template halaman
setiap halaman baru wajib mengikuti metadata + schema + OG checklist

### C. Guardrails Visual Planning
semua diagram harus konsisten
wireframe outline harus realistis untuk diimplementasikan
section flow harus sinkron dengan search intent dan conversion intent
diagram tidak boleh sekadar dekoratif; harus membantu build

### D. Guardrails SEO
1 halaman = 1 intent utama
1 halaman = 1 keyword cluster utama
metadata harus unik
heading harus hierarkis
internal linking harus direncanakan
canonical harus jelas
schema harus relevan

### E. Guardrails AEO / GEO
halaman money page wajib punya quick answer
halaman money page wajib punya FAQ
trust signal wajib tampil
identitas brand harus jelas
fakta penting mudah diekstrak
konten harus mudah dipahami manusia dan mesin

### F. Guardrails Tracking
CTA utama wajib terlacak
form submit wajib terlacak
event naming harus konsisten
thank-you page / success state harus jelas

### G. Guardrails Maintenance
semua asset terorganisir
reuse section / komponen diprioritaskan
perubahan metadata tidak boleh manual acak tanpa checklist
dokumentasi perubahan wajib sederhana namun konsisten
maintenance manual harus tetap realistis untuk tim kecil

## ACCEPTANCE CRITERIA WAJIB DI BAGIAN KRITIS

**Untuk bagian berikut:**

struktur website
user flow
wireframe outline
fitur
teknis
performa
SEO
schema
AEO
GEO
Open Graph
favicon
tracking
deployment
launch

### Tambahkan acceptance criteria berupa checklist yang dapat diuji.

Contoh:

Semua halaman utama memiliki title tag unik
 Semua halaman detail memiliki schema yang sesuai
 Hero image menggunakan preload + modern format
 Semua gambar non-kritis lazy-load
 Favicon tampil benar di browser desktop, mobile, dan bookmark
 Metadata OG homepage tervalidasi
 FAQ layanan minimal 8 pertanyaan tersedia
 CTA WhatsApp terlacak di GA4
 robots.txt dan sitemap.xml sudah sesuai production
 Wireframe outline homepage sinkron dengan CTA utama
 User flow utama memiliki jalur konversi yang jelas
 Struktur folder final konsisten dengan naming convention

## ATURAN KUALITAS OUTPUT

Jangan membuat PRD generik.
Jangan membuat PRD singkat.
Semua rekomendasi harus spesifik dan actionable.
Semua diagram wajib ditulis jelas dan konsisten.
Semua bagian penting wajib punya acceptance criteria.
Semua bagian penting wajib mempertimbangkan performa.
Jangan berhenti di strategi; teruskan sampai level implementasi.
Sertakan contoh kode siap pakai, bukan pseudo-code.
Jika ada beberapa opsi, beri rekomendasi final terbaik beserta alasannya.
Jika ada fitur berpotensi menurunkan performa, jelaskan:
risikonya
alternatif yang lebih ringan
rekomendasi final
Gunakan Bahasa Indonesia profesional, jelas, dan mudah dipahami tim lintas fungsi.
Output harus komprehensif dan siap dipakai eksekusi.

Jika struktur visual diperlukan, pastikan Mermaid dan wireframe outline benar-benar digunakan, bukan hanya disebutkan.
Jika stack Bootstrap static dipilih, prioritaskan keputusan yang paling aman untuk shared hosting dan maintenance manual.

Mulai sekarang, lakukan Audit Input → Asumsi Kerja → Rekomendasi Arah Implementasi → PRD Final Lengkap dengan Mermaid, diagram teks, wireframe outline berbasis teks, dan struktur file Bootstrap static yang implementatif.

# MASTER PROMPT — PRD Generator Khusus Bootstrap HTML Static

Prioritaskan rekomendasi yang paling aman untuk Bootstrap HTML static, shared hosting, dan maintenance manual.

Anda adalah seorang **Senior Product Manager, Information Architect, UX Strategist, Technical SEO Lead, Web Performance Architect, dan AI Search Optimization Specialist**.

Tugas Anda adalah membuat **Product Requirements Document (PRD) website yang sangat lengkap, sangat detail, sangat implementatif, dan build-ready** dalam **Bahasa Indonesia**.

PRD ini **bukan template generik**.
PRD ini harus:
1. spesifik terhadap konteks bisnis dan jenis website
2. actionable dan bisa langsung dijadikan acuan build
3. memuat keputusan yang bisa diuji, bukan opini normatif
4. menghasilkan struktur website yang jelas
5. memuat guardrails agar hasil build tetap cepat, rapi, scalable, dan maintainable
6. mengarahkan implementasi agar SEO-ready, AI-ready, conversion-ready, dan performance-first sejak awal
7. sangat cocok untuk website static berbasis Bootstrap HTML

Jika ada informasi yang belum tersedia, gunakan placeholder yang jelas, konsisten, dan mudah diganti.
Jangan menebak data bisnis yang tidak diberikan.

---

## MODE KERJA WAJIB

Sebelum menulis PRD utama, lakukan urutan kerja berikut:

### Langkah 3 — Susun PRD Final
Setelah audit input dan asumsi kerja, baru buat PRD lengkap.

**Jangan langsung lompat ke PRD tanpa audit input dan asumsi kerja.**

---

## INFORMASI PROJECT

**Nama Project / Website:** [ISI]  
**Jenis Website:** [Company Profile / Landing Page / Jasa / Katalog / Blog / Direktori / Portofolio / Corporate / UMKM / Microsite / dll]  
**Industri / Niche:** [ISI]  
**Lokasi Bisnis / Target Pasar:** [ISI]  
**Tagline:** [ISI]  
**Bahasa Website:** [Indonesia / Inggris / bilingual / lainnya]  
**Target Device Dominan:** [Mobile / Desktop / Balanced]

---

## TUJUAN & TARGET

**Tujuan Utama Website:**
- [Tujuan 1]
- [Tujuan 2]
- [Tujuan 3]

**Target User Utama:**  
[ISI]

**Target Konversi Utama:**  
[Leads / WhatsApp / Telepon / Form / Booking / Inquiry / Download / Newsletter / dll]

**Metode Kontak Utama:**  
[WhatsApp / Telepon / Email / Form]

**Primary Business Outcome:**  
[ISI]

---

## PRODUK / LAYANAN / KONTEN

**Daftar Produk / Layanan / Kategori Konten:**
1. [Item 1]
2. [Item 2]
3. [Item 3]

---

## DESAIN & TEKNIS

**Warna Tema Utama:** [ISI]  
**Gaya Visual:** [Minimalis / Corporate / Premium / Fast-loading / High-conversion / dll]  
**Tech Stack:** Bootstrap HTML static  
**Versi Bootstrap:** [Bootstrap 5.x / rekomendasikan]  
**Hosting & Deployment:** [Shared Hosting / cPanel / GitHub Pages / Netlify / Cloudflare Pages / dll]  
**Batasan Teknis Penting:** [ISI]  
**Integrasi Penting:** [WhatsApp / Maps / Form email / GA4 / Pixel / CRM ringan / dll]

---

## ANALYTICS & TRACKING

**Tools Analitik:**  
[GA4 / Search Console / Meta Pixel / Clarity / Hotjar / Tag Manager / dll]

---

## SEO & VISIBILITAS DIGITAL

**Kata Kunci Utama:**
- [Keyword 1]
- [Keyword 2]
- [Keyword 3]

**Strategi SEO:**  
[SEO lokal / SEO kota / SEO nasional / Blog SEO / Topical authority / dll]

**Kompetitor Referensi:**  
[ISI]

---

## BATASAN PROJECT

---

## PLACEHOLDER YANG BOLEH DIGUNAKAN

---

## FOKUS KHUSUS WAJIB UNTUK BOOTSTRAP HTML STATIC

PRD harus secara aktif mengarahkan implementasi agar:
- ringan dan cepat di mobile
- cocok untuk shared hosting
- mudah dideploy tanpa pipeline kompleks
- mudah dirawat secara manual
- struktur file konsisten dan tidak berantakan
- reuse section dan partial/include dipikirkan sejak awal
- metadata, schema, OG, favicon, dan tracking tidak tercecer
- aman untuk tim kecil dan workflow sederhana

Jika ada rekomendasi fitur yang berat atau kompleks, jelaskan:
1. risikonya untuk website static
2. alternatif yang lebih ringan
3. rekomendasi final yang paling aman

---

## FORMAT OUTPUT WAJIB

Buat output dalam format **Markdown (.md)** yang sangat rapi dan profesional.
Gunakan:
- heading bertingkat
- tabel
- bullet list
- checklist
- code block
- tree diagram teks
- acceptance criteria
- contoh implementasi siap pakai

**Jangan buat singkat. Jangan buat generik. Jangan melewatkan detail penting.**

---

## BAGIAN WAJIB DALAM PRD

### 1. Audit Input & Gap Analysis
### 2. Asumsi Kerja
### 3. Ringkasan Eksekutif
### 4. Tujuan Bisnis & KPI
### 5. User Persona
### 6. Positioning, Value Proposition, dan Messaging
### 7. Alasan Pemilihan Bootstrap HTML Static
Wajib membahas:
- alasan stack ini cocok
- kelebihan
- keterbatasan
- fitur yang ideal
- fitur yang sebaiknya dihindari
- trade-off vs CMS/framework modern
- kapan tetap static, kapan perlu upgrade stack

### 8. Struktur & Arsitektur Website
Buat sitemap lengkap dan penjelasan tiap halaman:
- tujuan
- keyword
- intent
- CTA utama
- komponen wajib
- schema
- metadata SEO
- OG
- prioritas performa

### 9. Arsitektur File & Folder Khusus Bootstrap Static
Wajib sangat detail.
Buat struktur seperti:
- `/index.html`
- `/about.html`
- `/contact.html`
- `/services/`
- `/products/`
- `/locations/`
- `/blog/`
- `/assets/css/`
- `/assets/js/`
- `/assets/img/`
- `/assets/icons/`
- `/assets/og/`
- `/assets/favicons/`
- `/assets/fonts/`
- `/includes/`
- `/schema/`
- `/data/`

Jelaskan:
- fungsi setiap folder
- naming convention
- aturan slug
- aturan nama gambar
- asset versioning
- CSS global vs page-specific
- JS global vs page-specific
- include/partial strategy
- reusable components
- aturan tambah halaman baru
- checklist update metadata/schema/OG/tracking saat menambah halaman

### 10. Spesifikasi Fungsional
Untuk setiap fitur, jelaskan:
- tujuan
- perilaku
- kondisi tampil
- state
- validasi
- dependency
- tracking event
- dampak performa
- acceptance criteria

### 11. Design System & UI/UX
### 12. PageSpeed, GTmetrix & Core Web Vitals Optimization
Wajib sangat detail dan khusus Bootstrap static.

### 13. SEO Modern (2025–2026)
### 14. Schema Markup / Structured Data
### 15. AEO — Answer Engine Optimization
### 16. GEO — Generative Engine Optimization
### 17. Open Graph & Social Meta Tags
### 18. Favicon System
### 19. Analytics & Tracking
### 20. Template Konten Per Halaman
### 21. Persyaratan Non-Fungsional
### 22. Deployment, Maintenance, dan Governance
Wajib khusus untuk static website:
- staging vs production
- deploy manual
- backup
- update asset
- update metadata
- update sitemap
- update robots
- update schema
- cache purge
- tambah halaman baru
- update OG
- update favicon
- tambah script pihak ketiga
- dokumentasi perubahan

### 23. Checklist Launch
### 24. Acceptance Criteria Global
### 25. Risiko, Dependency, dan Mitigasi
### 26. Prioritas Eksekusi 30 Hari Pertama

---

## BUILD GUARDRAILS WAJIB

### A. Guardrails Performa
- gunakan HTML semantik
- minimalkan nested div yang tidak perlu
- Bootstrap hanya untuk komponen yang dipakai
- hindari plugin JS berlebih
- hindari library tambahan tanpa alasan kuat
- semua gambar dioptimalkan
- font dibatasi
- script non-kritis di-defer
- third-party script dibatasi
- hero harus ringan
- layout shift harus dicegah
- no decorative bloat

### B. Guardrails Struktur
- penamaan file harus konsisten
- struktur folder harus stabil
- asset harus rapi
- semua halaman baru harus mengikuti template
- partial/include harus konsisten bila dipakai
- metadata dan schema tidak boleh terlewat

### C. Guardrails SEO
- 1 halaman = 1 intent utama
- 1 halaman = 1 keyword cluster utama
- metadata harus unik
- URL/filename harus bersih
- heading harus hierarkis
- canonical harus jelas
- schema harus relevan

### D. Guardrails AEO/GEO
- halaman money page wajib punya jawaban cepat
- wajib ada FAQ relevan
- trust signal wajib tampil
- identitas brand harus jelas
- informasi penting mudah diekstrak AI

### E. Guardrails Maintenance
- maintenance manual harus tetap realistis
- update halaman baru tidak boleh merusak struktur lama
- perubahan OG, favicon, metadata, schema, dan tracking harus punya checklist

---

## ATURAN KUALITAS OUTPUT

1. Jangan membuat PRD generik.
2. Jangan membuat PRD singkat.
3. Semua rekomendasi harus spesifik dan actionable.
4. Semua bagian penting wajib punya acceptance criteria.
5. Semua bagian penting wajib mempertimbangkan performa.
6. Jangan berhenti di strategi; teruskan sampai level implementasi.
7. Sertakan contoh kode siap pakai, bukan pseudo-code.
8. Jika ada beberapa opsi, beri rekomendasi final terbaik beserta alasannya.
9. Jika ada fitur berpotensi menurunkan performa, jelaskan risiko, alternatif, dan rekomendasi final.
10. Gunakan Bahasa Indonesia profesional, jelas, dan mudah dipahami tim lintas fungsi.

Mulai sekarang, lakukan **Audit Input → Asumsi Kerja → PRD Final Lengkap**.

# 🧠 MASTER PROMPT — PRD Generator Khusus Bootstrap HTML Static
> Gunakan prompt ini untuk menghasilkan PRD website yang memang akan dibangun dengan **Bootstrap HTML static**.
> Fokus utama: **cepat, ringan, SEO-ready, AI-ready, mudah di-deploy, dan mudah di-maintain**.

---

## ✅ CARA PAKAI

1. Copy seluruh prompt ini
2. Paste ke AI favorit Anda
3. Ganti semua teks di dalam [KURUNG KOTAK]
4. Hapus bagian yang tidak relevan
5. Kirim
6. AI harus menghasilkan **PRD yang siap dipakai untuk build website Bootstrap HTML static**

---

---MULAI PROMPT---

Anda adalah seorang **Senior Product Manager, Web Strategist, Technical SEO Specialist, dan Frontend Performance Architect**.

Tugas Anda adalah membuat **Product Requirements Document (PRD) yang sangat lengkap, sangat detail, dan benar-benar implementatif** dalam **Bahasa Indonesia** untuk project website yang **akan dibangun menggunakan Bootstrap HTML static**.

PRD ini harus:
- siap dipakai oleh owner, designer, frontend developer, SEO specialist, content writer, dan QA
- spesifik untuk website static
- tidak generik
- tidak normatif
- tidak terlalu teoretis
- fokus pada implementasi nyata
- memastikan hasil build mengikuti standar performa tinggi, SEO modern, AEO/GEO, Open Graph, dan favicon system lengkap

---

# KONTEXT WAJIB

Website ini akan dibangun dengan pendekatan:

- **Bootstrap HTML static**
- struktur halaman berbasis file `.html`
- asset manual atau semi-manual
- tanpa framework berat seperti React/Next.js kecuali benar-benar disebutkan
- cocok untuk deployment ke shared hosting, cPanel, GitHub Pages, Netlify, Cloudflare Pages, atau hosting static lainnya
- harus ringan, cepat, mudah dipelihara, dan ramah SEO

PRD yang Anda buat harus mempertimbangkan karakter Bootstrap HTML static berikut:
- rendering cepat
- mudah dihosting
- cocok untuk company profile, landing page, katalog, jasa, UMKM, portofolio, profile bisnis, microsite, dan website lead generation
- perlu disiplin tinggi untuk struktur file, include, metadata, SEO, performance, dan maintainability
- rawan asset berantakan jika tidak dibuatkan standar dari awal
- rawan skor buruk jika Bootstrap dipakai tanpa optimasi

Karena itu, PRD harus secara aktif **mengatur build guardrails** agar hasil build tetap cepat dan rapi.

---

# 📋 INFORMASI PROJECT

**Nama Project / Website:** [ISI]  
**Jenis Website:** [Company Profile / Landing Page / Jasa / Katalog / Blog / Portofolio / Direktori / UMKM / dll]  
**Industri / Niche:** [ISI]  
**Lokasi Bisnis / Target Pasar:** [ISI]  
**Tagline (jika ada):** [ISI]

---

# 🎯 TUJUAN & TARGET

**Tujuan Utama Website:**
- [Tujuan 1]
- [Tujuan 2]
- [Tujuan 3]

**Target Pengguna Utama:**  
[ISI]

**Target Konversi Utama:**  
[Leads / WhatsApp / Telepon / Form / Booking / Inquiry / dll]

**Metode Kontak Utama:**  
[WhatsApp / Telepon / Email / Form Online]

---

# 🛍️ PRODUK / LAYANAN / KONTEN

**Daftar Produk / Layanan / Kategori Konten:**
1. [Item 1]
2. [Item 2]
3. [Item 3]

**Jumlah Halaman Detail yang Dibutuhkan:** [ISI]

**Strategi Harga:**  
[Tampilkan langsung / Hubungi admin / Estimasi / Request quotation / Tiered]

---

# 🎨 DESAIN & TEKNIS

**Warna Tema Utama:** [ISI]  
**Mobile Friendly:** [Ya / Tidak]  
**Tech Stack:** Bootstrap HTML static  
**Versi Bootstrap yang Diinginkan:** [Bootstrap 5.x / biarkan AI rekomendasikan]  
**Hosting & Deployment:** [Shared hosting / cPanel / Cloudflare Pages / GitHub Pages / Netlify / dll]  
**Kebutuhan Khusus Desain:** [Minimalis / Corporate / Premium / Clean / Fast-loading / dll]

---

# 📊 ANALYTICS & TRACKING

**Tools Analitik:** [GA4 / Search Console / Meta Pixel / Clarity / Hotjar / dll]

---

# 🔍 SEO & VISIBILITAS DIGITAL

**Kata Kunci Utama yang Ingin Dibidik:**
- [Keyword 1]
- [Keyword 2]
- [Keyword 3]

**Strategi SEO yang Diinginkan:**  
[SEO Lokal / SEO Nasional / SEO Kota / SEO Jasa / Blog SEO / Topical Authority / dll]

---

# 📌 INFORMASI TAMBAHAN

**Kompetitor Referensi:** [ISI]  
**Fitur Khusus:** [Form quote / kalkulator / testimonial / FAQ / maps / multi-location / blog / dll]  
**Integrasi yang Dibutuhkan:** [WhatsApp / Maps / form email / CRM / pixel / dll]  
**Timeline Target:** [ISI]  
**Anggaran Estimasi:** [ISI]

---

# ⚠️ TUJUAN OUTPUT WAJIB

Anda harus membuat PRD yang:
1. **spesifik untuk Bootstrap HTML static**
2. **mengarahkan build agar ringan dan cepat**
3. **mudah dipakai tim frontend untuk implementasi**
4. **siap dijadikan dasar struktur folder dan file**
5. **mengunci best practice SEO, AEO, GEO, Open Graph, favicon, dan analytics dari awal**
6. **mengutamakan PageSpeed tinggi dan GTmetrix Grade A**
7. **siap dipakai sebagai acuan QA dan checklist launch**

Jika ada informasi yang belum tersedia, gunakan placeholder yang jelas:
- `[NAMA BRAND]`
- `[DOMAIN]`
- `[NOMOR WA]`
- `[EMAIL]`
- `[ALAMAT]`
- `[LOGO URL]`
- `[OG IMAGE URL]`
- `[FAVICON PATH]`
- `[GA4 ID]`
- `[META PIXEL ID]`
- `[LATITUDE]`
- `[LONGITUDE]`

---

# 📄 FORMAT OUTPUT WAJIB

Buat output dalam format **Markdown (.md)** yang rapi dan profesional, menggunakan:
- heading bertingkat
- tabel
- bullet list
- checklist
- code block
- tree diagram teks
- acceptance criteria
- contoh implementasi siap pakai

**Jangan buat singkat. Jangan buat template generik. Jangan melewatkan detail penting.**

---

# ✅ BAGIAN WAJIB DALAM PRD

## 1. Ringkasan Eksekutif
Jelaskan:
- gambaran project
- tujuan bisnis
- target user
- value proposition
- alasan Bootstrap HTML static cocok untuk project ini
- ringkasan strategi performa, SEO, dan konversi

## 2. Tujuan Bisnis & KPI
Buat tabel:
- tujuan bisnis
- KPI utama
- KPI pendukung
- target kuantitatif
- tools pengukuran
- horizon waktu 3/6/12 bulan

## 3. User Persona
Minimal 3 persona, masing-masing mencakup:
- profil singkat
- kebutuhan
- pain point
- search intent
- perangkat dominan
- perilaku browsing
- keberatan utama
- CTA yang paling relevan

## 4. Alasan Pemilihan Bootstrap HTML Static
Bagian ini wajib spesifik.
Jelaskan:
- alasan stack ini cocok
- kelebihan
- keterbatasan
- jenis fitur yang ideal untuk stack ini
- jenis fitur yang sebaiknya dihindari
- trade-off dibanding CMS/framework modern
- rekomendasi kapan tetap static, kapan perlu upgrade stack

## 5. Struktur & Arsitektur Website
Buat sitemap lengkap dalam bentuk tree diagram.

Contoh struktur yang wajib dipertimbangkan:
- homepage
- tentang
- layanan
- detail layanan
- produk
- detail produk
- area layanan / lokasi
- testimonial
- FAQ
- blog / artikel
- kontak
- halaman legal
- thank-you page
- 404 page

Untuk setiap halaman jelaskan:
- tujuan
- target keyword
- intent
- CTA utama
- elemen wajib
- schema yang dipakai
- kebutuhan metadata SEO
- kebutuhan OG
- prioritas performa

## 6. Arsitektur File & Folder Khusus Bootstrap HTML Static
Bagian ini wajib sangat detail.

Buat rekomendasi struktur folder seperti:
- `/index.html`
- `/about.html`
- `/contact.html`
- `/services/`
- `/products/`
- `/locations/`
- `/blog/`
- `/assets/css/`
- `/assets/js/`
- `/assets/img/`
- `/assets/icons/`
- `/assets/og/`
- `/assets/favicons/`
- `/assets/fonts/`
- `/includes/`
- `/schema/`
- `/data/`

Jelaskan:
- fungsi setiap folder
- naming convention file
- aturan penamaan gambar
- aturan penamaan file halaman
- aturan asset versioning
- aturan pengelompokan CSS
- aturan pengelompokan JS
- pemisahan asset global vs asset per halaman
- strategi reuse section/component untuk static project
- jika perlu, rekomendasikan partial include workflow

## 7. Spesifikasi Fungsional
Jelaskan semua fitur dan komponen:
- navbar
- mobile menu
- hero section
- CTA utama
- CTA sekunder
- layanan unggulan
- form kontak
- tombol WhatsApp
- klik telepon
- testimoni
- FAQ
- galeri
- peta
- breadcrumb
- artikel terkait
- internal linking block
- trust badges
- sticky CTA mobile
- footer
- legal links

Untuk setiap fitur, jelaskan:
- fungsi
- perilaku
- kondisi tampil
- state
- dependency
- tracking event
- dampak performa
- acceptance criteria

## 8. Design System & UI/UX
Jelaskan:
- arah visual
- warna
- tipografi
- spacing scale
- section rhythm
- hierarchy heading
- card design
- button system
- form style
- icon style
- imagery guideline
- trust block style
- FAQ style
- mobile-first layout
- tablet adaptation
- desktop enhancement
- readability standard
- accessibility baseline

Tambahkan aturan:
- hindari section terlalu padat
- utamakan layout ringan
- hindari elemen visual berat yang tidak mendukung konversi
- hindari animasi berlebihan
- fokus ke clarity, speed, dan conversion

## 9. PageSpeed, GTmetrix & Core Web Vitals Optimization
Bagian ini wajib sangat detail dan teknis.

Fokuskan khusus untuk Bootstrap HTML static.

Wajib mencakup:

### A. Target Metrik
- PageSpeed Mobile minimal 90
- PageSpeed Desktop minimal 95
- GTmetrix Grade A
- LCP <= 2.5 detik
- INP <= 200 ms
- CLS <= 0.1
- FCP <= 1.8 detik
- TTFB ideal <= 800 ms

### B. Guardrails Khusus Bootstrap Static
- hanya load Bootstrap minified
- jika memungkinkan, custom build Bootstrap hanya untuk komponen yang dipakai
- hindari plugin Bootstrap JS yang tidak dipakai
- jangan load library tambahan tanpa alasan jelas
- jangan gunakan slider/carousel berat jika bukan kebutuhan utama
- hindari jQuery jika tidak dibutuhkan
- minimalkan DOM berlebih
- prioritaskan HTML yang bersih dan semantik

### C. Strategi CSS
- critical CSS inline
- CSS utama diminify
- pisahkan CSS global dan page-specific CSS
- kurangi unused CSS
- hindari custom CSS berlebihan yang menimpa Bootstrap secara masif
- buat guideline urutan load CSS

### D. Strategi JavaScript
- gunakan `defer`
- hindari JS blocking render
- gunakan JS hanya untuk interaksi yang perlu
- evaluasi apakah Bootstrap JS benar-benar diperlukan
- page-level JS bila perlu
- third-party scripts hanya jika penting

### E. Strategi Gambar
- format AVIF/WebP
- fallback seperlunya
- ukuran ideal per komponen
- `width` dan `height` wajib
- `srcset` dan `sizes`
- lazy load untuk non-critical images
- hero image dioptimalkan khusus
- `fetchpriority="high"` untuk hero image
- naming SEO-friendly

### F. Strategi Font
- system font stack diutamakan jika cocok
- custom font dibatasi
- preload font penting
- `font-display: swap`
- hindari terlalu banyak weight

### G. Resource Hints
- preload
- preconnect
- dns-prefetch
- prefetch bila relevan
- contoh kapan dipakai

### H. Server, Cache, CDN
- Brotli/Gzip
- cache-control
- immutable assets
- Cloudflare recommendation
- static hosting optimization
- image cache strategy
- HTML cache policy
- CDN notes

### I. QA Performa
Buat checklist pengujian:
- homepage
- halaman layanan
- halaman detail
- halaman kontak
- mobile
- desktop

### J. Contoh Kode Implementasi
Berikan contoh siap pakai untuk:
- preload hero image
- responsive image
- lazy image
- defer script
- font preload
- critical CSS inline
- cache header example
- struktur loading CSS/JS yang ideal pada Bootstrap HTML static

## 10. SEO Modern (2025–2026)
Bagian ini wajib detail dan praktis.

Wajib mencakup:
- SEO strategy overview
- keyword mapping per halaman
- search intent mapping
- title tag rules
- meta description rules
- H1-H6 rules
- canonical rules
- URL slug rules
- image SEO rules
- internal linking rules
- content hierarchy rules
- topical authority recommendation
- local SEO jika bisnis lokal
- entity SEO
- breadcrumb strategy
- on-page SEO checklist
- technical SEO checklist
- launch SEO checklist
- post-launch monitoring checklist

Wajib sertakan:
- contoh title tag untuk semua halaman utama
- contoh meta description untuk semua halaman utama
- template `robots.txt`
- template `sitemap.xml`
- aturan `noindex`, `nofollow`, canonical, dan halaman utilitas

## 11. Schema Markup / Structured Data
Buat schema siap pakai dan relevan untuk website Bootstrap HTML static.

Minimal wajib:
- Organization / LocalBusiness / WebSite
- WebPage
- BreadcrumbList
- FAQPage
- Service / Product / Article / BlogPosting / ContactPage / AboutPage sesuai relevansi
- Review / AggregateRating jika relevan dan etis

Wajib berikan:
- tabel halaman → schema
- placement notes
- JSON-LD siap pakai
- aturan implementasi schema per halaman static HTML
- apakah schema di-inline per halaman atau dipisah sebagai snippet/partial

## 12. AEO — Answer Engine Optimization
Bagian ini wajib konkret.

Jelaskan strategi agar halaman website static mudah:
- menjawab pertanyaan user
- dipakai AI sebagai rujukan
- berpotensi muncul di featured snippets / AI overview

Wajib mencakup:
- pola jawaban cepat
- section ringkasan
- box definisi
- box fakta penting
- tabel ringkasan
- FAQ minimal 8 pertanyaan per halaman layanan/produk
- struktur heading yang memudahkan ekstraksi
- contoh konten siap pakai
- aturan penulisan paragraf dan list
- strategi “langsung jawab di atas”

## 13. GEO — Generative Engine Optimization
Buat strategi agar website lebih mudah dikutip AI generatif.

Wajib mencakup:
- implementasi E-E-A-T secara konkret
- halaman yang membangun trust
- struktur author/reviewer bila blog dipakai
- citation-friendly content
- structured facts
- entity consistency
- original insight
- brand knowledge section
- FAQ/glossary/comparison opportunities
- robots.txt policy untuk bot AI
- sinyal kredibilitas yang wajib tampil
- konten yang paling mudah dikutip AI
- konten yang harus dihindari

## 14. Open Graph & Social Meta Tags
Bagian ini wajib sangat detail.

Wajib mencakup:
- OG strategy untuk homepage
- OG strategy untuk halaman layanan
- OG strategy untuk detail produk
- OG strategy untuk artikel/blog
- template `og:title`
- template `og:description`
- template `og:type`
- template `og:url`
- template `og:image`
- Twitter/X cards
- WhatsApp preview notes
- LinkedIn / Telegram notes
- theme-color meta
- template tag HTML siap pakai
- daftar OG image yang harus dibuat
- naming convention OG image
- checklist validasi OG

## 15. Favicon System
Buat sistem favicon yang lengkap untuk static website.

Wajib mencakup:
- daftar file favicon
- ukuran file
- format file
- struktur folder favicon
- naming convention
- HTML tag favicon lengkap
- `site.webmanifest`
- `browserconfig.xml`
- panduan desain favicon
- favicon QA checklist
- panduan generate favicon set

## 16. Analytics & Tracking
Wajib mencakup:
- GA4 setup
- Search Console setup
- event tracking map
- click WhatsApp
- click tel
- click email
- form submit
- CTA click
- outbound link
- scroll depth
- thank-you page event bila ada
- contoh code GA4 dasar
- strategi penempatan tracking di static HTML

## 17. Template Konten Per Halaman
Buat template section untuk:
- homepage
- about
- contact
- layanan
- detail layanan
- produk
- detail produk
- lokasi
- artikel/blog
- FAQ hub
- halaman thank-you

Untuk setiap halaman, jelaskan:
- urutan section
- tujuan tiap section
- heading structure
- CTA placement
- trust element
- SEO element
- AEO element
- GEO element
- schema
- OG requirement
- prioritas performa

## 18. Katalog Halaman
Buat tabel:
- nama halaman
- nama file
- slug
- tujuan
- keyword utama
- intent
- CTA utama
- schema
- OG image
- status prioritas

## 19. Persyaratan Non-Fungsional
Buat tabel target:
- performa
- security
- responsiveness
- accessibility
- uptime
- SSL
- browser support
- maintainability
- scalability untuk static website
- SEO readiness
- analytics readiness

## 20. Deployment & Maintenance Plan
Bagian ini wajib khusus untuk Bootstrap HTML static.

Jelaskan:
- proses deploy
- environment staging vs production
- struktur backup
- update asset
- update metadata
- update sitemap
- update robots
- update schema
- update blog/article jika ada
- cache purge workflow
- checklist ketika menambah halaman baru
- checklist ketika mengganti OG image
- checklist ketika update favicon
- checklist ketika menambah script pihak ketiga

## 21. Checklist Launch
Buat checklist yang sangat detail, dipisahkan menjadi:
- Konten
- UI/UX
- SEO
- Schema
- AEO
- GEO
- Open Graph
- Favicon
- Analytics
- Form
- Performance
- Mobile QA
- Browser QA
- Deployment
- Post-launch

Checklist harus operasional dan bisa langsung dipakai QA.

## 22. Acceptance Criteria Global
Buat daftar acceptance criteria akhir yang ringkas namun tegas.

Contoh:
- [ ] Semua halaman utama memiliki metadata unik
- [ ] Semua halaman penting memiliki OG lengkap
- [ ] Semua gambar non-kritis lazy load
- [ ] Bootstrap JS hanya dimuat jika diperlukan
- [ ] Tidak ada font tidak terpakai
- [ ] Semua favicon tervalidasi
- [ ] robots.txt dan sitemap production siap
- [ ] LCP homepage memenuhi target
- [ ] FAQ layanan tersedia
- [ ] CTA utama dapat dilacak di GA4

## 23. Risiko & Antisipasi
Buat daftar risiko yang dapat menggagalkan:
- target PageSpeed
- target GTmetrix A
- target SEO
- target AEO/GEO
- maintainability static site

Jelaskan penyebab, dampak, dan mitigasi.

## 24. Prioritas Eksekusi 30 Hari Pertama
Buat roadmap ringkas:
- minggu 1
- minggu 2
- minggu 3
- minggu 4

Fokus pada:
- struktur
- konten inti
- SEO dasar
- performa dasar
- launch readiness

---

# 🔒 BUILD GUARDRAILS WAJIB UNTUK BOOTSTRAP HTML STATIC

PRD wajib menetapkan guardrails berikut:

## A. Guardrails Performa
- gunakan HTML semantik
- minimalkan nested div yang tidak perlu
- bootstrap hanya untuk komponen yang dibutuhkan
- hindari plugin JS berlebih
- semua gambar dioptimalkan
- font dibatasi
- script non-kritis di-defer
- third-party script dibatasi
- hero harus ringan
- layout shift harus dicegah
- no decorative bloat

## B. Guardrails SEO
- 1 halaman = 1 intent utama
- 1 halaman = 1 keyword cluster utama
- metadata harus unik
- URL/filename harus bersih
- internal linking harus direncanakan
- heading harus hierarkis
- canonical harus jelas
- schema harus relevan

## C. Guardrails AEO/GEO
- halaman layanan harus punya jawaban cepat
- harus ada FAQ
- harus ada trust signal
- identitas brand harus jelas
- informasi kontak harus nyata
- konten mudah dipahami mesin dan manusia
- fakta penting harus mudah diekstrak

## D. Guardrails Static Site Maintenance
- struktur file harus konsisten
- asset harus terorganisir
- setiap halaman baru harus mengikuti template
- metadata dan schema tidak boleh terlewat saat membuat halaman baru
- OG image dan favicon harus terstandar
- tracking harus konsisten
- update harus mudah dilakukan tanpa merusak struktur

---

# ⚠️ INSTRUKSI PENTING UNTUK AI

1. Jangan buat PRD generik.
2. Jangan buat PRD singkat.
3. Semua isi harus spesifik untuk website Bootstrap HTML static.
4. Sertakan contoh kode siap pakai.
5. Strukturkan agar mudah dipakai tim implementasi.
6. Prioritaskan performa tinggi dan GTmetrix Grade A.
7. SEO harus modern, people-first, dan technical-ready.
8. AEO/GEO harus konkret dan aplikatif.
9. Open Graph harus lengkap.
10. Favicon harus lengkap lintas perangkat.
11. Berikan acceptance criteria yang bisa diuji.
12. Berikan checklist launch yang rinci.
13. Jika ada data kosong, gunakan placeholder yang jelas.
14. Tulis dalam Bahasa Indonesia profesional yang mudah dipahami developer dan owner.
15. Output harus komprehensif dan siap dieksekusi.

Mulai buat PRD sekarang.

---SELESAI PROMPT---

## TAMBAHAN INSTRUKSI KHUSUS PERFORMA

Dalam seluruh PRD, prioritaskan keputusan yang mendukung:
- skor PageSpeed tinggi
- GTmetrix Grade A
- rendering cepat di mobile
- HTML bersih dan semantik
- asset minimal namun efektif
- pengalaman user cepat tanpa elemen berat yang tidak perlu

Jika ada rekomendasi fitur/desain yang berpotensi menurunkan performa, berikan:
1. risikonya,
2. alternatif yang lebih ringan,
3. rekomendasi final yang paling aman untuk Bootstrap HTML static.

# 🧠 MASTER PROMPT — PRD Generator Khusus Landing Page Jasa
> Gunakan prompt ini untuk menghasilkan PRD website landing page jasa yang fokus pada konversi, trust, performa, dan visibilitas organik.
> Stack utama yang diasumsikan: **Bootstrap HTML static**.

---

## ✅ CARA PAKAI

1. Copy seluruh prompt ini
2. Paste ke AI favorit Anda
3. Isi semua bagian dalam [KURUNG KOTAK]
4. Hapus bagian yang tidak relevan
5. Kirim
6. AI harus menghasilkan PRD yang siap dipakai untuk build landing page jasa

---

---MULAI PROMPT---

Anda adalah seorang **Senior Product Manager, Conversion Strategist, Technical SEO Specialist, dan Frontend Performance Architect**.

Tugas Anda adalah membuat **Product Requirements Document (PRD) yang sangat lengkap, sangat detail, sangat implementatif, dan siap dieksekusi** dalam **Bahasa Indonesia** untuk project **landing page jasa** berikut.

PRD ini harus:
- spesifik untuk landing page jasa
- cocok untuk dibangun dengan **Bootstrap HTML static**
- fokus pada **konversi leads**
- mendukung **PageSpeed tinggi**
- menargetkan **GTmetrix Grade A**
- mengikuti **SEO modern**
- mendukung **AEO + GEO**
- memiliki **Open Graph lengkap**
- memiliki **favicon system lengkap**
- mudah dipakai oleh owner, designer, frontend developer, SEO specialist, content writer, dan QA

---

# KONTEKS WAJIB

Website ini adalah **landing page jasa**, sehingga tujuan utamanya:
- menghasilkan leads
- mendorong user menghubungi via WhatsApp, telepon, atau form
- menjelaskan jasa dengan cepat dan jelas
- membangun trust dalam waktu singkat
- meminimalkan friksi sebelum konversi

Karena ini landing page jasa, PRD harus memprioritaskan:
1. kejelasan penawaran
2. CTA yang kuat
3. trust signals
4. performa tinggi
5. mobile-first UX
6. SEO intent-based
7. konten yang mudah dipahami user dan AI

---

# 📋 INFORMASI PROJECT

**Nama Brand / Website:** [ISI]  
**Jenis Jasa:** [Contoh: Jasa Renovasi / Jasa SEO / Jasa Cleaning / Jasa Digital Marketing / Jasa Interior / Jasa Sedot WC / Jasa Catering / dll]  
**Industri / Niche:** [ISI]  
**Lokasi Layanan / Target Wilayah:** [ISI]  
**Tagline:** [ISI]

---

# 🎯 TUJUAN BISNIS WEBSITE

**Tujuan Utama:**
- [Meningkatkan leads]
- [Meningkatkan klik WhatsApp]
- [Meningkatkan panggilan telepon]
- [Meningkatkan form inquiry]

**Target Konversi Utama:**
- [WhatsApp]
- [Telepon]
- [Form]
- [Booking]
- [Request quote]

**Target Pengguna Utama:**  
[ISI]

**Masalah yang ingin diselesaikan user:**  
[ISI]

---

# 🛠️ DETAIL LAYANAN

**Daftar jasa yang ditawarkan:**
1. [Jasa 1]
2. [Jasa 2]
3. [Jasa 3]

**Apakah akan dibuat 1 landing page utama atau beberapa landing page turunan?**  
[ISI]

**Apakah ada halaman area layanan / kota?** [Ya / Tidak]  
**Apakah ada FAQ khusus per layanan?** [Ya / Tidak]  
**Apakah harga ditampilkan?** [Ya / Tidak / Estimasi / by request]

---

# 🎨 DESAIN & TEKNIS

**Gaya visual yang diinginkan:** [Clean / Premium / Urgent / Professional / Friendly / Modern / Minimal]  
**Warna utama:** [ISI]  
**Tech Stack:** Bootstrap HTML static  
**Hosting:** [ISI]  
**Kebutuhan desain khusus:** [Sticky CTA, before-after gallery, kalkulator, badge promo, dsb]

---

# 📊 ANALYTICS & TRACKING

**Tools yang digunakan:** [GA4 / Search Console / Meta Pixel / Clarity / dll]

---

# 🔍 SEO & VISIBILITAS DIGITAL

**Keyword utama yang ingin dibidik:**
- [Keyword jasa]
- [Keyword jasa + lokasi]
- [Keyword komersial]
- [Keyword problem-based]

**Strategi SEO:**  
[SEO lokal / SEO jasa / SEO kota / SEO nasional / topical landing pages]

---

# 📄 FORMAT OUTPUT WAJIB

Gunakan format Markdown yang rapi, profesional, dan sangat detail.

Wajib gunakan:
- heading bertingkat
- tabel
- checklist
- code block
- acceptance criteria
- contoh implementasi siap pakai

---

# ✅ BAGIAN WAJIB DALAM PRD

## 1. Ringkasan Eksekutif
## 2. Tujuan Bisnis & KPI
## 3. User Persona
## 4. Strategi Konversi Landing Page
Jelaskan:
- value proposition
- unique selling points
- CTA strategy
- lead capture strategy
- friction reduction strategy
- trust-building strategy

## 5. Struktur Landing Page
Minimal pertimbangkan section:
- hero
- value proposition
- layanan utama
- masalah yang diselesaikan
- keunggulan
- proses kerja
- testimonial
- portofolio/hasil kerja
- FAQ
- CTA
- kontak
- area layanan
- footer

Untuk setiap section jelaskan:
- tujuan
- isi
- heading
- CTA
- elemen trust
- prioritas performa

## 6. Arsitektur File & Folder Bootstrap Static
## 7. Spesifikasi Fungsional
Termasuk:
- sticky CTA
- WhatsApp CTA
- tel CTA
- form lead
- thank-you state
- FAQ accordion
- gallery ringan
- maps lazy-load strategy
- event tracking

## 8. Design System & UI/UX
## 9. PageSpeed, GTmetrix & Core Web Vitals Optimization
Wajib fokus pada:
- hero ringan
- above-the-fold sangat cepat
- CTA terlihat cepat
- gambar before-after/portfolio dioptimasi
- third-party script dibatasi
- form ringan
- lazy load non-critical assets

## 10. SEO Modern (2025–2026)
Fokus:
- landing page intent
- jasa + lokasi
- jasa + kebutuhan
- keyword komersial
- title/meta examples
- robots.txt
- sitemap.xml
- internal linking ke halaman pendukung

## 11. Schema Markup
Minimal:
- LocalBusiness / Organization
- Service
- FAQPage
- BreadcrumbList
- WebPage
- ContactPage bila relevan

## 12. AEO
Wajib:
- quick answers
- problem-solution format
- FAQ minimal 8 pertanyaan
- definisi jasa
- kapan butuh jasa ini
- berapa lama proses
- area layanan
- cara memesan

## 13. GEO
Wajib:
- E-E-A-T
- trust proof
- named entity consistency
- citation-friendly summary
- factual company/service block
- why choose us block

## 14. Open Graph & Social Meta
## 15. Favicon System
## 16. Analytics & Tracking
## 17. Template Konten Landing Page
## 18. Katalog Halaman
## 19. Persyaratan Non-Fungsional
## 20. Deployment & Maintenance
## 21. Checklist Launch
## 22. Acceptance Criteria Global
## 23. Risiko & Antisipasi
## 24. Prioritas Eksekusi 30 Hari Pertama

---

# 🔒 BUILD GUARDRAILS WAJIB

## A. Guardrails Konversi
- CTA utama harus terlihat tanpa banyak scroll
- value proposition harus jelas dalam viewport awal
- jangan pakai copy terlalu abstrak
- trust signal wajib cepat terlihat
- jumlah CTA harus cukup, tapi tidak spammy

## B. Guardrails Performa
- hero ringan
- jangan pakai slider berat
- hindari video background
- form harus ringan
- optimasi semua gambar
- script pihak ketiga dibatasi

## C. Guardrails SEO
- 1 landing page = 1 intent utama
- 1 page = 1 primary keyword cluster
- FAQ harus relevan
- konten harus membantu user, bukan stuffing

## D. Guardrails AEO/GEO
- langsung jawab user intent
- tampilkan info bisnis yang jelas
- tampilkan area layanan nyata
- tampilkan bukti kerja/hasil/trust

---

# ⚠️ INSTRUKSI PENTING UNTUK AI

1. Jangan membuat PRD generik.
2. Fokus pada landing page jasa.
3. Semua rekomendasi harus cocok untuk Bootstrap HTML static.
4. Prioritaskan konversi dan performa.
5. Sertakan contoh implementasi siap pakai.
6. Sertakan kode schema, OG, favicon, robots, sitemap, dan GA4.
7. AEO dan GEO harus konkret.
8. Tambahkan acceptance criteria yang dapat diuji.
9. Tambahkan checklist launch yang rinci.
10. Output harus komprehensif dan siap dieksekusi.

Mulai buat PRD sekarang.

---SELESAI PROMPT---

# 🧠 MASTER PROMPT — PRD Generator Khusus Website Company Profile
> Gunakan prompt ini untuk menghasilkan PRD yang sangat lengkap, implementatif, dan siap dijadikan acuan build website company profile.
> Stack utama yang diasumsikan: **Bootstrap HTML static**.
> Fokus utama: **branding kuat, konversi leads, PageSpeed tinggi, GTmetrix A, SEO modern, AEO/GEO, Open Graph, dan favicon system lengkap**.

---

## ✅ CARA PAKAI

1. Copy seluruh prompt ini
2. Paste ke AI favorit Anda
3. Ganti semua bagian dalam [KURUNG KOTAK]
4. Hapus bagian yang tidak relevan
5. Kirim
6. AI harus menghasilkan PRD yang siap dipakai tim desain, developer, SEO, content, dan QA

---

---MULAI PROMPT---

Anda adalah seorang **Senior Product Manager, Brand Strategist, Technical SEO Specialist, dan Frontend Performance Architect**.

PRD ini harus:
- spesifik untuk website company profile
- cocok untuk dibangun dengan **Bootstrap HTML static**
- fokus pada **branding + trust + lead generation**
- mudah dipakai oleh owner, UI/UX designer, frontend developer, SEO specialist, content writer, dan QA
- bukan dokumen generik
- bukan dokumen normatif
- berisi keputusan yang bisa langsung dipakai untuk build

---

# KONTEKS WAJIB

Website ini adalah **company profile website**, sehingga tujuan utamanya biasanya:
- memperkenalkan perusahaan secara profesional
- membangun kredibilitas dan trust
- menjelaskan layanan/produk utama
- menunjukkan pengalaman, portofolio, testimoni, sertifikasi, klien, atau keunggulan
- menghasilkan leads melalui WhatsApp, telepon, email, atau form
- memperkuat visibilitas brand di Google dan platform AI

Karena ini company profile, PRD yang Anda buat harus menyeimbangkan:
1. **branding**
2. **kejelasan informasi**
3. **konversi**
4. **performa**
5. **SEO modern**
6. **AEO/GEO**
7. **kemudahan maintenance static site**

---

# 📋 INFORMASI PROJECT

**Nama Perusahaan / Website:** [ISI]  
**Jenis Perusahaan / Bidang Usaha:** [Contoh: Kontraktor / Distributor / Agency / Konsultan / Klinik / Manufaktur / Supplier / Pendidikan / Travel / dll]  
**Industri / Niche:** [ISI]  
**Lokasi Bisnis / Cakupan Pasar:** [Kota / Provinsi / Nasional / Internasional]  
**Tagline (jika ada):** [ISI]  
**Tahun Berdiri (jika ada):** [ISI]  
**Nilai Utama Brand (jika ada):** [ISI]

---

# 🎯 TUJUAN BISNIS WEBSITE

**Tujuan Utama Website:**
- [Contoh: Meningkatkan leads masuk dari website]
- [Contoh: Menampilkan profil perusahaan yang profesional]
- [Contoh: Menjelaskan layanan unggulan]
- [Contoh: Memperkuat pencarian brand dan non-brand di Google]

**Target Konversi Utama:**
- [WhatsApp]
- [Telepon]
- [Form kontak]
- [Email]
- [Permintaan penawaran]
- [Jadwal konsultasi]

**Target Pengguna Utama:**  
[Contoh: Pemilik bisnis, procurement, manajer proyek, HR, orang tua siswa, pasien, corporate buyer, calon mitra, dll]

**Masalah yang Ingin Diselesaikan Website:**
- [ISI]

---

# 🛍️ LAYANAN / PRODUK / PROFIL KONTEN

**Daftar layanan / kategori utama yang akan ditampilkan:**
1. [Layanan 1]
2. [Layanan 2]
3. [Layanan 3]
4. [Layanan 4]

**Apakah ada halaman detail layanan?** [Ya / Tidak]  
**Apakah ada halaman portofolio / proyek / studi kasus?** [Ya / Tidak]  
**Apakah ada halaman klien / testimoni / sertifikasi?** [Ya / Tidak]  
**Apakah ada blog / artikel?** [Ya / Tidak]

**Strategi harga:**  
[Hubungi admin / Estimasi / by request / tampil sebagian / tidak ditampilkan]

---

# 🎨 DESAIN & TEKNIS

**Gaya visual yang diinginkan:** [Corporate / Premium / Modern / Minimalis / Formal / Industrial / Friendly / Elegant / dll]  
**Warna utama brand:** [ISI]  
**Mobile Friendly:** Ya  
**Tech Stack:** Bootstrap HTML static  
**Versi Bootstrap yang diinginkan:** [Bootstrap 5.x / rekomendasikan]  
**Hosting & Deployment:** [cPanel / Shared Hosting / VPS / Netlify / GitHub Pages / Cloudflare Pages / dll]  
**Kebutuhan khusus desain:** [Dark mode / Multi bahasa / Sticky CTA / Section sertifikasi / Maps / dsb]

---

# 📊 ANALYTICS & TRACKING

**Tools analitik yang diinginkan:**  
[GA4 / Search Console / Meta Pixel / Clarity / Hotjar / dll]

---

# 🔍 SEO & VISIBILITAS DIGITAL

**Keyword utama yang ingin dibidik:**
- [Keyword brand]
- [Keyword layanan utama]
- [Keyword lokasi + layanan]
- [Keyword komersial lain]

**Strategi SEO yang diinginkan:**  
[SEO lokal / SEO kota / SEO nasional / SEO jasa / SEO brand / blog content / topical authority / dll]

---

# 📌 INFORMASI TAMBAHAN

**Kompetitor referensi:** [ISI]  
**Keunggulan perusahaan dibanding kompetitor:** [ISI]  
**Integrasi yang dibutuhkan:** [WhatsApp / Google Maps / form email / CRM / Live chat / dll]  
**Fitur khusus yang diinginkan:** [sticky WA, inquiry form, multi lokasi, blog, portfolio gallery, team page, dsb]  
**Timeline target:** [ISI]  
**Anggaran estimasi:** [ISI]

---

# ⚠️ TUJUAN OUTPUT WAJIB

PRD yang Anda buat harus:
1. spesifik untuk **website company profile**
2. cocok untuk **Bootstrap HTML static**
3. membuat website terasa **profesional, terpercaya, dan meyakinkan**
4. mendukung **lead generation**
5. memaksimalkan **PageSpeed** dan menargetkan **GTmetrix Grade A**
6. mengikuti **SEO modern**
7. mendukung **AI Overview / AEO / GEO**
8. memiliki **Open Graph lengkap**
9. memiliki **favicon system lengkap**
10. mudah dijadikan dasar build dan QA

Jika ada data yang belum tersedia, gunakan placeholder yang jelas:
- `[NAMA PERUSAHAAN]`
- `[DOMAIN]`
- `[NOMOR WA]`
- `[EMAIL]`
- `[ALAMAT]`
- `[KOTA]`
- `[LOGO URL]`
- `[OG IMAGE URL]`
- `[GA4 ID]`
- `[GOOGLE MAPS EMBED URL]`
- `[TAHUN BERDIRI]`

---

# 📄 FORMAT OUTPUT WAJIB

Gunakan format **Markdown (.md)** yang rapi, profesional, dan siap copy-paste.

Wajib gunakan:
- heading bertingkat
- tabel
- bullet list
- checklist
- code block
- tree diagram
- acceptance criteria
- contoh implementasi siap pakai

**Jangan singkat. Jangan generik. Jangan hanya menjelaskan konsep. Semua harus actionable.**

---

# ✅ BAGIAN WAJIB DALAM PRD

## 1. Ringkasan Eksekutif
Jelaskan:
- gambaran perusahaan
- tujuan website
- target audiens
- value proposition utama
- positioning website company profile
- alasan Bootstrap HTML static cocok
- ringkasan strategi branding, trust, konversi, performa, dan SEO

## 2. Tujuan Bisnis & KPI
Buat tabel yang mencakup:
- tujuan bisnis
- KPI utama
- KPI pendukung
- cara ukur
- tools ukur
- target 3 bulan / 6 bulan / 12 bulan

Contoh KPI:
- jumlah leads
- klik WhatsApp
- submit form
- panggilan telepon
- traffic organik
- branded search growth
- ranking keyword layanan utama
- engagement halaman layanan

## 3. User Persona
Minimal 3 persona.

Untuk tiap persona, jelaskan:
- profil
- jabatan/peran
- kebutuhan
- pain point
- pertanyaan utama sebelum menghubungi perusahaan
- search intent
- device dominan
- faktor trust yang mereka cari
- CTA yang paling cocok

## 4. Positioning Brand & Pesan Utama
Jelaskan:
- citra brand yang ingin dibangun
- tone of voice
- pesan utama homepage
- pesan utama halaman layanan
- pesan trust
- pesan diferensiasi
- elemen yang harus membuat pengunjung yakin
- elemen yang harus dihindari agar company profile tidak terasa generik

## 5. Alasan Pemilihan Bootstrap HTML Static
Jelaskan secara spesifik:
- kenapa stack ini cocok untuk company profile
- kelebihan dari sisi kecepatan, kesederhanaan, kemudahan deploy
- keterbatasannya
- fitur yang ideal untuk stack ini
- fitur yang sebaiknya dihindari
- kapan company profile masih cocok static
- kapan perlu migrasi ke CMS atau framework lain

## 6. Struktur & Arsitektur Website Company Profile
Buat sitemap lengkap dalam tree diagram.

Minimal pertimbangkan halaman berikut:
- Home
- Tentang Kami
- Layanan
- Detail Layanan
- Portofolio / Proyek / Studi Kasus
- Klien / Testimoni
- Sertifikasi / Legalitas / Keunggulan
- Tim / Manajemen (jika relevan)
- Blog / Insight / Artikel
- FAQ
- Kontak
- Lokasi / Area Layanan (jika relevan)
- Kebijakan Privasi
- Syarat & Ketentuan
- Thank You Page
- 404

Untuk setiap halaman, jelaskan:
- tujuan
- target keyword
- intent
- CTA utama
- CTA sekunder
- section wajib
- schema
- metadata SEO
- OG requirement
- prioritas performa

## 7. Arsitektur File & Folder Khusus Bootstrap HTML Static
Buat struktur folder ideal.

Minimal jelaskan:
- `/index.html`
- `/about.html`
- `/services/`
- `/portfolio/`
- `/blog/`
- `/contact.html`
- `/faq.html`
- `/assets/css/`
- `/assets/js/`
- `/assets/img/`
- `/assets/icons/`
- `/assets/og/`
- `/assets/favicons/`
- `/assets/fonts/`
- `/includes/`
- `/schema/`

Untuk setiap folder, jelaskan fungsi dan aturan penggunaannya.

Jelaskan juga:
- naming convention
- struktur asset global vs page-level
- strategi reusable section
- strategi partial include untuk header/footer bila relevan
- aturan penamaan gambar SEO-friendly
- aturan update halaman baru agar struktur tetap konsisten

## 8. Spesifikasi Fungsional
Jelaskan fitur company profile secara rinci:
- header dan navbar
- mobile menu
- hero section
- section layanan unggulan
- section tentang singkat
- section keunggulan
- section klien/logo
- section portofolio/proyek
- section testimoni
- section FAQ
- CTA WhatsApp
- CTA telepon
- form kontak / form request quote
- section alamat dan maps
- breadcrumbs
- artikel terkait
- sticky CTA mobile
- footer
- legal links

Untuk setiap fitur, jelaskan:
- tujuan
- perilaku
- kondisi tampil
- state
- dependency
- event tracking
- dampak performa
- acceptance criteria

## 9. Design System & UI/UX
Jelaskan:
- arah visual company profile
- kesan yang harus muncul
- warna utama/sekunder/netral
- tipografi
- heading scale
- paragraph width
- spacing system
- card style
- button system
- icon style
- foto/gambar guideline
- section trust guideline
- section testimoni guideline
- form style
- FAQ style
- mobile-first layout
- desktop hierarchy
- readability standard
- accessibility baseline

Tambahkan guardrails:
- hindari desain terlalu ramai
- hindari section terlalu panjang tanpa tujuan
- hindari slider berat
- hindari animasi berlebihan
- utamakan clarity, trust, dan konversi

## 10. PageSpeed, GTmetrix & Core Web Vitals Optimization
Bagian ini wajib sangat detail.

Fokus untuk website company profile Bootstrap static.

Wajib mencakup:

### A. Target metrik
- PageSpeed Mobile minimal 90
- PageSpeed Desktop minimal 95
- GTmetrix Grade A
- LCP <= 2.5 detik
- INP <= 200 ms
- CLS <= 0.1
- FCP <= 1.8 detik
- TTFB ideal <= 800 ms

### B. Strategi performa khusus company profile
- hero harus ringan
- hindari video background kecuali sangat penting
- hindari carousel berat
- batasi animasi
- logo klien harus ringan
- gambar portofolio harus dioptimalkan
- maps embed jangan langsung menghambat render
- third-party chat widget harus hati-hati
- script tracking harus terkendali

### C. Strategi Bootstrap
- load Bootstrap minified
- custom build jika memungkinkan
- jangan load komponen JS yang tidak dipakai
- HTML semantik
- minimalkan nested div yang tidak perlu

### D. Strategi asset
- AVIF/WebP
- lazy load
- `width` dan `height`
- `srcset`
- `fetchpriority`
- preload asset kritis
- minify CSS/JS
- critical CSS inline
- font optimization

### E. QA performa
Buat checklist pengujian untuk:
- homepage
- halaman layanan
- halaman portofolio
- halaman kontak
- mobile dan desktop

### F. Contoh kode siap pakai
Berikan contoh:
- preload hero image
- lazy image
- responsive image
- defer JS
- critical CSS
- font preload
- struktur load CSS/JS ideal

## 11. SEO Modern (2025–2026)
Bagian ini wajib detail.

Fokuskan untuk company profile.

Wajib mencakup:
- strategi SEO brand + non-brand
- keyword mapping per halaman
- local SEO bila relevan
- title tag rules
- meta description rules
- heading rules
- canonical rules
- slug/file name rules
- internal linking rules
- image SEO
- breadcrumb strategy
- content hierarchy
- trust page SEO
- layanan page SEO
- portfolio/study case SEO
- blog/article SEO bila ada
- technical SEO checklist
- launch checklist
- post-launch checklist

Wajib sertakan:
- contoh title tag semua halaman utama
- contoh meta description semua halaman utama
- template `robots.txt`
- template `sitemap.xml`

## 12. Schema Markup / Structured Data
Buat schema yang relevan untuk company profile.

Minimal wajib:
- Organization atau LocalBusiness
- WebSite
- WebPage
- AboutPage
- ContactPage
- Service
- BreadcrumbList
- FAQPage
- Review / AggregateRating jika relevan dan etis
- Article / BlogPosting jika ada blog
- ImageObject jika relevan

Wajib sertakan:
- tabel halaman → schema
- JSON-LD siap pakai
- placement strategy untuk static HTML
- schema untuk homepage
- schema untuk halaman layanan
- schema untuk halaman kontak
- schema untuk FAQ
- schema untuk artikel bila ada

## 13. AEO — Answer Engine Optimization
Bagian ini wajib konkret.

Buat strategi agar company profile:
- mudah dipahami AI
- mudah menjawab pertanyaan user
- berpotensi diambil sebagai jawaban ringkas
- lebih siap untuk AI Overview dan featured snippets

Wajib mencakup:
- quick answer section
- key facts box
- company facts summary
- FAQ per layanan minimal 8 pertanyaan
- definisi layanan
- perbandingan layanan jika relevan
- heading yang mudah diekstrak
- format jawaban singkat
- tabel ringkasan
- contoh section AEO-ready siap pakai

## 14. GEO — Generative Engine Optimization
Buat strategi agar website company profile lebih mudah dirujuk AI generatif.

Wajib mencakup:
- implementasi E-E-A-T secara konkret
- trust signals yang wajib tampil
- tentang perusahaan yang kredibel
- legalitas/sertifikasi bila ada
- alamat/kontak nyata
- author/reviewer policy bila ada blog
- citation-friendly content
- named entities consistency
- structured facts
- original insight / perspective
- halaman yang paling layak dikutip AI
- robots.txt policy untuk bot AI
- jenis konten yang harus dibuat agar brand mudah dipahami AI

## 15. Open Graph & Social Meta Tags
Buat sistem OG lengkap untuk company profile.

Wajib mencakup:
- OG homepage
- OG halaman layanan
- OG halaman portofolio
- OG halaman artikel
- `og:title`
- `og:description`
- `og:type`
- `og:url`
- `og:image`
- Twitter card
- WhatsApp preview notes
- LinkedIn notes
- theme-color
- template HTML siap pakai
- daftar file OG image yang dibutuhkan
- naming convention OG image
- checklist validasi

## 16. Favicon System
Buat sistem favicon lengkap.

Wajib mencakup:
- daftar file favicon
- ukuran
- format
- HTML tags lengkap
- `site.webmanifest`
- `browserconfig.xml`
- struktur folder
- naming convention
- panduan desain favicon company profile
- QA checklist

## 17. Analytics & Tracking
Wajib mencakup:
- GA4 setup
- Search Console setup
- event tracking map
- click WhatsApp
- click telepon
- click email
- submit form
- click CTA hero
- click CTA layanan
- scroll depth
- outbound click
- file download bila ada company profile PDF
- thank-you page event bila ada

Berikan contoh code GA4 dasar dan strategi peletakan tracking di static HTML.

## 18. Template Konten Per Halaman
Buat template struktur untuk:
- homepage
- tentang kami
- layanan
- detail layanan
- portofolio/proyek
- testimoni/klien
- FAQ
- kontak
- blog/artikel
- lokasi/area layanan jika ada

Untuk tiap halaman, jelaskan:
- urutan section
- tujuan tiap section
- heading structure
- CTA placement
- trust elements
- SEO elements
- AEO elements
- GEO elements
- schema
- OG needs
- prioritas performa

## 19. Katalog Halaman
Buat tabel berisi:
- nama halaman
- nama file
- slug
- tujuan
- keyword utama
- intent
- CTA utama
- schema
- OG image
- prioritas

## 20. Persyaratan Non-Fungsional
Buat tabel target:
- performa
- responsiveness
- browser support
- SSL
- uptime
- accessibility
- maintainability
- SEO readiness
- analytics readiness
- keamanan dasar
- kemudahan update static site

## 21. Deployment & Maintenance Plan
Bagian ini wajib khusus untuk company profile Bootstrap HTML static.

Jelaskan:
- proses deployment
- staging vs production
- update halaman layanan
- update portofolio
- update OG image
- update favicon
- update schema
- update sitemap
- update robots
- cache purge
- backup
- checklist saat menambah halaman baru

## 22. Checklist Launch
Buat checklist sangat detail, dipisahkan:
- Konten
- Branding
- UI/UX
- Form
- CTA
- SEO
- Schema
- AEO
- GEO
- Open Graph
- Favicon
- Analytics
- Performance
- Mobile QA
- Browser QA
- Deployment
- Post-launch

Checklist harus benar-benar operasional.

## 23. Acceptance Criteria Global
Buat daftar acceptance criteria akhir.

Contoh:
- [ ] Homepage memiliki value proposition yang jelas dalam viewport awal
- [ ] CTA utama terlihat jelas di mobile dan desktop
- [ ] Semua halaman utama memiliki metadata unik
- [ ] Semua halaman layanan memiliki schema yang sesuai
- [ ] Semua gambar non-kritis lazy load
- [ ] Hero image dioptimalkan
- [ ] Favicon tervalidasi
- [ ] OG homepage dan halaman layanan tervalidasi
- [ ] Form kontak berjalan baik
- [ ] Klik WhatsApp terlacak di GA4
- [ ] Halaman kontak menampilkan data perusahaan yang valid
- [ ] PageSpeed dan CWV memenuhi target minimum

## 24. Risiko & Antisipasi
Buat daftar risiko yang dapat menggagalkan:
- kredibilitas company profile
- konversi leads
- target PageSpeed
- target GTmetrix A
- target SEO
- target AEO/GEO
- maintainability static site

Jelaskan:
- penyebab
- dampak
- mitigasi

## 25. Prioritas Eksekusi 30 Hari Pertama
Buat roadmap minggu 1–4 dengan fokus:
- struktur halaman inti
- copywriting homepage
- halaman layanan utama
- trust section
- kontak dan CTA
- SEO dasar
- schema dasar
- OG dasar
- favicon
- analytics
- optimasi performa inti
- launch readiness

---

# 🔒 BUILD GUARDRAILS WAJIB UNTUK COMPANY PROFILE

## A. Guardrails Branding
- homepage harus langsung menjelaskan siapa perusahaan, melayani siapa, dan apa nilai utamanya
- jangan terlalu abstrak
- jangan terlalu fokus visual tanpa kejelasan bisnis
- trust signal wajib terlihat
- CTA harus jelas

## B. Guardrails Performa
- hero harus ringan
- hindari video berat/autoplay
- hindari slider berat
- optimalkan semua gambar
- batasi third-party scripts
- hindari dekorasi yang tidak perlu
- fokus mobile-first

## C. Guardrails SEO
- 1 halaman = 1 keyword cluster utama
- halaman layanan harus benar-benar unik
- metadata unik
- internal linking strategis
- halaman lokal tidak boleh tipis dan duplikatif
- blog hanya dibuat jika ada kapasitas maintenance

## D. Guardrails AEO/GEO
- setiap halaman penting harus punya jawaban cepat
- FAQ harus relevan
- brand facts harus jelas
- alamat/kontak/identitas perusahaan harus nyata
- trust evidence harus konkret
- informasi mudah dipindai manusia dan mesin

## E. Guardrails Static Site
- struktur file konsisten
- asset rapi
- setiap halaman baru wajib punya metadata, schema, OG, dan tracking yang sesuai
- update harus mudah tanpa merusak struktur lama

---

# ⚠️ INSTRUKSI PENTING UNTUK AI

1. Jangan membuat PRD generik.
2. Jangan membuat PRD singkat.
3. Semua isi harus spesifik untuk website company profile.
4. Semua rekomendasi harus cocok untuk Bootstrap HTML static.
5. Fokus pada branding, trust, leads, performa, dan SEO.
6. Sertakan contoh implementasi siap pakai.
7. Sertakan kode untuk schema, OG, favicon, sitemap, robots, dan GA4.
8. Utamakan target PageSpeed tinggi dan GTmetrix A.
9. AEO dan GEO harus konkret.
10. Buat acceptance criteria yang bisa diuji.
11. Buat checklist launch yang rinci.
12. Gunakan placeholder yang jelas jika data belum ada.
13. Tulis dalam Bahasa Indonesia profesional yang mudah dipahami tim implementasi.
14. Output harus komprehensif, detail, dan siap dieksekusi.

Mulai buat PRD sekarang.

---SELESAI PROMPT---

# 🧠 MASTER PROMPT — PRD Generator Khusus Website SEO Lokal
> Gunakan prompt ini untuk menghasilkan PRD website yang dirancang khusus untuk menangkap traffic lokal dari Google dan meningkatkan leads lokal.
> Stack utama yang diasumsikan: **Bootstrap HTML static**.

---

## ✅ CARA PAKAI

1. Copy seluruh prompt ini
2. Paste ke AI favorit Anda
3. Isi bagian [KURUNG KOTAK]
4. Hapus yang tidak relevan
5. Kirim
6. AI harus menghasilkan PRD yang siap dipakai untuk build website SEO lokal

---

---MULAI PROMPT---

Anda adalah seorang **Senior Product Manager, Local SEO Strategist, Technical SEO Specialist, dan Frontend Performance Architect**.

Tugas Anda adalah membuat **PRD yang sangat lengkap, sangat detail, implementatif, dan siap dieksekusi** dalam **Bahasa Indonesia** untuk project **website SEO lokal** berikut.

PRD ini harus:
- spesifik untuk website SEO lokal
- cocok untuk **Bootstrap HTML static**
- fokus pada **lead generation dari pencarian lokal**
- mengutamakan **PageSpeed tinggi**
- menargetkan **GTmetrix Grade A**
- mengikuti **SEO lokal modern**
- mendukung **AEO + GEO**
- memiliki **Open Graph lengkap**
- memiliki **favicon system lengkap**

---

# KONTEKS WAJIB

Website ini dirancang untuk menangkap pencarian lokal seperti:
- jasa + kota
- produk + kota
- layanan + area
- kebutuhan + lokasi
- near me intent jika relevan

Tujuan utamanya:
- meningkatkan visibilitas lokal di Google
- menghasilkan leads dari area target
- memperjelas area layanan
- membangun trust lokal
- mendukung brand dan konversi

Karena ini website SEO lokal, PRD harus memprioritaskan:
1. halaman layanan utama
2. halaman lokasi / area layanan
3. konten lokal yang unik
4. local trust signals
5. local business entity consistency
6. performa tinggi
7. struktur SEO yang disiplin

---

# 📋 INFORMASI PROJECT

**Nama Brand / Website:** [ISI]  
**Jenis Bisnis:** [Jasa / Toko / Supplier / Klinik / Agency / Kursus / Bengkel / dll]  
**Produk / Layanan Utama:** [ISI]  
**Lokasi Utama Bisnis:** [ISI]  
**Area Layanan yang Ditargetkan:** [ISI]  
**Target Pasar:** [ISI]

---

# 🎯 TUJUAN BISNIS WEBSITE

**Tujuan Utama:**
- [Leads lokal]
- [Klik WhatsApp]
- [Telepon]
- [Booking]
- [Peningkatan visibilitas lokal]

**Target Konversi Utama:**  
[WhatsApp / Telepon / Form / Booking]

**Target User:**  
[ISI]

---

# 🗺️ STRATEGI LOKAL

**Keyword lokal utama:**
- [layanan + kota]
- [layanan + area]
- [kategori + kota]
- [problem + lokasi]

**Area prioritas:**
1. [Area 1]
2. [Area 2]
3. [Area 3]

**Apakah memiliki alamat fisik?** [Ya / Tidak]  
**Apakah melayani banyak kota/area?** [Ya / Tidak]  
**Apakah ada Google Business Profile?** [Ya / Tidak]

---

# 🎨 DESAIN & TEKNIS

**Gaya visual:** [Profesional / Lokal terpercaya / Clean / Cepat / Simple / Corporate / dll]  
**Warna utama:** [ISI]  
**Tech Stack:** Bootstrap HTML static  
**Hosting:** [ISI]

---

# 📊 ANALYTICS & TRACKING

**Tools:** [GA4 / Search Console / Clarity / Pixel / dll]

---

# ✅ BAGIAN WAJIB DALAM PRD

## 1. Ringkasan Eksekutif
## 2. Tujuan Bisnis & KPI
Fokus KPI lokal seperti:
- leads per kota
- klik WhatsApp
- klik telepon
- ranking keyword lokal
- traffic organik lokal
- engagement halaman area

## 3. User Persona
## 4. Strategi SEO Lokal
Jelaskan:
- struktur layanan vs lokasi
- halaman kota/area
- local intent
- map-pack support signals
- trust lokal
- risiko doorway page
- cara membuat halaman lokal tetap unik dan bermanfaat

## 5. Struktur & Arsitektur Website
Minimal pertimbangkan:
- homepage
- layanan
- detail layanan
- area layanan / kota
- halaman kota + layanan
- tentang
- testimoni
- FAQ
- kontak
- blog/artikel lokal
- legal
- thank-you
- 404

Untuk tiap halaman jelaskan:
- tujuan
- keyword
- local intent
- CTA
- local trust signal
- schema
- metadata
- OG requirement
- prioritas performa

## 6. Arsitektur File & Folder Bootstrap Static
## 7. Spesifikasi Fungsional
Termasuk:
- area layanan block
- local CTA
- contact info
- map/embed strategy
- jam operasional bila relevan
- FAQ lokal
- click-to-call
- click WhatsApp
- directions CTA bila relevan
- testimonial lokal
- schema lokal
- event tracking

## 8. Design System & UI/UX
## 9. PageSpeed, GTmetrix & Core Web Vitals Optimization
Fokus:
- halaman lokal harus tetap ringan
- map embed jangan merusak performa
- gambar area/kota jangan berlebihan
- template lokasi harus efisien
- asset reuse harus optimal
- hindari bloat akibat banyak halaman lokal

## 10. SEO Modern (2025–2026)
Wajib fokus pada:
- local SEO
- keyword mapping lokal
- title/meta untuk kota/area
- NAP consistency
- location page uniqueness
- internal linking antar area
- local business schema
- robots.txt
- sitemap.xml
- local content strategy
- blog pendukung lokal bila relevan

## 11. Schema Markup
Minimal:
- LocalBusiness
- Organization
- WebSite
- Service
- FAQPage
- BreadcrumbList
- ContactPage
- WebPage

## 12. AEO
Wajib:
- FAQ lokal minimal 8 pertanyaan
- “apakah melayani area X?”
- “berapa cepat respon?”
- “bagaimana proses pemesanan?”
- “apakah bisa survey lokasi?”
- “berapa kisaran biaya?”
- “jam operasional”
- “coverage area”
- summary box lokal

## 13. GEO
Wajib:
- local trust signals
- named entities
- consistency of area served
- citation-friendly local facts
- E-E-A-T
- real business identity
- local credibility blocks

## 14. Open Graph & Social Meta
## 15. Favicon System
## 16. Analytics & Tracking
## 17. Template Konten Per Halaman
Minimal untuk:
- homepage
- layanan utama
- halaman kota/area
- detail layanan + lokasi
- kontak
- FAQ
- artikel lokal
- tentang

## 18. Katalog Halaman
## 19. Persyaratan Non-Fungsional
## 20. Deployment & Maintenance
## 21. Checklist Launch
## 22. Acceptance Criteria Global
## 23. Risiko & Antisipasi
Fokus risiko:
- doorway pages
- duplicate lokal pages
- konten tipis
- schema salah
- NAP tidak konsisten
- map/script terlalu berat

## 24. Prioritas Eksekusi 30 Hari Pertama

---

# 🔒 BUILD GUARDRAILS WAJIB

## A. Guardrails SEO Lokal
- tiap halaman area harus unik
- jangan copy-paste antar kota
- NAP harus konsisten
- area layanan harus realistis
- halaman lokal harus memberi value nyata
- hindari doorway-style page

## B. Guardrails Konversi Lokal
- CTA lokal harus jelas
- nomor kontak harus mudah diklik
- area layanan harus terlihat
- trust lokal harus tampil
- bukti kerja / testimoni lokal sangat dianjurkan

## C. Guardrails Performa
- map embed harus hati-hati
- halaman lokal harus tetap ringan
- asset reuse harus efisien
- jangan tambah script berat di tiap halaman

## D. Guardrails AEO/GEO
- fakta lokal harus jelas
- identitas bisnis nyata
- alamat/kontak/area harus konsisten
- FAQ lokal relevan
- konten mudah dipahami AI

---

# ⚠️ INSTRUKSI PENTING UNTUK AI

1. Fokus pada website SEO lokal.
2. Semua rekomendasi harus cocok untuk Bootstrap HTML static.
3. Prioritaskan local intent, leads, dan trust.
4. Hindari rekomendasi yang berpotensi membuat doorway pages.
5. Sertakan contoh implementasi siap pakai.
6. Sertakan schema, OG, favicon, robots, sitemap, dan GA4.
7. Output harus sangat detail dan siap dieksekusi.

Mulai buat PRD sekarang.

---SELESAI PROMPT---

# 🧠 MASTER PROMPT — PRD Generator Khusus Website Toko Katalog
> Gunakan prompt ini untuk menghasilkan PRD website toko katalog yang fokus pada presentasi produk, kemudahan eksplorasi, performa, SEO, dan lead/inquiry.
> Stack utama yang diasumsikan: **Bootstrap HTML static**.

---

## ✅ CARA PAKAI

1. Copy seluruh prompt ini
2. Paste ke AI favorit Anda
3. Isi bagian [KURUNG KOTAK]
4. Hapus bagian yang tidak relevan
5. Kirim
6. AI harus menghasilkan PRD yang siap dipakai untuk build website toko katalog

---

---MULAI PROMPT---

Anda adalah seorang **Senior Product Manager, E-commerce Catalog Strategist, Technical SEO Specialist, dan Frontend Performance Architect**.

Tugas Anda adalah membuat **PRD yang sangat lengkap, sangat detail, implementatif, dan siap dieksekusi** dalam **Bahasa Indonesia** untuk project **website toko katalog** berikut.

PRD ini harus:
- spesifik untuk toko katalog
- cocok untuk **Bootstrap HTML static**
- fokus pada **presentasi katalog produk**
- mendukung **inquiry / WhatsApp / request quotation**
- ringan dan cepat
- SEO-ready
- AEO/GEO-ready
- Open Graph lengkap
- favicon lengkap

---

# KONTEKS WAJIB

Website ini adalah **toko katalog**, bukan full e-commerce checkout kompleks.

Tujuan utamanya:
- menampilkan katalog produk dengan rapi
- membantu user memahami kategori dan detail produk
- mendorong inquiry atau pembelian via WhatsApp, telepon, marketplace, atau form
- memperkuat visibilitas pencarian produk
- membangun trust terhadap brand/supplier/distributor/toko

Karena itu PRD harus menyeimbangkan:
1. kemudahan navigasi katalog
2. kejelasan kategori
3. kualitas halaman detail produk
4. performa tinggi
5. SEO kategori + produk
6. AEO/GEO untuk produk dan pertanyaan pembeli

---

# 📋 INFORMASI PROJECT

**Nama Toko / Brand:** [ISI]  
**Jenis Produk:** [Contoh: Furniture / Alat Teknik / Bahan Bangunan / Fashion / Elektronik / ATK / Herbal / Souvenir / Mesin / dll]  
**Model Bisnis:** [Toko / Distributor / Supplier / Grosir / Retail / Manufacturer]  
**Target Pasar:** [ISI]  
**Lokasi / Cakupan Wilayah:** [ISI]

---

# 🎯 TUJUAN BISNIS WEBSITE

**Tujuan Utama:**
- [Menampilkan katalog]
- [Meningkatkan inquiry]
- [Meningkatkan klik WhatsApp]
- [Memperkuat brand]
- [Mendukung SEO produk]

**Target Konversi Utama:**
- [WhatsApp]
- [Telepon]
- [Form inquiry]
- [Marketplace click]
- [Download katalog PDF]

---

# 🛍️ KATALOG PRODUK

**Kategori utama produk:**
1. [Kategori 1]
2. [Kategori 2]
3. [Kategori 3]

**Apakah ada subkategori?** [Ya / Tidak]  
**Jumlah produk estimasi:** [ISI]  
**Apakah setiap produk punya halaman detail?** [Ya / Tidak]  
**Harga ditampilkan?** [Ya / Tidak / mulai dari / by request]  
**Apakah stok real-time diperlukan?** [Ya / Tidak]

---

# 🎨 DESAIN & TEKNIS

**Gaya visual:** [Clean / Modern / Katalog profesional / Industrial / Premium / Minimal]  
**Warna utama:** [ISI]  
**Tech Stack:** Bootstrap HTML static  
**Hosting:** [ISI]  
**Fitur khusus:** [filter sederhana, badge promo, PDF katalog, galeri produk, dsb]

---

# 📊 ANALYTICS & TRACKING

**Tools:** [GA4 / Search Console / Pixel / Clarity / dll]

---

# 🔍 SEO & VISIBILITAS DIGITAL

**Keyword utama:**
- [produk utama]
- [kategori produk]
- [produk + lokasi]
- [produk + merek]
- [produk + kebutuhan]

**Strategi SEO:**  
[SEO katalog / SEO kategori / SEO produk / SEO lokal / SEO supplier]

---

# ✅ BAGIAN WAJIB DALAM PRD

## 1. Ringkasan Eksekutif
## 2. Tujuan Bisnis & KPI
## 3. User Persona
## 4. Strategi Toko Katalog
Jelaskan:
- positioning katalog
- alur eksplorasi produk
- strategy inquiry
- strategy kategori
- strategy detail produk
- trade-off toko katalog vs e-commerce penuh

## 5. Struktur & Arsitektur Website
Minimal pertimbangkan:
- homepage
- kategori
- subkategori
- detail produk
- tentang
- FAQ
- kontak
- blog/artikel
- brand/manufacturer page bila relevan
- halaman download katalog
- halaman legal
- thank-you
- 404

Untuk tiap halaman, jelaskan:
- tujuan
- intent
- keyword
- CTA
- schema
- metadata
- OG needs
- prioritas performa

## 6. Arsitektur File & Folder Bootstrap Static
## 7. Spesifikasi Fungsional
Termasuk:
- grid katalog
- card produk
- badge produk
- CTA WhatsApp
- CTA minta harga
- CTA marketplace
- detail spesifikasi
- galeri produk ringan
- tabel spesifikasi
- related products
- kategori navigation
- breadcrumb
- form inquiry
- file download tracking

## 8. Design System & UI/UX
## 9. PageSpeed, GTmetrix & Core Web Vitals Optimization
Wajib fokus pada:
- optimasi listing produk
- optimasi card image
- optimasi detail produk
- lazy load katalog
- image compression
- grid ringan
- hindari JS filter berat jika tidak perlu
- optimasi PDF link dan preview
- batasi third-party scripts

## 10. SEO Modern (2025–2026)
Fokus:
- keyword kategori
- keyword produk
- long-tail produk
- spesifikasi-based SEO
- use-case-based SEO
- title/meta contoh
- robots.txt
- sitemap.xml
- internal linking dari kategori ke detail
- SEO produk mirip agar tidak duplikatif

## 11. Schema Markup
Minimal:
- Organization / LocalBusiness
- Product
- ItemList / CollectionPage
- BreadcrumbList
- FAQPage
- WebPage
- AggregateRating jika relevan dan etis

## 12. AEO
Wajib:
- FAQ produk minimal 8 pertanyaan
- key facts box
- spesifikasi ringkas
- “produk ini untuk apa”
- “siapa yang cocok menggunakan”
- “perbedaan antar produk”
- tabel perbandingan bila relevan

## 13. GEO
Wajib:
- citation-friendly specs
- E-E-A-T
- trust signals
- company facts
- original value
- how to choose product guidance
- named entity consistency

## 14. Open Graph & Social Meta
## 15. Favicon System
## 16. Analytics & Tracking
## 17. Template Konten Per Halaman
Minimal untuk:
- homepage
- kategori
- subkategori
- detail produk
- tentang
- kontak
- FAQ
- artikel/blog
- download katalog

## 18. Katalog Halaman
## 19. Persyaratan Non-Fungsional
## 20. Deployment & Maintenance
## 21. Checklist Launch
## 22. Acceptance Criteria Global
## 23. Risiko & Antisipasi
## 24. Prioritas Eksekusi 30 Hari Pertama

---

# 🔒 BUILD GUARDRAILS WAJIB

## A. Guardrails Katalog
- kategori harus jelas
- produk harus mudah dipindai
- CTA inquiry harus mudah ditemukan
- spesifikasi produk harus ringkas namun informatif
- produk mirip harus dibedakan dengan jelas

## B. Guardrails Performa
- listing produk tidak boleh berat
- gambar katalog harus sangat teroptimasi
- lazy load wajib untuk elemen non-kritis
- hindari filter JS berat bila bisa pakai struktur statis
- jangan pakai slider galeri berat

## C. Guardrails SEO
- kategori dan detail produk harus punya intent berbeda
- hindari duplicate product descriptions
- gunakan keyword mapping yang disiplin
- internal linking harus kuat

## D. Guardrails AEO/GEO
- setiap halaman produk harus mudah dipahami AI dan user
- spesifikasi penting harus terstruktur
- FAQ harus relevan
- informasi supplier/toko harus jelas

---

# ⚠️ INSTRUKSI PENTING UNTUK AI

1. Fokus pada website toko katalog, bukan e-commerce penuh.
2. Semua rekomendasi harus cocok untuk Bootstrap HTML static.
3. Prioritaskan navigasi katalog, inquiry, performa, dan SEO.
4. Sertakan contoh implementasi siap pakai.
5. Sertakan schema, OG, favicon, robots, sitemap, dan GA4.
6. Output harus sangat detail dan siap dipakai build.

Mulai buat PRD sekarang.

---SELESAI PROMPT---

# 🧠 MASTER PROMPT — PRD Generator Website yang Build-Ready, SEO-Ready, AI-Ready, dan Performance-First

> Salin prompt di bawah ini ke AI manapun.
> Isi bagian [KURUNG KOTAK] dengan informasi project Anda.
> Prompt ini dirancang agar output PRD tidak hanya lengkap, tetapi juga memaksa implementasi website mengikuti standar performa, SEO modern, AEO/GEO, Open Graph, dan favicon system.

---

## ✅ CARA PAKAI

1. Copy seluruh prompt ini
2. Paste ke AI favorit Anda
3. Ganti semua teks di dalam [kurung kotak] dengan info project
4. Hapus bagian yang tidak relevan
5. Kirim
6. AI harus menghasilkan PRD yang siap dijadikan acuan build website, bukan hanya dokumen strategi

---

---MULAI PROMPT---

Anda adalah seorang **Senior Product Manager, Technical SEO Strategist, Web Performance Architect, dan AI Search Optimization Specialist**.

Tugas Anda adalah membuat **Product Requirements Document (PRD) yang sangat lengkap, detail, implementatif, dan build-ready** dalam **Bahasa Indonesia** untuk project website berikut.

PRD yang Anda buat **harus dapat langsung dipakai oleh tim**:
- Product / Project Manager
- UI/UX Designer
- Web Developer / Frontend Engineer / Backend Engineer
- SEO Specialist
- Content Writer / Copywriter
- QA / Tester
- Tim deployment

PRD ini **bukan template generik**. Semua bagian harus spesifik untuk bisnis/website yang dijelaskan.  
PRD ini juga **harus memaksa hasil build website** agar:
1. Mengikuti struktur dan prioritas bisnis di PRD
2. Mengutamakan **PageSpeed tinggi dan GTmetrix grade A**
3. Mengikuti **SEO modern yang relevan untuk 2025–2026**
4. Mengoptimalkan **AEO (Answer Engine Optimization)** dan **GEO (Generative Engine Optimization)**
5. Memiliki **Open Graph lengkap**
6. Memiliki **favicon system lengkap**
7. Siap dipakai sebagai acuan produksi, QA, dan launch checklist

---

# 📋 INFORMASI PROJECT

**Nama Project / Website:** [ISI]
**Jenis Website:** [Company Profile / E-commerce / Landing Page / Portal Berita / Direktori / Blog / Portofolio / SaaS / dll]
**Industri / Niche:** [ISI]
**Lokasi Bisnis / Target Pasar:** [ISI]
**Tagline (jika ada):** [ISI]

---

# 🎯 TUJUAN & TARGET

**Tujuan Utama Website:**
- [Tujuan 1]
- [Tujuan 2]
- [Tujuan 3]

**Target Klien / Pengguna Utama:**  
[ISI]

**Metode Kontak Utama:**  
[WhatsApp / Telepon / Email / Form / Marketplace / dll]

**Target Konversi Utama:**  
[Lead / Penjualan / Pendaftaran / Booking / Demo Request / Download / dll]

---

# 🛍️ PRODUK / LAYANAN / KONTEN

**Daftar Produk/Layanan/Paket/Kategori Konten yang akan ditampilkan:**
1. [Item 1]
2. [Item 2]
3. [Item 3]

**Jumlah Halaman Detail yang Dibutuhkan:** [ISI]  
**Strategi Harga:** [Tampil langsung / Hubungi admin / Estimasi harga / Variatif / Tiered pricing]

---

# 🎨 DESAIN & TEKNIS

**Warna Tema Utama:** [ISI]  
**Mobile Friendly:** [Ya / Tidak]  
**Tech Stack yang Diinginkan:** [Bootstrap HTML static / WordPress / Next.js / Astro / React / Laravel / dll]  
**Hosting & Deployment:** [GitHub Pages / Netlify / Vercel / VPS / Shared Hosting / Cloudflare / dll]  
**Kebutuhan Khusus Desain:** [Minimalis / Premium / Elegan / Corporate / Dark Mode / Clean / High conversion / dll]

---

# 📊 ANALYTICS & TRACKING

**Alat Analitik:** [GA4 / Search Console / Meta Pixel / Hotjar / Clarity / dll]

---

# 🔍 SEO & VISIBILITAS DIGITAL

**Kata Kunci Utama yang Ingin Dibidik:**
- [Kata kunci 1]
- [Kata kunci 2]
- [Kata kunci 3]

**Strategi SEO yang Diinginkan:**  
[SEO lokal / SEO nasional / SEO internasional / content hub / topical authority / dll]

---

# 📌 INFORMASI TAMBAHAN

**Kompetitor yang Jadi Referensi:** [ISI]  
**Integrasi yang Dibutuhkan:** [ISI]  
**Fitur Khusus:** [ISI]  
**Anggaran Estimasi:** [ISI]  
**Timeline Target:** [ISI]

---

# ⚠️ TUJUAN OUTPUT YANG WAJIB DIPENUHI

PRD yang Anda hasilkan **harus menjadi dokumen eksekusi**, bukan hanya dokumen ide.

Setiap rekomendasi wajib:
- spesifik
- actionable
- bisa diuji
- bisa dijadikan checklist build
- bisa dijadikan acceptance criteria
- relevan dengan jenis website
- mempertimbangkan performa, SEO, AEO/GEO, dan konversi secara bersamaan

Jika ada data yang belum tersedia, gunakan placeholder yang jelas:
- `[NAMA BRAND]`
- `[DOMAIN]`
- `[NOMOR WA]`
- `[EMAIL]`
- `[ALAMAT]`
- `[LOGO URL]`
- `[OG IMAGE URL]`
- `[GA4 ID]`
- `[FACEBOOK APP ID]`
- `[LATITUDE]`
- `[LONGITUDE]`

---

# 📄 FORMAT PRD YANG WAJIB DIBUAT

Gunakan format **Markdown (.md)** yang rapi, jelas, dan profesional.  
Gunakan:
- Heading bertingkat (`#`, `##`, `###`)
- Tabel
- Checklist
- Bullet list
- Code block
- Tree diagram teks
- Acceptance criteria
- Risk / dependency / assumption jika relevan

**Jangan buat singkat. Jangan generik. Jangan normatif tanpa implementasi.**

---

# ✅ BAGIAN WAJIB DALAM PRD

## 1. Ringkasan Eksekutif
- Gambaran singkat project
- Tujuan bisnis
- Value proposition
- Ringkasan target user
- Ringkasan objective performa, SEO, dan konversi

## 2. Tujuan Bisnis & KPI
Buat tabel berisi:
- Tujuan bisnis
- KPI utama
- KPI sekunder
- Cara ukur
- Tools ukur
- Target 3 bulan / 6 bulan / 12 bulan

## 3. Target Pengguna (User Persona)
Minimal 3 persona lengkap:
- Nama persona
- Demografi singkat
- Tujuan
- Pain point
- Trigger pembelian / konversi
- Perangkat dominan
- Search intent dominan
- Keberatan utama
- CTA yang paling cocok

## 4. Deskripsi Produk & Identitas
- Identitas website
- Posisi brand
- Unique selling proposition
- Jenis arsitektur website
- Stack deployment
- Model maintenance
- Content ownership
- Kelebihan kompetitif

## 5. Struktur & Arsitektur Website
Buat sitemap lengkap dalam tree diagram teks.
Wajib mencantumkan:
- halaman utama
- kategori
- detail halaman
- halaman SEO support
- halaman legal
- halaman utilitas teknis

Untuk tiap halaman, jelaskan:
- tujuan halaman
- target keyword
- intent
- CTA utama
- CTA sekunder
- komponen wajib
- schema yang dipasang
- prioritas performa

## 6. Spesifikasi Fungsional
Jelaskan detail semua fitur:
- navbar
- hero section
- CTA
- formulir
- tombol WhatsApp
- testimoni
- FAQ
- search
- filter
- galeri
- maps
- contact section
- tracking event
- breadcrumb
- internal linking
- pagination
- sticky CTA
- trust signals
- lead form logic

Setiap fitur wajib punya:
- tujuan
- perilaku sistem
- kondisi tampil
- state
- validasi
- acceptance criteria

## 7. Spesifikasi Teknis
Wajib mencakup:
- tech stack final
- struktur folder repository
- naming convention file
- asset convention
- CSS strategy
- JS strategy
- image folder convention
- schema injection strategy
- deployment pipeline
- environment config
- cache strategy
- CDN strategy
- Cloudflare recommendation
- security baseline
- backup baseline

Jika stack adalah Bootstrap HTML static, jelaskan struktur folder ideal misalnya:
- `/`
- `/assets/css/`
- `/assets/js/`
- `/assets/img/`
- `/assets/icons/`
- `/assets/favicons/`
- `/includes/`
- `/data/`
- `/schema/`
- `/pages/`
- `/blog/`

## 8. Desain & UI/UX
Wajib detail:
- design direction
- mood
- warna primer, sekunder, netral
- typographic scale
- spacing scale
- border radius
- elevation/shadow
- iconography
- component states
- mobile-first layout
- desktop enhancement
- accessibility baseline
- minimum contrast principle
- button hierarchy
- card system
- form design
- trust section style
- FAQ style
- content readability standard

Tambahkan aturan:
- Hindari layout shift
- Hindari decorative asset berat di above-the-fold
- Setiap komponen harus mempertimbangkan performa dan SEO rendering

## 9. PageSpeed, GTmetrix & Core Web Vitals Optimization ← WAJIB SANGAT DETAIL
Bagian ini harus sangat teknis dan implementatif.

### Wajib mencakup:
1. Target metrik:
   - PageSpeed Mobile target: minimum 90
   - PageSpeed Desktop target: minimum 95
   - GTmetrix target: Grade A
   - LCP target: <= 2.5s
   - INP target: <= 200ms
   - CLS target: <= 0.1
   - FCP target: <= 1.8s
   - TTFB target: <= 800ms ideal

2. Performance rules:
   - Prioritaskan render cepat untuk above-the-fold
   - Kurangi render-blocking resources
   - Minimalisir unused CSS dan unused JS
   - Hindari library berat yang tidak diperlukan
   - Batasi third-party scripts
   - Batasi jumlah font family dan weight
   - Semua gambar harus modern format jika memungkinkan
   - Semua gambar wajib width dan height
   - Lazy-load untuk non-critical images
   - Hero image harus dioptimalkan khusus
   - Semua ikon harus efisien
   - Hindari slider berat jika tidak benar-benar dibutuhkan
   - Hindari video autoplay di hero kecuali sangat penting

3. Strategi gambar:
   - Format prioritas: AVIF → WebP → fallback JPEG/PNG
   - Tetapkan guideline ukuran file ideal per jenis elemen
   - `srcset` dan `sizes`
   - lazy load
   - decoding async
   - fetchpriority untuk hero image
   - fallback untuk browser tertentu
   - naming SEO-friendly

4. Strategi CSS:
   - critical CSS inline untuk above-the-fold
   - sisanya dimuat secara efisien
   - minify
   - purge CSS jika stack memungkinkan
   - jangan load komponen bootstrap yang tidak dipakai bila custom build memungkinkan

5. Strategi JS:
   - `defer` untuk script non-kritis
   - `async` hanya untuk third-party tertentu yang aman
   - minimalkan dependency
   - hindari long task
   - pecah script per halaman bila relevan
   - evaluasi kebutuhan Bootstrap JS per komponen

6. Strategi font:
   - utamakan system font stack jika cocok
   - jika custom font dipakai, batasi weight
   - preload font kritikal
   - `font-display: swap`
   - fallback stack harus jelas

7. Resource hints:
   - preload
   - preconnect
   - dns-prefetch
   - prefetch bila relevan
   - kapan boleh dipakai dan kapan tidak

8. Server/CDN:
   - Brotli/Gzip
   - cache-control
   - immutable assets
   - CDN + Cloudflare recommendation
   - image caching
   - HTML caching approach
   - edge delivery notes

9. Acceptance criteria performa:
   - daftar checklist teknis yang bisa diuji oleh QA

10. Debug workflow:
   - langkah audit menggunakan PageSpeed Insights, Lighthouse, GTmetrix, Chrome DevTools, WebPageTest

11. Contoh kode implementasi siap pakai:
   - preload hero image
   - responsive image
   - lazy image
   - critical CSS
   - defer script
   - font preload
   - caching headers example
   - Cloudflare guideline

## 10. SEO Modern (2025–2026) ← WAJIB SANGAT DETAIL
SEO harus mengikuti praktik modern yang berorientasi pada:
- helpful, reliable, people-first content
- crawlability
- indexability
- structured content
- title dan snippet yang kuat
- intent match
- semantic topical coverage
- internal linking
- E-E-A-T yang bisa dibuktikan

### Wajib mencakup:
1. SEO strategy overview
2. Keyword mapping per halaman
3. Search intent mapping
4. Primary keyword + secondary + long-tail
5. Title tag framework per halaman
6. Meta description framework
7. Heading structure rules
8. Canonical strategy
9. URL slug strategy
10. Internal linking rules
11. Image SEO
12. Alt text rules
13. Breadcrumb strategy
14. Entity-based SEO
15. Topical authority structure
16. Content freshness policy
17. Technical SEO baseline
18. Indexation control rules
19. Pagination / faceted SEO rules jika relevan
20. Local SEO rules jika bisnis lokal
21. Multi-location SEO jika relevan
22. Multi-language SEO jika relevan
23. Template `sitemap.xml` siap pakai
24. Template `robots.txt` siap pakai
25. Daftar title tag contoh untuk semua halaman utama
26. Daftar meta description contoh untuk semua halaman utama
27. On-page SEO checklist
28. Technical SEO checklist
29. Launch SEO checklist
30. Post-launch monitoring checklist

Jelaskan juga apa yang harus dihindari:
- thin content
- duplicate content
- doorway-style pages
- over-optimization
- keyword stuffing
- hidden content yang manipulatif
- halaman lokal yang terlalu mirip tanpa value unik
- konten yang dibuat hanya untuk mesin pencari

## 11. Schema Markup / Structured Data ← WAJIB SANGAT DETAIL
Buat schema yang benar-benar relevan dengan jenis website.

Wajib mencakup:
- schema utama website
- Organization / LocalBusiness / WebSite / WebPage
- BreadcrumbList
- FAQPage
- Product / Service / Article / BlogPosting / CollectionPage / ItemList / Review / AggregateRating / ContactPage / AboutPage sesuai relevansi
- tabel halaman → schema yang dipasang
- placement notes
- validasi notes

Wajib sertakan kode JSON-LD siap pakai, lengkap, rapi, dan realistis.

Minimal harus ada:
1. Website / Organization schema
2. Homepage schema
3. BreadcrumbList schema
4. FAQPage schema dengan minimal 5 Q&A
5. Schema utama yang sesuai tipe website
6. Review / AggregateRating bila relevan dan etis
7. Contact / LocalBusiness schema bila bisnis lokal

## 12. AEO — Answer Engine Optimization ← WAJIB SANGAT DETAIL
Buat strategi agar konten mudah:
- dijadikan featured snippet
- dipahami model AI
- dipakai sebagai jawaban ringkas
- muncul di AI Overview bila relevan

Wajib mencakup:
1. Prinsip penulisan jawaban singkat
2. Pola Q&A
3. Definitional content
4. Comparison blocks
5. Step-by-step content
6. Key facts box
7. Summary box
8. Tabel ringkasan
9. Konten “langsung menjawab”
10. FAQ wajib per halaman layanan/produk minimal 8 pertanyaan
11. Struktur heading yang memudahkan ekstraksi jawaban
12. Contoh section AEO-ready yang siap dipakai
13. Format paragraf ideal
14. Kapan pakai list, kapan pakai tabel
15. Strategi menghindari jawaban terlalu generik

Setiap FAQ harus:
- spesifik
- relevan dengan search intent
- natural
- tidak keyword stuffing
- membantu user mengambil keputusan

## 13. GEO — Generative Engine Optimization ← WAJIB SANGAT DETAIL
Buat strategi agar website lebih mudah dikutip / dirujuk oleh:
- AI Overview
- ChatGPT
- Gemini
- Perplexity
- Copilot
- sistem generatif lain

Wajib mencakup:
1. Definisi GEO dalam konteks website ini
2. Cara implementasi E-E-A-T secara konkret
3. Bukti pengalaman / keahlian / otoritas / trust
4. Author / reviewer policy
5. About page requirement
6. Contact transparency
7. Citation-friendly writing format
8. Structured facts
9. Named entity consistency
10. First-party data signals
11. Original insight policy
12. Sumber referensi internal dan eksternal
13. Editorial standard
14. Update cadence
15. AI-friendly content framing
16. Perbedaan konten yang mudah dikutip AI vs sulit dikutip AI
17. robots.txt AI access policy
18. Google-Extended / GPTBot / ClaudeBot / PerplexityBot notes
19. Brand knowledge page recommendation
20. FAQ + glossary + comparison content recommendation

Tambahkan bagian:
- “Konten yang paling berpotensi dikutip AI”
- “Konten yang wajib dibuat untuk mendukung GEO”
- “Sinyal kredibilitas yang wajib tampil di website”

## 14. Open Graph & Social Meta Tags ← WAJIB SANGAT DETAIL
Wajib mencakup:
1. Strategi preview sosial per tipe halaman
2. Standar og:title
3. Standar og:description
4. Standar og:url
5. Standar og:type
6. Standar og:image
7. Dimensi OG image yang direkomendasikan
8. Format file OG image
9. Safe area copy
10. OG image template strategy
11. Perbedaan OG homepage, category, detail page
12. Twitter/X card tags
13. WhatsApp share behavior notes
14. LinkedIn / Telegram compatibility notes
15. Theme color meta
16. App / browser meta yang relevan
17. Geographic meta bila lokal
18. Template tag HTML lengkap siap pakai
19. Daftar file OG image yang perlu dibuat
20. Checklist validasi OG

Wajib berikan:
- template umum
- template homepage
- template halaman layanan
- template halaman produk
- template artikel/blog
- template halaman lokal jika ada

## 15. Favicon System ← WAJIB SANGAT DETAIL
Wajib mencakup:
1. Daftar semua favicon yang perlu dibuat
2. Ukuran file
3. Format file
4. Apple touch icon
5. Android icon
6. Windows tile/browserconfig
7. Safari pinned tab bila relevan
8. `site.webmanifest`
9. `browserconfig.xml`
10. HTML favicon tags lengkap
11. struktur folder favicon
12. naming convention favicon
13. panduan desain favicon
14. guideline agar favicon tetap jelas di ukuran kecil
15. checklist pengujian favicon lintas perangkat dan browser

Wajib sertakan:
- contoh file manifest
- contoh browserconfig
- contoh HTML tags lengkap siap pakai

## 16. Analytics & Tracking
Wajib detail:
- GA4 setup
- Search Console setup
- event tracking map
- form submit tracking
- click WhatsApp tracking
- tel click tracking
- email click tracking
- scroll depth
- CTA click
- outbound link
- file download
- thank you page tracking bila ada
- consent notes bila relevan
- contoh code GA4 dasar

## 17. Katalog Produk/Layanan/Konten
Buat tabel lengkap:
- nama halaman
- slug / file name
- tipe halaman
- target keyword
- intent
- CTA
- schema
- OG image
- priority
- status konten

## 18. Template Konten Per Halaman
Buat template struktur untuk:
- homepage
- about
- contact
- layanan
- produk
- kategori
- artikel/blog
- FAQ hub
- halaman lokal

Setiap template harus mencantumkan:
- urutan section
- heading structure
- elemen trust
- elemen SEO
- elemen AEO
- elemen GEO
- komponen schema
- komponen OG
- CTA placement

## 19. Persyaratan Non-Fungsional
Buat tabel target:
- performa
- keamanan
- aksesibilitas
- uptime
- SSL
- browser support
- mobile responsiveness
- SEO readiness
- maintainability
- scalability
- observability
- analytics readiness

## 20. Milestone & Timeline
Buat tabel fase:
- discovery
- PRD finalization
- design
- content production
- development
- QA
- SEO implementation
- schema validation
- performance optimization
- deployment
- post-launch monitoring

## 21. Checklist Launch ← WAJIB SANGAT DETAIL
Buat checklist terpisah:
- [ ] Konten
- [ ] UI/UX
- [ ] Teknis
- [ ] Form & tracking
- [ ] SEO on-page
- [ ] Technical SEO
- [ ] Schema
- [ ] AEO
- [ ] GEO
- [ ] Open Graph
- [ ] Favicon
- [ ] Performance
- [ ] Core Web Vitals
- [ ] Mobile QA
- [ ] Browser QA
- [ ] Security
- [ ] Deployment
- [ ] Monitoring
- [ ] Post-launch

Checklist harus rinci dan bisa dijalankan tim QA satu per satu.

## 22. Referensi & Tools
Buat tabel:
- nama tools
- fungsi
- kapan dipakai
- output yang diharapkan

Masukkan tools seperti:
- Google Search Console
- Google Analytics 4
- PageSpeed Insights
- Lighthouse
- GTmetrix
- Chrome DevTools
- Rich Results Test
- Schema Markup Validator
- Open Graph debugger tools
- favicon generator tools
- image optimizer tools
- crawl tools
- rank tracking tools jika relevan

---

# 🔒 BUILD GUARDRAILS YANG WAJIB DIIKUTI DALAM PRD

PRD yang Anda hasilkan harus menyertakan **aturan build wajib** berikut, disesuaikan dengan stack yang dipilih:

## A. Guardrails Performa
- Semua halaman harus mobile-first
- Above-the-fold harus diprioritaskan
- Hero section tidak boleh berat
- Asset harus diminify
- Hindari library tidak penting
- Batasi third-party scripts
- Gambar harus modern format dan responsif
- Font harus efisien
- Tidak boleh ada layout shift besar
- Tidak boleh ada elemen dinamis yang mengganggu render awal
- CTA utama harus tetap cepat muncul

## B. Guardrails SEO
- Setiap halaman harus punya 1 intent utama
- 1 halaman = 1 primary keyword cluster
- Heading harus hierarkis
- URL harus bersih
- Canonical harus jelas
- Internal link harus strategis
- Metadata sosial dan SEO harus sinkron
- Gambar penting harus punya alt text yang baik
- Halaman tipis harus dihindari atau digabung

## C. Guardrails AEO/GEO
- Setiap halaman uang/layanan/produk harus punya blok jawaban cepat
- Setiap halaman inti harus punya FAQ relevan
- Harus ada bukti trust
- Harus ada identitas entitas yang jelas
- Harus ada struktur informasi yang mudah diambil AI
- Klaim penting harus mudah diverifikasi
- Halaman utama harus punya section ringkasan fakta

## D. Guardrails Open Graph & Favicon
- Semua halaman penting harus punya metadata share
- Halaman utama dan detail harus punya OG image masing-masing atau sistem template yang jelas
- Favicon tidak boleh hanya 1 file `.ico`; harus ada sistem lengkap lintas perangkat

---

# 🧪 ACCEPTANCE CRITERIA WAJIB DI AKHIR SETIAP BAGIAN KRITIS

Untuk bagian berikut:
- Struktur website
- Fitur
- Teknis
- Performa
- SEO
- Schema
- AEO
- GEO
- Open Graph
- Favicon
- Tracking
- Launch

Tambahkan **Acceptance Criteria** berupa checklist yang dapat diuji.

Contoh:
- [ ] Semua halaman utama memiliki title tag unik
- [ ] Semua halaman detail memiliki schema yang sesuai
- [ ] Hero image menggunakan preload + modern format
- [ ] Semua gambar non-kritis lazy-load
- [ ] Favicon tampil benar di browser desktop, mobile, dan bookmark
- [ ] Metadata OG homepage tervalidasi
- [ ] FAQ layanan minimal 8 pertanyaan tersedia
- [ ] CTA WhatsApp terlacak di GA4
- [ ] robots.txt dan sitemap.xml sudah sesuai lingkungan production

---

# ⚠️ INSTRUKSI PENTING UNTUK AI

1. **Jangan membuat PRD yang singkat, generik, atau normatif.**
2. **Semua bagian harus spesifik sesuai jenis website dan industri.**
3. **Sertakan kode siap pakai**, bukan pseudo-code.
4. **Semua rekomendasi harus mempertimbangkan implementasi nyata.**
5. **Fokuskan PRD agar hasil build mengejar performa tinggi dan GTmetrix A.**
6. **SEO harus modern dan people-first, bukan sekadar keyword stuffing.**
7. **AEO dan GEO harus dibuat konkret, bukan definisi umum.**
8. **Open Graph harus lengkap per tipe halaman.**
9. **Favicon harus lengkap lintas device/platform.**
10. **Jika stack yang dipilih adalah Bootstrap HTML static**, berikan rekomendasi yang cocok untuk stack tersebut, termasuk struktur folder, include strategy, asset optimization, dan deployment static hosting.
11. **Jika ada informasi kurang**, gunakan placeholder yang jelas.
12. **Output wajib sangat komprehensif**. Target minimal 5.000 kata bila konteks project memungkinkan.
13. **Jangan melewati satu pun dari 22 bagian.**
14. **Di akhir PRD, tambahkan ringkasan prioritas eksekusi 30 hari pertama.**
15. **Di akhir PRD, tambahkan daftar “Risiko yang dapat menggagalkan target PageSpeed / GTmetrix A / SEO”.**

Mulai buat PRD sekarang. Strukturkan dengan sangat rapi, sangat detail, dan langsung siap dipakai tim eksekusi.

---SELESAI PROMPT---

# MASTER PROMPT — SEO Strategy & Keyword Research untuk Website

Anda adalah seorang **Senior SEO Strategist, Keyword Research Specialist, Search Intent Analyst, Topical Authority Planner, dan AI Search Optimization Specialist**.

Tugas Anda adalah membuat **dokumen SEO Strategy dan Keyword Research yang sangat lengkap, sangat detail, dan implementatif** dalam **Bahasa Indonesia** untuk website yang sudah memiliki PRD.

Output ini harus bisa langsung dipakai oleh:
- owner / stakeholder
- SEO strategist
- content planner
- copywriter
- editor
- web developer
- QA SEO

Dokumen ini bukan teori umum. Semua rekomendasi harus:
1. spesifik terhadap bisnis
2. relevan dengan search intent
3. bisa dijadikan acuan pembuatan halaman dan artikel
4. mendukung SEO tradisional + AI Overview + LLM visibility
5. realistis untuk diimplementasikan

---

## INPUT PROJECT

**Nama Brand / Website:** [ISI]  
**Jenis Website:** [ISI]  
**Industri / Niche:** [ISI]  
**Lokasi / Target Market:** [ISI]  
**Produk / Layanan Utama:** [ISI]  
**Target Audience:** [ISI]  
**Tujuan Website:** [Lead generation / awareness / booking / penjualan / dll]  
**Bahasa Konten:** [Indonesia / Inggris / bilingual]  
**Metode Konversi Utama:** [WA / form / telepon / checkout / dll]  
**Halaman Utama yang Akan Dibuat:** [ISI]  
**Kompetitor Referensi:** [ISI]  
**Kata Kunci Awal yang Sudah Diketahui:** [ISI]

---

## MODE KERJA WAJIB

Sebelum membuat strategi final, lakukan urutan berikut:

### Langkah 1 — Audit Input SEO
Buat tabel:
- data tersedia
- data belum tersedia
- asumsi kerja
- risiko bila data kosong

### Langkah 2 — Rumuskan Search Landscape
Analisis:
- bagaimana user mencari layanan/produk ini
- intent dominan
- kata kunci komersial vs informasional
- kata kunci brand vs non-brand
- kata kunci lokal vs nasional
- peluang konten AI Overview / featured snippet / FAQ / glossary / comparison

### Langkah 3 — Susun Strategi & Keyword Framework
Setelah audit dan analisis landscape, baru buat strategi lengkap.

---

## OUTPUT WAJIB

Buat output dalam format Markdown yang rapi dan profesional.

Gunakan:
- heading bertingkat
- tabel
- bullet list
- checklist
- cluster map
- keyword grouping
- acceptance criteria

---

## BAGIAN WAJIB

### 1. Audit Input SEO
### 2. Asumsi Kerja SEO
### 3. Ringkasan Strategi SEO
Jelaskan:
- tujuan SEO
- model pertumbuhan organic
- prioritas money pages vs support content
- prioritas quick wins vs long-term authority

### 4. Search Intent Analysis
Kelompokkan keyword berdasarkan:
- navigational
- informational
- commercial investigation
- transactional
- local intent
- branded intent
- problem-aware intent
- solution-aware intent

### 5. Keyword Clustering
Buat cluster keyword:
- primary keyword
- secondary keyword
- long-tail keyword
- semantic support keyword
- entity / related terms
- question-based keyword

### 6. Keyword Research Table
Buat tabel dengan kolom:
- keyword
- intent
- funnel stage
- page type yang cocok
- prioritas
- tingkat kompetisi (estimasi)
- nilai bisnis
- peluang AI Overview
- peluang featured snippet
- catatan

### 7. Keyword Mapping ke Halaman
Petakan keyword ke:
- homepage
- about
- contact
- service pages
- product pages
- location pages
- blog articles
- FAQ hub
- comparison pages
- glossary pages

### 8. Topical Authority Plan
Buat cluster konten berdasarkan:
- money pages
- support pages
- educational content
- FAQ content
- comparison content
- trust content
- local content bila relevan

### 9. Content Gap & Opportunity
Jelaskan:
- keyword yang cocok untuk halaman utama
- keyword yang lebih cocok jadi artikel
- keyword yang cocok jadi FAQ
- keyword yang cocok jadi comparison page
- keyword yang cocok jadi glossary / definitional content

### 10. Internal Linking Strategy
Jelaskan:
- hub page
- spoke pages
- artikel pendukung
- anchor text direction
- link dari artikel ke money page
- link antar cluster
- breadcrumb logic

### 11. SEO Rules per Halaman
Buat aturan:
- 1 halaman = 1 intent utama
- 1 halaman = 1 cluster keyword utama
- title tag
- meta description
- heading hierarchy
- canonical
- slug
- alt text
- schema relevance

### 12. AI Overview / AEO / GEO Opportunity
Identifikasi peluang keyword dan format konten yang cocok untuk:
- featured snippet
- people also ask style
- AI Overview
- answer engine
- LLM citation-friendly content

### 13. Prioritas Eksekusi
Bagi menjadi:
- prioritas 30 hari
- prioritas 60 hari
- prioritas 90 hari

### 14. Acceptance Criteria
Checklist yang bisa diuji, misalnya:
- [ ] Semua money pages punya keyword cluster utama
- [ ] Semua keyword informasional dipetakan ke format konten yang tepat
- [ ] Ada minimal 3 cluster topical authority
- [ ] Ada strategi internal linking yang jelas
- [ ] Ada peluang AI Overview yang diidentifikasi
- [ ] Keyword tidak tumpang tindih antar halaman utama

---

## ATURAN KUALITAS OUTPUT

1. Jangan generik.
2. Jangan hanya daftar keyword mentah.
3. Semua keyword harus dikelompokkan berdasarkan intent dan business value.
4. Harus ada pembedaan jelas antara keyword untuk money page dan keyword untuk artikel.
5. Harus mempertimbangkan SEO klasik + AI Overview + LLM visibility.
6. Gunakan Bahasa Indonesia profesional dan implementatif.

Mulai sekarang, lakukan **Audit Input SEO → Analisis Search Landscape → Strategi SEO & Keyword Research Final**.

# 🧠 MASTER PROMPT — PRD Generator untuk Project Website

> Salin prompt di bawah ini ke AI manapun (ChatGPT, Claude, Gemini, Copilot, dll).
> Isi bagian [KURUNG KOTAK] dengan info project Anda, lalu kirim.

---

## ✅ CARA PAKAI

1. Copy seluruh prompt di bawah (mulai dari garis "---MULAI PROMPT---")
2. Paste ke AI favorit Anda
3. Ganti semua teks di dalam [kurung kotak] dengan info project Anda
4. Hapus bagian yang tidak relevan
5. Kirim → AI akan menghasilkan PRD lengkap

---
---MULAI PROMPT---

Anda adalah seorang Senior Product Manager & Web Strategist berpengalaman. Buatkan sebuah **Product Requirements Document (PRD) yang sangat lengkap dan detail** dalam Bahasa Indonesia untuk project website berikut.

---

## 📋 INFORMASI PROJECT

**Nama Project / Website:** [Contoh: Website Toko Kopi Nusantara]
**Jenis Website:** [Contoh: Company Profile / E-commerce / Landing Page / Portal Berita / Direktori / Blog / Portofolio / SaaS / dll]
**Industri / Niche:** [Contoh: F&B / Properti / Pendidikan / Kesehatan / Teknologi / Pariwisata / dll]
**Lokasi Bisnis / Target Pasar:** [Contoh: Jakarta / Seluruh Indonesia / Asia Tenggara / Global]
**Tagline (jika ada):** [Contoh: "Kopi Terbaik dari Seluruh Nusantara"]

---

## 🎯 TUJUAN & TARGET

**Tujuan Utama Website:**
- [Tujuan 1: contoh: Mendapatkan leads/calon pembeli]
- [Tujuan 2: contoh: Memperkenalkan brand ke pasar]
- [Tujuan 3: contoh: Menjual produk secara online]

**Target Klien / Pengguna Utama:**
[Contoh: Perusahaan korporat, UMKM, Ibu rumah tangga 25-45 tahun, Pelajar SMA, dll]

**Metode Kontak Utama:**
[Contoh: WhatsApp, Telepon, Email, Form Online, Marketplace, dll]

---

## 🛍️ PRODUK / LAYANAN / KONTEN

**Daftar Produk/Layanan/Paket yang akan ditampilkan:**
1. [Produk/Layanan 1]
2. [Produk/Layanan 2]
3. [Produk/Layanan 3]
(tambahkan sesuai kebutuhan)

**Jumlah Halaman Detail yang Dibutuhkan:** [Contoh: 5 halaman produk / 10 halaman layanan]

**Strategi Harga:**
[Pilih salah satu: Tampil harga langsung / Hubungi admin / Estimasi harga / Harga bervariasi per request / Free & Premium tier]

---

## 🎨 DESAIN & TEKNIS

**Warna Tema Utama:** [Contoh: Biru Navy / Hijau Emerald / Maroon / Oranye / dll]
**Mobile Friendly:** [Ya / Tidak]
**Tech Stack yang Diinginkan:** [Contoh: Bootstrap HTML static / WordPress / Next.js / React / dll]
**Hosting & Deployment:** [Contoh: GitHub Pages + Cloudflare / VPS / Shared Hosting cPanel / Vercel / Netlify / dll]
**Kebutuhan Khusus Desain:** [Contoh: Dark mode, Animasi, Premium look, Minimalis, dll]

---

## 📊 ANALYTICS & TRACKING

**Alat Analitik:** [Contoh: Google Analytics 4 / Google Search Console / Hotjar / Meta Pixel / dll]

---

## 🔍 SEO & VISIBILITAS DIGITAL

**Kata Kunci Utama yang Ingin Dibidik:**
- [Kata kunci 1]
- [Kata kunci 2]
- [Kata kunci 3]

**Strategi SEO yang Diinginkan:**
[Contoh: SEO Lokal / SEO Nasional / SEO Internasional / Blog content / dll]

---

## 📌 INFORMASI TAMBAHAN (Opsional)

**Kompetitor yang Jadi Referensi:** [URL atau nama website kompetitor]
**Integrasi yang Dibutuhkan:** [Contoh: WhatsApp API, Google Maps, Payment Gateway, CRM, dll]
**Fitur Khusus:** [Contoh: Booking online, Live chat, Kalkulator, Multi-bahasa, dll]
**Anggaran Estimasi:** [Opsional: Gratis / < 1 juta / 1-5 juta / > 5 juta per bulan]
**Timeline Target:** [Contoh: 2 minggu, 1 bulan, 3 bulan]

---

## 📄 FORMAT PRD YANG HARUS DIBUAT

Buat PRD dalam format Markdown (.md) yang sangat lengkap dan mencakup semua bagian berikut. **Jangan ada bagian yang dilewati atau dibuat singkat.** Setiap bagian harus detail, spesifik, dan actionable.

### Bagian yang WAJIB ada dalam PRD:

**1. Ringkasan Eksekutif**
Gambaran singkat project, tujuan bisnis, dan value proposition.

**2. Tujuan Bisnis & KPI**
Tabel tujuan bisnis dengan indikator keberhasilan yang terukur.

**3. Target Pengguna (User Persona)**
Minimal 3 persona lengkap dengan deskripsi, kebutuhan, dan pain point.

**4. Deskripsi Produk & Identitas**
Identitas website, deployment stack, dan keunggulan teknis.

**5. Struktur & Arsitektur Website**
Sitemap lengkap dalam format tree diagram teks, deskripsi tiap halaman.

**6. Spesifikasi Fungsional**
Semua fitur dan fungsi website secara detail (CTA, kontak, form, dll).

**7. Spesifikasi Teknis**
Tech stack lengkap, struktur folder repository, konfigurasi hosting/CDN.

**8. Desain & UI/UX**
Design system (warna, font, spacing), mobile-first requirements, komponen UI.

**9. PageSpeed & Core Web Vitals Optimization** ← WAJIB DETAIL
Spesifikasi lengkap optimasi performa:
- Target skor PageSpeed (Mobile & Desktop)
- Target LCP, INP, CLS, FCP, TTFB
- Teknik optimasi gambar (format, ukuran, lazy load, srcset)
- Critical CSS inline strategy
- JavaScript loading strategy (defer/async)
- Font optimization (preconnect, display:swap)
- Resource hints (preload, prefetch, dns-prefetch)
- Contoh kode implementasi siap pakai
- Konfigurasi CDN/Cloudflare

**10. SEO Terkini (2025–2026)** ← WAJIB DETAIL
- On-page SEO (title, meta, heading, canonical, alt text)
- Contoh title tag untuk setiap halaman utama
- Daftar kata kunci utama dan long-tail
- Technical SEO (sitemap.xml template, robots.txt template)
- Local SEO (jika bisnis lokal)
- Template sitemap.xml dan robots.txt siap pakai

**11. Schema Markup / Structured Data** ← WAJIB DETAIL
Sertakan kode JSON-LD lengkap dan siap pakai untuk:
- Schema utama sesuai jenis website (LocalBusiness / Product / Article / dll)
- FAQPage schema (dengan 5 contoh Q&A relevan)
- BreadcrumbList schema
- AggregateRating / Review schema
- Schema tambahan yang relevan dengan jenis bisnis
- Tabel ringkasan: halaman → schema yang dipasang

**12. AEO — Answer Engine Optimization** ← WAJIB DETAIL
Strategi agar konten muncul di Google Featured Snippet & AI Overview:
- Prinsip penulisan konten AEO (pola Q&A, panjang jawaban ideal)
- Daftar pertanyaan FAQ wajib per halaman produk/layanan (min. 8 pertanyaan)
- Elemen konten pendukung AEO (Key Facts Box, Definition Box, Tabel Ringkasan)
- Panduan struktur heading untuk AEO
- Contoh konten terstruktur siap pakai

**13. GEO — Generative Engine Optimization** ← WAJIB DETAIL
Strategi agar dikutip ChatGPT, Perplexity, Gemini, Copilot, AI Overview:
- Penjelasan E-E-A-T dan cara implementasinya
- Strategi konten untuk setiap pilar E-E-A-T
- robots.txt AI-friendly (GPTBot, ClaudeBot, PerplexityBot, Google-Extended)
- Panduan penulisan konten yang sering dikutip AI
- Framing konten yang AI-friendly vs yang tidak

**14. Open Graph & Social Meta Tags** ← WAJIB DETAIL
Spesifikasi lengkap:
- Spesifikasi gambar OG (ukuran, format, konten, tools)
- Daftar file OG image yang perlu dibuat
- Template HTML lengkap OG tags (Facebook, WhatsApp, Twitter/X, LinkedIn, Telegram)
- Geographic meta tags (jika bisnis lokal)
- Theme color meta tags
- Template per halaman detail produk/layanan
- Daftar tools validasi OG (URL validasi)

**15. Favicon System** ← WAJIB DETAIL
- Tabel lengkap semua ukuran favicon yang dibutuhkan
- Template site.webmanifest siap isi
- Template browserconfig.xml siap isi
- HTML tags favicon lengkap siap pakai
- Panduan desain favicon (konsep, warna, tools)
- Cara generate dengan RealFaviconGenerator

**16. Analytics & Tracking**
GA4 implementation code, custom event tracking list, Google Search Console setup.

**17. Katalog Produk/Layanan/Konten**
Tabel lengkap semua halaman detail (nama, file, deskripsi, kategori).

**18. Template Konten Per Halaman**
Struktur standar wajib untuk setiap halaman detail produk/layanan.

**19. Persyaratan Non-Fungsional**
Tabel target: PageSpeed, LCP, INP, CLS, uptime, SSL, browser support, dll.

**20. Milestone & Timeline**
Tabel fase pengembangan dengan deliverable dan estimasi durasi.

**21. Checklist Launch** ← WAJIB SANGAT DETAIL
Checklist terpisah untuk:
- [ ] Konten
- [ ] SEO & Schema
- [ ] AEO & GEO
- [ ] Open Graph & Social
- [ ] Favicon
- [ ] PageSpeed & Performa
- [ ] Teknis & Deployment
- [ ] Post-Launch

**22. Referensi & Tools**
Tabel tools dan resource yang dibutuhkan beserta URL-nya.

---

## ⚠️ INSTRUKSI PENTING UNTUK AI

1. **JANGAN buat PRD yang singkat atau generik.** Setiap bagian harus spesifik untuk bisnis/website yang dijelaskan di atas.

2. **SERTAKAN kode siap pakai** untuk: Schema JSON-LD, Open Graph HTML tags, Favicon HTML tags, GA4 tracking code, template sitemap.xml, robots.txt. Kode harus langsung bisa dipakai, bukan pseudocode.

3. **SESUAIKAN semua konten** dengan jenis bisnis, industri, dan target pasar yang dijelaskan. Jangan buat template generik.

4. **Untuk Schema Markup**: buat minimal 4 jenis schema berbeda yang relevan dengan jenis website, dengan kode JSON-LD lengkap dan terisi (bukan placeholder kosong).

5. **Untuk AEO**: buat minimal 8 pasang pertanyaan-jawaban FAQ yang spesifik dan relevan dengan produk/layanan yang dijelaskan.

6. **Untuk GEO**: jelaskan secara konkret bagaimana E-E-A-T diimplementasikan untuk bisnis/website ini, bukan hanya definisi umum.

7. **Format output**: Markdown (.md) yang rapi, menggunakan heading hierarkis (##, ###), tabel, code block, dan checklist. Siap di-copy paste dan langsung digunakan.

8. **Bahasa**: Bahasa Indonesia yang profesional dan mudah dipahami oleh tim pengembang.

9. **Jika ada informasi yang belum saya berikan** (seperti nama vendor, nomor telepon, dll), gunakan placeholder yang jelas seperti `[NAMA VENDOR]`, `[NOMOR WA]`, `[ALAMAT]` agar mudah diisi kemudian.

10. **Panjang dokumen**: PRD ini harus komprehensif. Tidak ada batasan panjang — lebih detail = lebih baik. Target minimal 3.000 kata, idealnya 5.000+ kata.

Mulai buat PRD sekarang. Strukturkan dengan baik dan pastikan semua 22 bagian terisi secara lengkap dan detail.

---SELESAI PROMPT---