Liên hệ với chúng tôi

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

Phiên 1: Chiến lược Render

  • Vấn đề: Tại sao Googlebot thường không thể "thấy" nội dung JavaScript.
  • Giải pháp: Cấu hình nuxt.config.ts cho Chế độ Render Lai (Hybrid Rendering). Chúng tôi sẽ thiết lập các quy tắc định tuyến cụ thể (ISR so với SWR) để đảm bảo các trang sản phẩm được cung cấp dưới dạng HTML tĩnh cho bot.
  • Kết quả: Mã nguồn trang web có thể thu thập được, đã được xác minh bằng Curl.

Phiên 2: Metadata & Khả năng hiển thị

  • Vấn đề: Các ứng dụng một trang (SPA) thường chia sẻ duy nhất một thẻ title cho toàn bộ trang web.
  • Giải pháp: Triển khai useSeoMeta và useServerSeoMeta để tạo tiêu đề, mô tả và URL canonical động theo chương trình.
  • Giải pháp trên mạng xã hội: Gỡ lỗi các thẻ Open Graph (OG) bị lỗi để đảm bảo liên kết hiển thị đúng trên WhatsApp/LinkedIn.

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

  • Vấn đề: Các trang bị cô lập khiến công cụ tìm kiếm không thể phát hiện.
  • Giải pháp: Cài đặt và cấu hình @nuxtjs/sitemap để tự động tạo sitemap XML cho các tuyến định tuyến động.
  • Giải pháp về hiệu năng: Triển khai <NuxtImg> và xác định kích thước rõ ràng để giải quyết vấn đề Cumulative Layout Shift (CLS) và tăng tốc độ lập chỉ mục.

Phiên 4: Kiểm toán, Phòng thủ & Hydration

  • Khảo sát chuyên sâu: Gỡ lỗi "Mismatch trong quá trình thủy hóa (Hydration Mismatches)"—lỗi phổ biến nhất trong Nuxt gây chết hệ thống hiệu năng.
  • Kiểm toán: Chạy bài kiểm tra Lighthouse trực tiếp trên dự án sau khi đã sửa đổi.
  • Schema.org: Nhúng dữ liệu có cấu trúc JSON-LD để tạo "Trích đoạn phong phú" (Sao/Đánh giá trong kết quả tìm kiếm).

Yêu cầu

  • Người tham dự bắt buộc phải có kiến thức cơ bản về Vue.js và Nuxt.

Đối tượng

  • Lập trình viên
 7 Giờ

Số người tham gia


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

Đánh giá (2)

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

Các danh mục liên quan