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

Buổi 1: Chiến Lược Kết Xuất

  • 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 Kết Xuất 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ả: Một nguồn mã có thể bò lê kiểm chứng bằng Curl.

Buổi 2: Dữ Liệu Meta và Tính Hiển Thị

  • Vấn Đề: Các Ứng Dụng Trang Đơn (SPAs) thường chia sẻ một thẻ tiêu đề duy nhất cho toàn trang web.

  • Lời Giải: Triển khai useSeoMeta và useServerSeoMeta để tạo tiêu đề, mô tả và canonical động một cách lập trình.

  • Lời Giải Xã Hội: Gỡ lỗi các thẻ Open Graph (OG) bị hỏng để các liên kết hiển thị chính xác trên WhatsApp/LinkedIn.

Buổi 3: Cơ Sở Kỹ Thuật và Lập Chỉ Mục

  • Vấn Đề: Các trang bị bỏ sót 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 các bản đồ trang XML cho các đường dẫn động.

  • Lời Giải Hiệu Suất: Triển khai <NuxtImg> và định nghĩa kích thước rõ ràng để giải quyết Sự Dịch Chuyển Bố Trí Tích Lũy (CLS) và tăng tốc độ lập chỉ mục.

Buổi 4: Kiểm Tra, Phòng Thủ và Làm Ẩm

  • Nghiên Cứu Sâu: Gỡ lỗi "Không Phù Hợp Khi Làm Ẩm"—lỗi #1 trong Nuxt làm giảm hiệu suất.

  • Kiểm Tra: Chạy Kiểm Tra Lighthouse trực tiếp trên dự án đã được sửa.

  • Schema.org: Tiêm dữ liệu có cấu trúc JSON-LD cho "Snippets Giàu" (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 làm việc về Vue.js và Nuxt cơ bản.

Đối Tượng Học Viên

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

Số người tham gia


Giá cho mỗi người tham gia

Đánh giá (5)

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

Các danh mục liên quan