Đề cương khóa học

Buổi 1: Chiến lược Render

  • Vấn đề: Tại sao Googlebot thường không "thấy" nội dung JavaScript.
  • Lời giải: Cấu hình nuxt.config.ts cho Render Hybrid. Chúng ta sẽ đặt các quy tắc đường dẫn cụ thể (ISR vs SWR) để đảm bảo các trang sản phẩm được phục vụ dưới dạng HTML tĩnh cho các bot.
  • Kết quả: Nguồn trang có thể được bò xác minh bằng Curl.

Buổi 2: Metadata & Tính nhìn thấy

  • Vấn đề: Các ứng dụng trang đơn (SPAs) thường chia sẻ một thẻ tiêu đề cho toàn bộ trang web.
  • Lời giải: Thực hiện useSeoMeta và useServerSeoMeta để tạo tiêu đề, mô tả, và canonicals động theo chương trình.
  • Sửa chữa xã hội: Debugging các thẻ Open Graph (OG) bị hỏng để các liên kết hiển thị đúng trên WhatsApp/LinkedIn.

Buổi 3: Nền tảng kỹ thuật & Lập chỉ mục

  • Vấn đề: Các trang bị cô lập mà các công cụ tìm kiếm không thể tìm thấy.
  • Lời giải: Cài đặt và cấu hình @nuxtjs/sitemap để tự động tạo sitemap XML cho các đường dẫn động.
  • Lời giải hiệu suất: Thực hiện <NuxtImg> và định nghĩa kích thước cụ thể để giải quyết vấn đề Cumulative Layout Shift (CLS) và tăng tốc độ lập chỉ mục.

Buổi 4: Kiểm tra, Phòng thủ & Hydrate

  • Nhìn sâu: Debugging "Hydration Mismatches"—lỗi #1 trong Nuxt gây ra việc giảm hiệu suất.
  • Kiểm tra: Chạy kiểm tra Lighthouse trực tiếp trên dự án đã sửa.
  • Schema.org: Tiêm dữ liệu có cấu trúc JSON-LD cho "Rich Snippets" (Sao/Đánh giá trong kết quả tìm kiếm).

Yêu cầu

  • Người tham gia phải có kiến thức cơ bản về Vue.js và Nuxt.

Đối tượng

  • Nhà phát triển
 7 Giờ

Số người tham gia


Giá cho mỗi học viên

Đánh giá (5)

Các khóa học sắp tới

Các danh mục liên quan