[Tin tức] Tối Ưu Hóa SEO với Next.js 13 Đạt 100 Điểm với Lighthouse | SEO Siêu Cơ Bản Dành cho Beginners

Đây là video trong Khóa Học React Pro Max – Làm Chủ Toàn Diện React.JS Hiện Đại | Gánh Team React Client/Server với Vite và Framework Next.JS (Typescript)

📢 Link Khóa Học :

👉 Bạn nào muốn giá ưu đãi, giảm giá đặc biệt, cứ inbox cho mình. 1-100% được giảm 🙃
Inbox qua:

Về khóa học này:
Next.JS là một framework javascript chuyên làm frontend, tích hợp sẵn thư viện React để code giao diện UI một cách hiệu quả.

Lợi thế của Next.js so với việc sử dụng React thuần túy, chính là việc cung cấp bộ khung framework, giải quyết các vấn đề thường gặp của React mà bấy lâu nay chúng ta cần tự xử lý, ví dụng như routing, nested route.

Ngoài ra, với lợi thế “server”, Next.js có thể pre-render giao diện, giúp tốc độ load website nhanh hơn, và có ưu thế trong SEO so với việc dùng client side rendering của React thông thường.

Các trọng tâm của khóa học này, có thể kể đến như:

– Học React với Typescript (vì Next.js yêu cầu biết trước React để sử dụng framework này)

– Nắm vững cơ chế CRS (client side rendering) bằng cách sử dụng React với Vite, kết hợp design giao diện UI với Antd (Ant Design )

– Sử dụng Next.js (typescript), kết hợp với React và MUI để làm giao diện UI chuyên nghiệp.

– Thực hành dự án clone Soundcloud với React/Next.js và MUI

Khóa học này sẽ phù hợp với các bạn đang có nhu cầu tìm hiểu về React, muốn biết React được sử dụng trong thực tế như thế nào, cũng như muốn tạo ra một website đảm bảo hiệu năng kết hợp với SEO để tăng kết quả tìm kiếm từ Google.

🐱‍🏍 Nội dung video:
0:00 Giới thiệu
01:55 Điều cần biết về SEO
7:35 Công cụ check SEO
13:55 Metadata của Nextjs
21:11 SEO 1: Tối ưu hóa project
26:26 SEO 2: Đặt tên Title/Description (Static)
37:18 SEO 3: Đặt tên Title/Description (Dynamic)
45:45 Cách hosting ảnh free với Github/Gitlab
48:40 Share link website trên Facebook/Twitter
01:04:55 SEO 5: Thêm logo cho website
01:13:45 SEO 6: URL với slug
01:38:20 SEO 7: Robot.txt, sitemap và manifest.json
01:54:10 SEO 8: JSON-LD với Next.js
02:04:25 SEO 9: Nextjs Local Image
02:20:05 SEO 9: Nextjs Remote Image
02:34:55 SEO 9: Nextjs Loader Image
02:44:40 SEO 9: Tối ưu Image với Nextjs

🤩Trở thành “HỘI VIÊN” để NHẬN THÊM NHIỀU V-I-P QUYỀN LỢI, ĐĂNG KÝ TẠI ĐÂY:
🤝

🌎 Tìm mình tại đây:
1. Facebook Fanpage (Tiếng việt):
2. Facebook Fanpage (Tiếng anh):
3. Group trao đổi học tập Facebook:
4. Github:
5. Youtube channel:
6. Email: eric@hoidanit.com.vn

ĐỪNG QUÊN NHẤN CHUÔNG 🔔 ĐỂ NHẬN CẬP NHẬT VIDEO MỚI NHẤT CŨNG NHƯ ► ĐĂNG KÝ KÊNH! ►
#react #nextjs #hoidanit