Question 1

CLS là gì?

Accepted Answer

CLS là từ viết tắt của cụm Optimize Cummental Layout Shift. Dịch nghĩa là sự thay đổi bố cục tích lũy.

Sự thay đổi về bố cục này gây mất tập trung và làm khó chịu cho người dùng khi sử dụng website để tìm kiếm thông tin. Có thể hình dung ngắn gọn, bạn đang đọc một bài báo bất kỳ, và đột ngột xảy ra sự thay đổi về bố cục xung quanh trang, vì trang cuối cùng đã được tải xong và bạn sẽ mất những gì bạn đang đọc.

Thực tế cho thấy, nó gây cho người dùng khá nhiều bất tiện và khả năng Onpage của người dùng đối với Website cũng giảm sút nghiêm trọng.

Chính vì thế, có thể nói các vấn đề liên quan đến CLS đã ảnh hưởng đến Website và bạn cần tìm cách khắc phục nó.

Question 2

Làm thế nào để khắc phục sự cố CLS?

Accepted Answer

Lỗi thường gặp nhất về CLS sẽ hiển thị “CLS issue: more than 0.25 (mobile)”. Đây chắc chắn là một trong những sự cố khó khắc phục nhất, vì bạn không dễ dàng tìm ra được mấu chốt vấn đề nằm ở đâu đã góp phần tạo ra sự cố CLS.

Tuy nhiên, bạn có thể thử một trong 5 cách dưới đây để hạn chế những ảnh hưởng nhất định của vấn đề CLS cho website:

+ Tắt các tiêu đề cố định: Nó khiến cho nội dung tự động di chuyển lên xuống

+ Tắt hiệu ứng thu nhỏ logo: Thông thường, Logo sẽ được thiết kế có thể phóng to hoặc thu nhỏ khi cuộn trang web ở chế độ Mobile. Thiếu thuộc tính kích thước ảnh cho biểu trưng là một trong những nguyên nhân phổ biến góp phần gây ra các vấn đề liên quan đến CLS.

+ Thuộc tính kích thước ảnh và Video: Nếu Website của bạn được xây dựng dựa trên nền tảng WordPress, thì khi Upload ảnh, WordPress sẽ tự động điều chỉnh kích thước của hình ảnh. Ví dụ:

<img src="”thelink”" width="”400px”" height="”300px”">

+ Không chèn nội dung có thể xuất hiện bên trên nội dung hiện có: Điều này nhằm đảm bảo không tất cả những thay đổi bố cục nào đó xảy ra đều nằm trong sự kiểm soát. Ví dụ điển hình là tình trạng cửa sổ tự động bật lên các thông tin quảng cáo những hoặc tin tức gây phiền người dùng.

+ Tắt hoạt ảnh: Tắt hoặc chuyển đổi thành thuộc tính của hoạt ảnh kích hoạt thay đổi bố cục tích lũy . Tạo hiệu ứng chuyển tiếp từ trạng thái này sang trạng thái khác. Hoặc cách tốt nhất là không nên sử dụng quá nhiều hình ảnh động trên Web.

Thẻ: khắc phục vấn đề CLS

[Bật Mí] Tôi đã X5 X7 Traffic SEO với CHI PHÍ 60 Triệu cho iCar.VN như thế nào?

Cách khắc phục lỗi CLS issue: more than 0.25 (mobile)