Kerangka Materi

Sesi 1: Strategi Rendering

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

Sesi 2: Metadata & Visibilitas

  • Masalahnya: Aplikasi Halaman Tunggal (SPAs) seringkali memiliki satu tag judul untuk seluruh situs.
  • Solusinya: Implementasi useSeoMeta dan useServerSeoMeta untuk menghasilkan judul, deskripsi, dan canonical yang dinamis secara program.
  • Solusi Sosial: Debugging tag Open Graph (OG) yang rusak agar tautan terlihat benar di WhatsApp/LinkedIn.

Sesi 3: Fondasi Teknis & Pengindeksan

  • Masalahnya: Halaman terputus yang tidak dapat ditemukan oleh mesin pencari.
  • Solusinya: Instalasi dan konfigurasi @nuxtjs/sitemap untuk menghasilkan XML sitemap secara otomatis untuk rute dinamis.
  • Solusi Performa: Implementasi <NuxtImg> dan mendefinisikan dimensi yang eksplisit untuk memecahkan Cumulative Layout Shift (CLS) dan mempercepat pengindeksan.

Sesi 4: Audit, Pertahanan & Hydration

  • Penelitian Mendalam: Debugging "Hydration Mismatches"—kesalahan nomor satu di Nuxt yang membunuh performa.
  • Audit: Melakukan Lighthouse Audit langsung pada proyek yang telah diperbaiki.
  • Schema.org: Menyuntikkan data terstruktur JSON-LD untuk "Rich Snippets" (Bintang/Ulasan di hasil pencarian).

Persyaratan

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

Audience

  • Pengembang
 7 Jam

Jumlah Peserta


Harga per Peserta

Testimoni (5)

Kursus Mendatang

Kategori Terkait