Kerangka Materi

Sesi 1: Strategi Rendering

  • Masalah: Mengapa Googlebot sering gagal "melihat" konten JavaScript.

  • Solusi: Konfigurasi nuxt.config.ts untuk Rendering Hybrid. Kami akan menetapkan aturan rute spesifik (ISR vs SWR) untuk memastikan halaman produk disajikan sebagai HTML statis untuk bot.

  • Hasil: Sumber halaman yang dapat dijelajahi, diverifikasi oleh Curl.

Sesi 2: Metadata & Visibilitas

  • Masalah: Aplikasi Halaman Tunggal (SPAs) seringkali memiliki satu tag judul untuk seluruh situs.

  • Solusi: Implementasi useSeoMeta dan useServerSeoMeta untuk menghasilkan judul, deskripsi, dan canonical secara dinamis.

  • Solusi Sosial: Debugging tag Open Graph (OG) yang rusak agar tautan terlihat benar di WhatsApp/LinkedIn.

Sesi 3: Fondasi Teknis & Indexing

  • Masalah: Halaman yang hilang yang tidak dapat ditemukan mesin pencari.

  • Solusi: Instalasi dan konfigurasi @nuxtjs/sitemap untuk menghasilkan peta situs XML otomatis untuk rute dinamis.

  • Solusi Performa: Implementasi <NuxtImg> dan definisi dimensi eksplisit untuk memecahkan Cumulative Layout Shift (CLS) dan mempercepat indexing.

Sesi 4: Audit, Pertahanan & Hidrasi

  • Penelitian Mendalam: Debugging "Hydration Mismatches"—kesalahan #1 di Nuxt yang membunuh performa.

  • Audit: Melakukan Audit Lighthouse langsung pada proyek yang telah diperbaiki.

  • Schema.org: Menyisipkan 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


Biaya per Peserta

Testimoni (5)

Kursus Mendatang

Kategori Terkait