Cảm ơn bạn đã gửi yêu cầu! Một thành viên trong đội ngũ của chúng tôi sẽ liên hệ với bạn ngay lập tức.
Cảm ơn bạn đã gửi đặt chỗ! Một thành viên trong đội ngũ của chúng tôi sẽ liên hệ với bạn ngay lập tức.
Đề 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ờ
Đánh giá (2)
Nội dung rất hữu ích, và người huấn luyện viên giúp việc hiểu nó trở nên dễ dàng hơn
Ibrahim Al mayahi - Vastech SA
Khóa học - Advanced Elasticsearch and Kibana Administration
Dịch thuật bằng máy
sự chuyên nghiệp của giảng viên; cách anh ấy cố gắng trả lời tất cả các câu hỏi; những câu hỏi ôn tập mà chúng tôi phải đặt: khiến chúng tôi tham gia vào các cuộc trò chuyện
Ioana
Khóa học - Implementation and Administration of Elasticsearch
Dịch thuật bằng máy