Hubungi Kami

Kerangka Materi

Sesi 1: Strategi Rendering

  • Masalahnya: Mengapa Googlebot sering gagal "melihat" konten JavaScript.
  • Solusinya: Mengonfigurasi nuxt.config.ts untuk Hybrid Rendering. Kami akan mengatur aturan rute spesifik (ISR vs SWR) untuk memastikan halaman produk disajikan sebagai HTML statis bagi bot.
  • Hasilnya: Sumber halaman yang dapat di-crawl yang diverifikasi oleh Curl.

Sesi 2: Metadata & Visibilitas

  • Masalahnya: Aplikasi Single Page (SPA) sering kali hanya memiliki satu tag judul untuk seluruh situs.
  • Solusinya: Mengimplementasikan useSeoMeta dan useServerSeoMeta untuk menghasilkan judul, deskripsi, dan canonical secara dinamis melalui kode.
  • Solusi Media Sosial: Memecahkan masalah tag Open Graph (OG) yang rusak agar tautan terlihat benar di WhatsApp/LinkedIn.

Sesi 3: Fondasi Teknis & Pengindeksan

  • Masalahnya: Halaman yang terisolasi (orphaned pages) yang tidak dapat ditemukan oleh mesin pencari.
  • Solusinya: Menginstal dan mengonfigurasi @nuxtjs/sitemap untuk menghasilkan peta situs XML secara otomatis bagi rute dinamis.
  • Solusi Kinerja: Mengimplementasikan <NuxtImg> dan menentukan dimensi eksplisit untuk mengatasi Cumulative Layout Shift (CLS) serta mempercepat pengindeksan.

Sesi 4: Audit, Pertahanan & Hidrasi

  • Telaah Mendalam: Memecahkan masalah "Hydration Mismatches"—kesalahan nomor satu di Nuxt yang merusak kinerja.
  • Audit Langsung: Menjalankan audit Lighthouse secara langsung pada proyek yang telah diperbaiki.
  • Schema.org: Menyisipkan data terstruktur JSON-LD untuk "Rich Snippets" (Bintang/Ulasan dalam hasil pencarian).

Persyaratan

  • Peserta harus memiliki pengetahuan kerja dasar tentang Vue.js dan Nuxt.

Audience

  • Pengembang
 7 Jam

Jumlah Peserta


Harga per Peserta

Testimoni (2)

Kursus Mendatang

Kategori Terkait