SEO hình ảnh: đặt tên, nén, responsive và ảnh LCP

Ảnh thường là thứ nặng nhất trên một trang, và cũng là thứ ít ai kiểm sau khi tải lên. Khóa này đi hết vòng đời một tấm ảnh trên website của bạn: chọn và đặt tên, viết alt đúng mục đích, chọn định dạng rồi nén, cho ảnh co giãn theo màn hình, xử lý ảnh lớn nhất trong khung nhìn đầu tiên, giữ cho ảnh crawl được, và cuối cùng là soát lại toàn bộ ảnh đang có.

Sơ đồ lộ trình tám bài của khóa SEO hình ảnh, mỗi hàng là một bài kèm thứ làm được sau bài đó, từ đo baseline và viết alt tới soát ảnh toàn website và nghiệm thu

Tám bài theo thứ tự làm, không theo thứ tự lý thuyết. Bài 1 ghi lại số đo ban đầu, bài 8 đo lại đúng những số đó để biết việc mình sửa có tác dụng thật hay không.

Mỗi bài mở đầu bằng cách đo, vì không đo thì không biết ảnh nào đáng sửa trước. Bài tập in ra được để bạn làm trên chính website mình, và mọi ý trong bài đều dẫn về ba bài gốc trên danhnolan.com để bạn đọc sâu thêm.

Sơ đồ cây quyết định viết alt text: năm câu hỏi theo thứ tự, kết quả tương ứng là mô tả hành động, mô tả thông tin, cân nhắc alt rỗng, alt rỗng, hoặc alt tóm ý kèm chi tiết trong HTML

Một trong bảy sơ đồ dùng trong bài học. Đây là cây quyết định của bài 2: dừng ở câu trả lời đầu tiên là có, rồi đọc alt thay cho ảnh trong nguyên câu để tự kiểm.

Mục này gồm

Bài học: Đo trước khi sửa, và bốn lớp một tấm ảnh phải qua
Tệp tải về: Phiếu thực hành bài 1: Đo trước khi sửa, và bốn lớp một tấm ảnh phải qua (PDF, 279 KB)
Bài học: Tên tệp và alt text, viết đúng mục đích chứ không nhồi từ khóa
Tệp tải về: Phiếu thực hành bài 2: Tên tệp và alt text, viết đúng mục đích chứ không nhồi từ khóa (PDF, 277 KB)
Bài học: Chọn định dạng, rồi nén mà không phá nội dung
Tệp tải về: Phiếu thực hành bài 3: Chọn định dạng, rồi nén mà không phá nội dung (PDF, 278 KB)
Bài học: Ảnh co giãn theo màn hình bằng srcset và sizes
Tệp tải về: Phiếu thực hành bài 4: Ảnh co giãn theo màn hình bằng srcset và sizes (PDF, 269 KB)
Bài học: Ảnh LCP và lazy loading, hai thứ không được lẫn nhau
Tệp tải về: Phiếu thực hành bài 5: Ảnh LCP và lazy loading, hai thứ không được lẫn nhau (PDF, 277 KB)
Bài học: Ảnh phải tìm được và URL phải ổn định
Tệp tải về: Phiếu thực hành bài 6: Ảnh phải tìm được và URL phải ổn định (PDF, 271 KB)
Bài học: Đừng khóa thông tin trong ảnh, và khai ảnh đúng trong schema
Tệp tải về: Phiếu thực hành bài 7: Đừng khóa thông tin trong ảnh, và khai ảnh đúng trong schema (PDF, 272 KB)
Bài học: Soát ảnh toàn website, và nghiệm thu sau khi sửa
Tệp tải về: Phiếu thực hành bài 8: Soát ảnh toàn website, và nghiệm thu sau khi sửa (PDF, 277 KB)