# 🚀 SEO Playbook — Gabungan StudioSoft & Semua Klien

> **Tujuan:** Panduan lengkap bikin konten website yang (1) lolos standar SEO teknis & Yoast hijau, dan (2) formatnya "ditarik" jadi jawaban di **AI Overview Google** + naik ranking.
> **Prinsip inti:** AI Overview milih sumber yang **menjawab pertanyaan secara langsung & terstruktur**, punya EEAT kuat, dan **sering dijadikan rujukan**.
> **Berlaku untuk:** Yasma Natura, Nucleasoft, StudioSoft, & semua klien StudioSoft/DMark.

---

# BAGIAN A — STANDAR KONTEN (WAJIB SEMUA ARTIKEL)

## 🔤 Judul (SEO Title)
- **Max 55 karakter** — biar gak kepotong di SERP
- **Include keyword utama** — di awal kalo bisa
- **Format menarik** — pakai angka (🔢), tanya, atau power words (Panduan, Cara, Tips, Rekomendasi)
- **Jangan clickbait** — judul harus sesuai isi artikel

## 🏷️ Meta Description
- **120–158 karakter**
- **Include keyword** secara natural
- **Call to action** atau benefit jelas — kenapa orang harus klik

## 📐 Heading Structure (H1-H4)
- **H1** — cuma 1, judul utama, include keyword utama
- **H2** — sub-topik utama, tiap segmentasi konten (1 H2 per ~300-400 kata)
- **H3/H4** — detail dari sub-topik
- **Include keyword varian** di heading
- Subheading distribution wajib — Yoast bakal protes kalo ada blok teks panjang tanpa heading

## 📝 Konten
- **Minimal 1000 kata** (target ideal 1000-1500+) — aturan fix dari Bos, jangan pernah di bawah 1000 kata
- **Paragraf 1 WAJIB contain keyphrase exact match** — letakkan di awal paragraf pertama
- **Sebar keyphrase** minimal 3x untuk artikel 800+ kata: di paragraf 1, tengah (subheading), dan penutup
- **Keyword density** natural — jangan dipaksakan, jangan keyword stuffing
- **LSI keywords & sinonim** — biar Google paham konteks
- **Scannable:**
  - Paragraf pendek 3-5 kalimat (max ~150 kata per paragraf)
  - Kalimat max ~20 kata
  - Bullet points & numbered lists
  - **Bold** untuk poin penting
  - **Transition words WAJIB** di setiap paragraf — gunakan kata transisi seperti *selain itu, oleh karena itu, dengan demikian, sebagai contoh, tidak hanya itu, namun demikian, di sisi lain, pada dasarnya* dll
  - **Kalimat aktif** — minimal 90% kalimat harus aktif, maksimal 10% kalimat pasif
- **Internal link** ke halaman lain di website (min 2-3)
- **Outbound link** ke sumber terpercaya (min 1)
- **Tidak copas** — konten original 100%
- **Evergreen content** preferred — relevan jangka panjang

## 🖼️ Gambar
- **Featured image WAJIB** — resolusi **1000×567px** (crop proportional, center crop sebelum resize)
- **Format WAJIB:** **WebP** — jangan pake png/jpg untuk featured image
- **Crop method:** **center crop** dulu ke rasio target (1000:567), baru resize — jangan langsung stretch/resize karena bikin gepeng
- **Ukuran:** kompres — target <100KB per gambar
- **Penempatan:** 1 gambar per ~300-400 kata
- **Caption:** tambahkan kalo perlu untuk menjelaskan isi gambar
- **Setiap gambar di artikel WAJIB lengkap atributnya: Image Title + Alt Text + Description** (aturan fix — jangan ada gambar dengan atribut kosong)

### Image Title, Alt Text & Description (WAJIB diisi semua)
Setiap gambar (termasuk featured image) WAJIB diisi **3 atribut** di WordPress:

1. **Image Title** — judul gambar, pakai keyword, file name pake `-` separator
   - ✅ `Jasa-SEO-Surabaya-StudioSoft`
   - ❌ `IMG_001.jpg`
2. **Alt Text (img alt)** — deskriptif + natural + **WAJIB include keyword utama** (Yoast orange kalo gak ada), max 125 karakter, tiap gambar beda alt text, jangan mulai dengan *"Gambar tentang..."*
   - ✅ *"Dashboard otomasi bisnis Nucleasoft untuk UKM"*
   - ❌ *"gambar1.jpg"* / *"nucleasoft nucleasoft nucleasoft"*
3. **Description** — deskripsi singkat isi gambar (1-2 kalimat), natural, sertakan keyword kalo pas
   - ✅ *"Ilustrasi jasa SEO StudioSoft untuk bisnis di Surabaya, menampilkan proses optimasi website dari riset keyword hingga ranking di Google."*
   - ❌ kosong / copy-paste dari alt text

**Cek akhir sebelum publish:** buka Media Library → pastikan tiap attachment yang dipakai punya title, alt text, dan description terisi. Jangan publish kalo masih ada yang kosong.

### Alt Text
- **Deskriptif + natural** — jelaskan apa yang ada di gambar
- **WAJIB include keyword utama** — Yoast orange kalo gak ada keyword di alt text
- **Max 125 karakter** (screen reader cutoff)
- Tiap gambar harus **beda alt text** — jangan copy-paste
- Featured image → **include brand name + keyword artikel**
- Jangan mulai dengan *"Gambar tentang..."* — langsung deskripsi
- ✅ *"Dashboard otomasi bisnis Nucleasoft untuk UKM"*
- ❌ *"gambar1.jpg"* / *"nucleasoft nucleasoft nucleasoft"*

### File Name
- Gunakan `-` sebagai separator
- ✅ `maklon-minuman-serbuk-yasma.jpg`
- ❌ `IMG_001.jpg`

### Featured Image — Sumber & Cek Duplikasi
- **Sumber gambar:** Pexels, Unsplash, atau Freepik
- **Keyword pencarian** harus sesuai dengan keyphrase/judul/topik artikel — jangan asal pilih gambar bagus doang
- **Cek duplikasi:** sebelum pasang, pastikan featured image belum dipake di artikel lain di website yang sama
  - Kalo ada artikel lain pake gambar yang sama → **ganti** cari yang beda
  - Tiap artikel harus punya featured image **unik**
- **Format:** resolusi 1200×630px (OG standard), WebP preferred
- **Featured image WAJIB** ada di tiap artikel — jangan dilewatin

## 🔗 URL / Slug
- **Pendek, jelas, include keyword**
- Gunakan `-` sebagai separator
- **Jangan** pake tanggal, angka random, atau stop word gak perlu
- ✅ `/maklon-minuman-serbuk/`
- ❌ `/2024/03/12/artikel-ke-3-tentang-maklon/`

## 📱 Mobile Friendly
- **Pastikan responsive** — loading cepet di HP
- Tombol & font cukup besar — gak perlu zoom
- Tap target minimal 48px

## ⚙️ Technical SEO
### Schema Markup (JSON-LD)
- **Article** — untuk blog/post
- **FAQ** — untuk halaman FAQ
- **Product** — untuk halaman produk/jasa
- **Organization** — untuk About/Home
- **LocalBusiness** — untuk bisnis lokal

### Wajib
- **Sitemap XML** — pastikan terupdate
- **Robots.txt** — gak blokir halaman penting
- **Canonical URL** — prevent duplicate content
- **SSL/HTTPS** — wajib
- **Page speed** — optimasi gambar, minify CSS/JS, caching, CDN

## 📍 Local SEO (kalo bisnis lokal)
- **NAP** (Name, Address, Phone) konsisten di semua platform
- **Google Business Profile** — terisi lengkap, foto, jam operasional
- **Local keywords** — *"maklon minuman surabaya"*, *"software CRM sidoarjo"*

## 🧪 Yoast SEO Checklist (Sebelum Publish — Semua Hijau)

### SEO Tab
- ✅ **Focus keyphrase** terisi & muncul di:
  - Judul (H1)
  - Paragraf pertama
  - Minimal 1 H2/H3
  - Meta description
  - URL slug
  - Minimal 1 alt text gambar
- ✅ **SEO title** — max 55 karakter
- ✅ **Meta description** — 120-158 karakter
- ✅ **URL slug** — pendek & pake keyphrase
- ✅ **Internal links** — min 1-2
- ✅ **Outbound links** — min 1
- ✅ **Text length** — **minimal 1000 kata** (aturan fix; target 1000-1500+)
- ✅ **Featured image** — 1000×567px, format WebP, center crop proportional
- ✅ **Keyphrase density** — pas, gak stuffing

### Readability Tab
- ✅ **Paragraf** — max 150 kata
- ✅ **Kalimat** — max 20 kata
- ✅ **Subheading distribution** — teratur
- ✅ **Transition words** — cukup
- ✅ **Passive voice** — minimal
- ✅ **Flesch Reading Ease** — hijau

### ⚠️ Peringatan dari Pengalaman
- **JANGAN pakai "Pendahuluan" sebagai heading** — langsung mulai dengan paragraf pertama
- **Paragraf 1 WAJIB contain keyphrase exact match** — Yoast merah kalo gak ada
- **Minimal 1 subheading (H2/H3) WAJIB contain keyphrase exact match** — Yoast merah kalo gak
- **Alt text featured image WAJIB contain keyphrase** — Yoast orange kalo gak
- **SEO title WAJIB exact match keyphrase** — di awal title kalo bisa (Yoast orange kalo gak)
- **Keyphrase density minimal 3x untuk 800+ kata** — sebar natural di awal, tengah, penutup
- **REST API update content untuk post Gutenberg:** kirim full HTML artikel dengan `<!-- wp:paragraph -->...<!-- /wp:paragraph -->` wrapping
- **REST API update meta (SEO title, meta desc):** `PUT /wp/v2/posts/{id}` dengan meta object — langsung jalan
- **Featured image alt text update:** `POST /wp/v2/media/{id}` dengan `{"alt_text": "..."}`
- **Yoast analysis re-trigger:** harus buka post di browser & klik Save — REST API update meta saja tidak trigger analysis

### Tips Yoast
- Synonyms: isi di Yoast biar gak dianggap keyword stuffing
- Related keyphrases (Yoast Premium): bisa multi-keyphrase
- Kalo merah/orange — fix dulu, baru publish

## 📂 Kategori & Tags

### Kategori
- **Pilih kategori yang paling relevan** dengan topik artikel
- **Jangan buat kategori baru sembarangan** — gunakan yang sudah ada
- **1 artikel = 1 kategori utama** (bisa + subkategori kalo perlu)
- Kategori harus konsisten — jangan bikin kategori mirip-mirip beda nama
- Contoh kategori Yasma Natura: *Maklon Minuman*, *Kesehatan*, *Kecantikan*, *Produksi*, *Tips Bisnis*

### Tags
- **3-5 tag per artikel** — jangan kebanyakan
- **Tag = micro-kategori** — spesifik, beda sama kategori
- Pakai *single word* atau *2-3 word phrase*
- Jangan bikin tag yang sama persis dengan judul artikel atau nama kategori
- Konsisten — kalo udah ada tag *"minuman kesehatan"*, jangan bikin *"kesehatan minuman"*
- Contoh tag Yasma Natura: *maklon*, *minuman serbuk*, *kolagen*, *produksi minuman*, *UKM*

## 🧩 Lain-lain
- **Update konten lama** — refresh & republish yang outdated
- **No duplicate content** — setiap halaman unik
- **Internal linking structure** rapi — jangan ada orphan pages
- **CTR optimization** — judul & meta yang bikin penasaran

---

# BAGIAN B — PLAYBOOK AI OVERVIEW & NAIK RANKING (KHUSUS STUDIOSOFT & ARTIKEL PILAR)

## 1. Kenapa Konten Masuk AI Overview?

Google AI Overview mengambil jawaban dari halaman yang dianggap paling relevan & trustworthy. Kriteria yang paling memengaruhi:

| Faktor | Pengaruh di AI Overview |
|---|---|
| **Format jawaban langsung** (definisi di paragraf pertama) | ⭐⭐⭐⭐⭐ |
| **Struktur teratur** (tabel, bullet, numbered list) | ⭐⭐⭐⭐ |
| **FAQ schema** (`FAQPage` JSON-LD) | ⭐⭐⭐⭐ |
| **EEAT** (Tentang lengkap, author, konsistensi NAP) | ⭐⭐⭐ |
| **Sumber rujukan** (backlink berkualitas, dikutip orang) | ⭐⭐⭐ |
| **Konten panjang tapi padat** (menjawab tuntas) | ⭐⭐ |
| **Internal linking antar artikel** | ⭐⭐ |

**Penting:** AI Overview ≠ ranking biasa. Halaman peringkat 1 di SERP belum tentu masuk AI Overview, dan sebaliknya.

## 2. Format Konten "AI-Overview-Friendly" (WAJIB untuk Artikel Pilar)

Setiap artikel pilar harus punya struktur ini:

```
[PARAGRAF PERTAMA] — Jawaban langsung (maks 50 kata), langsung definisi/kesimpulan.
  ❌ Bukan: "Di era digital ini, banyak bisnis bertanya-tanya tentang..."
  ✅ Ya:    "SEO (Search Engine Optimization) adalah proses mengoptimalkan
            website agar muncul di halaman pertama Google. Simplenya, SEO
            bikin bisnis Anda ditemukan orang yang sedang mencari."

[H2] Apa itu [topik]?  → definisi singkat + contoh nyata
[H2] Mengapa [topik] penting untuk [bisnis]? → problem-solution, bullet
[H2] Cara kerja [topik] → numbered list (langkah konkret)
[H2] Tabel perbandingan / daftar (kalau relevan) → pilihan, harga, jenis
[H2] Kesalahan umum yang harus dihindari → bullet
[H2] FAQ (3-6 pertanyaan) → WAJIB + schema FAQPage
[H2] Kesimpulan → ringkasan + CTA lembut
```

**Aturan konten:**
- Paragraf pertama langsung jawab — jangan basa-basi.
- Maks 3 kalimat per paragraf.
- Pakai data/angka nyata biar kredibel.
- Tambah **FAQ schema** di semua artikel pilar (langkah teknis di bawah).

## 3. Daftar Artikel Pilar Prioritas

> Target keyword yang **sering muncul di AI Overview** + relevan sama jasa StudioSoft.
> Urut = prioritas. Angka di [] = slug artikel terkait yang sudah ada (buat internal link).

### 🎯 Pilar A — SEO (kategori: SEO)
1. **Apa itu SEO dan Cara Kerjanya untuk Bisnis?** *(baru)*
2. Perbedaan On-Page vs Off-Page SEO [perbedaan-onpage-offpage-seo]
3. Tips SEO Lokal untuk Bisnis di Surabaya [tips-seo-lokal-surabaya]
4. Riset Keyword untuk Pemula [riset-keyword-untuk-pemula]
5. Cara Masuk AI Overview Google [optimasi-konten-masuk-ai-overview-google]

### 🎯 Pilar B — Biaya & Harga (kategori: Website)
1. **Berapa Biaya Jasa Pembuatan Website di Indonesia?** *(baru — harga aktual)*
2. Perbedaan Website Statis vs Dinamis [perbedaan-website-statis-vs-dinamis]
3. Mengapa Website Bisnis Harus Mobile-First [mengapa-website-bisnis-harus-mobile-first]
4. Manfaat Website untuk UMKM [manfaat-website-umkm]
5. Pentingnya Landing Page [pentingnya-landing-page-bisnis-kecil]

### 🎯 Pilar C — Jasa & Local SEO (kategori: Digital Marketing / SEO)
1. **Cara Memilih Jasa SEO Terbaik di Surabaya** *(baru — panduan belanja)*
2. Strategi Digital Marketing 2026 [strategi-digital-marketing-2026]
3. Membangun Brand Awareness [membangun-brand-awareness-digital-marketing]
4. What StudioSoft Offers → link ke /jasa-seo-professional/ & /layanan/

**Catatan:** 3 artikel `*(baru)*` di atas adalah prioritas bikin dulu — format penuh AI-Overview-friendly + FAQ schema.

## 4. Implementasi Teknis

### a. FAQ Schema (JSON-LD) — langkah manual
Taro di halaman layanan + artikel pilar, misal di header/footer page:

```html
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu SEO?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "SEO adalah proses mengoptimalkan website agar muncul di halaman pertama Google."
      }
    },
    ...
  ]
}
</script>
```

> **Catatan:** FAQ schema sekarang kurang efektif di Google (Maret 2024 menurunkan rich result FAQ di SERP biasa) **TAPI tetap berguna untuk AI Overview** karena membantu Google memahami struktur Q&A halaman. Jadi tetap pasang.

### b. Kalau pakai plugin SEO
- **Rank Math / Yoast / AIOSEO** → ada fitur "FAQ Block" yang otomatis nge-generate schema. Cek plugin apa yang aktif di StudioSoft, tinggal nyalain fitur FAQ-nya.
- Setup **Schema/Organization** yang benar (logo, social profile, NAP).

### c. Yoast / Rank Math — per artikel
- Focus keyword tepat di judul + paragraf pertama.
- Meta description 150-160 char, mengandung keyword + jawaban singkat.
- Setup **breadcrumb** biar Google paham struktur site.

## 5. EEAT — Perkuat Kepercayaan (langkah satu kali)

AI Overview suka sumber yang *trustworthy*. Pastikan:

- [ ] Halaman `/tentang/` lengkap: profil StudioSoft, tim, pengalaman, nilai.
- [ ] **Author bio** di setiap artikel (nama penulis + jabatan + link profil). Kalau AI/Atun yang nulis, taruh "Disunting oleh tim StudioSoft" + link.
- [ ] Halaman kontak lengkap: alamat, WA, email, jam operasional.
- [ ] Konsistensi **NAP** (nama, alamat, nomor) di seluruh web + Google Business Profile.
- [ ] Testimonial / portfolio yang nyata & bisa diverifikasi.

## 6. Bangun Otoritas — Biar Jadi Sumber Rujukan

AI Overview doyan situs yang **sering dikutip**. Cara naikin peluang:

- **Backlink berkualitas** dari direktori/reputasi lokal Surabaya, artikel tamu, press release event (SUMU, kopdar, dsb — sudah ada 7 link coverage, optimalkan).
- **Konten yang layak dikutip**: data riset, case study, infografik, statistik unik yang orang bakal referensikan.
- **Share ke LinkedIn & Threads** (sudah jalan) → biar konten tersebar & didentifikasi Google sebagai materi yang "laku".
- **Jaga konsistensi update** — AI Overview preferensikan konten fresh dibanding artikel basi bertahun-tahun.

## 7. Monitoring & Iterasi

- **Cek per artikel:** apakah muncul di AI Overview → buka Google tanpa login, cari keyword, catat.
- **Track ranking keyword** tiap 2 minggu (grep Search Console / manual).
- **Update artikel pilar** tiap 3-6 bulan biar tetap "fresh" di mata Google.
- **Cek internal linking** — artikel pilar harus narik link dari banyak artikel lain.

## 8. Checklist Eksekusi (bisa jalan sekarang)

**Langkah 1 (hari ini):** Bikin 3 artikel pilar baru (Apa itu SEO / Biaya Website / Pilih Jasa SEO Surabaya) — format penuh + FAQ schema.
**Langkah 2:** Pasang FAQ schema di halaman `/jasa-seo-professional/` & `/layanan/`.
**Langkah 3:** Lengkapi EEAT: author bio + audit halaman `/tentang/`.
**Langkah 4:** Internal link dari artikel lama → 3 artikel pilar baru.
**Langkah 5:** Jadwalkan posting & share ke LinkedIn/Threads/FB.

---

# BAGIAN C — SPESIFIK PER CLIENT

## Nucleasoft
- **Audience:** Pebisnis/UKM/pengusaha yang butuh otomasi & bisnis pintar
- **Topik:** Software, otomasi bisnis, AI, CRM, ERP, digital transformation
- **Nada:** Profesional, solutif, edukatif
- **Gambar:** Mockup Nucleasoft, screenshot dashboard — warna biru/putih konsisten
- **WP Login:** otomasibisnispintar.com — user: Wati

## Yasma Natura
- **WA Button:** https://wa.me/6281939119209?text=Saya%20ingin%20tahu%20lebih%20dalam%20tentang%20Yasma%20Natura
- **Audience:** Pemilik brand, pencari jasa maklon
- **Topik:** Maklon minuman serbuk, kesehatan, kecantikan, produksi
- **Nada:** Informatif, terpercaya, profesional
- **Gambar:** Produk, proses produksi, hasil jadi — natural bright aesthetic
- **WP:** yasmanatura.co.id (IP: 103.175.217.138)

## StudioSoft
- **WA Button:** https://wa.me/6281935000624
- **Audience:** Pemilik bisnis/UMKM yang butuh website, SEO, digital marketing
- **Topik:** SEO, pembuatan website, digital marketing, AI Overview/GEO
- **Nada:** Profesional, data-driven, solutif
- **Posisi Bos:** Uky Yanuhandoko = Pakar SEO, Digital Marketing Specialist, Website Developer — StudioSoft sebagai brand
- **Kategori:** SEO (ID 330), Healthcare Digital (ID 1042), dst sesuai topik
- **WP:** studiosoft.id

---

## Referensi
- File sumber: `wp-clients/seo-playbook.md` (Atun) + `studiosoft_seo_playbook.md` (Atun) → digabung jadi `SEO_Playbook.md` (1 Sep 2026)
- Guide FB/LinkedIn masing-masing akun untuk aturan posting