images
images

Hiểu rõ nội dung kiểm tra mức độ dễ dàng sử dụng website bằng google Lighthouse

icon-menu-mobile TỔNG QUAN BÀI VIẾT

Trong thế giới SEO ngày nay, việc đánh giá và cải thiện hiệu suất của trang web không chỉ là một yếu tố quan trọng mà còn là một phần không thể thiếu. Với các công cụ đánh giá như Lighthouse, bạn có thể đánh giá cụ thể các yếu tố liên quan đến hiệu suất và tăng cường tiếp cận của trang web. Trong bài viết này, chúng ta sẽ khám phá về tính điểm hỗ trợ tiếp cận bằng (mức độ dễ dàng sử dụng website) Lighthouse và tại sao nó quan trọng đối với chiến lược SEO của bạn.

1.Khái Niệm về Điểm Hỗ Trợ Tiếp Cận (Accessibility Score):

Điểm Hỗ Trợ Tiếp Cận (Accessibility Score) là một thước đo về mức độ mà trang web hoặc ứng dụng có thể truy cập được và sử dụng một cách thuận lợi bởi mọi người, bao gồm cả những người dùng có khuyết tật.

2.Cách Tính Điểm Hỗ Trợ Tiếp Cận (Accessibility Score):

Điểm Hỗ Trợ Tiếp Cận là giá trị trung bình được tính dựa trên kết quả của tất cả các bài kiểm tra về khả năng hỗ trợ tiếp cận và đánh giá các yếu tố khác nhau trên trang web hoặc ứng dụng, bao gồm cấu trúc HTML, thuộc tính của hình ảnh, màu sắc và khả năng điều hướng bằng bàn phím.

Mỗi quy trình kiểm tra khả năng hỗ trợ tiếp cận đều đạt hoặc không đạt. Không giống như quy trình Kiểm tra hiệu suất, bạn sẽ không đạt được điểm số khi vượt qua một phần quy trình kiểm tra khả năng hỗ trợ tiếp cận. Ví dụ: nếu một số nút trên trang có tên dễ tiếp cận, nhưng những nút khác lại không có tên, thì trang sẽ nhận được giá trị 0 cho quy trình kiểm tra Các nút không có tên dễ tiếp cận.

Bảng sau đây trình bày trọng số cho từng bài kiểm tra khả năng hỗ trợ tiếp cận. Các cuộc kiểm tra có trọng số cao hơn có ảnh hưởng lớn hơn đến điểm số của bạn. Quy trình kiểm tra thủ công không được đưa vào bảng vì không ảnh hưởng đến điểm số của bạn.

Kiểm tra Trọng lượng
Các giá trị [accesskey] là duy nhất 7
[aria-*] thuộc tính khớp với vai trò tương ứng 10
Những giá trị được chỉ định cho role="" là vai trò của Ứng dụng Internet phong phú dễ dùng (ARIA) 1
Các phần tử button, link và menuitem có tên thành phần hỗ trợ tiếp cận 7
Các phần tử có role="dialog" hoặc role="alertdialog" có tên thành phần hỗ trợ tiếp cận 7
Không có [aria-hidden="true"] trên tài liệu  10
Các phần tử [aria-hidden="true"] không chứa các phần tử theo thứ tự giảm dần có thể làm tâm điểm 7
Các trường nhập dữ liệu của Ứng dụng Internet phong phú dễ dùng (ARIA) có tên thành phần hỗ trợ tiếp cận 7
Các phần tử meter của Ứng dụng Internet phong phú dễ dùng (ARIA) có tên thành phần hỗ trợ tiếp cận 7
Các phần tử progressbar của Ứng dụng Internet phong phú dễ dùng (ARIA) có tên thành phần hỗ trợ tiếp cận 7
[role] có tất cả các thuộc tính [aria-*] bắt buộc 10
Các phần tử có [role] của Ứng dụng Internet phong phú dễ dùng (ARIA) yêu cầu phần tử con phải chứa một [role] cụ thể đều có tất cả các phần tử con bắt buộc 10
[role] có trong phần tử mẹ bắt buộc 10
Các giá trị [role] hợp lệ 7
Các phần tử có thuộc tính role=text không có con cháu có thể làm tâm điểm 7
Tên các trường chuyển đổi của Ứng dụng Internet phong phú dễ dùng (ARIA) có tên thành phần hỗ trợ tiếp cận 7
Các phần tử tooltip của Ứng dụng Internet phong phú dễ dùng (ARIA) có tên thành phần hỗ trợ tiếp cận 7
Các phần tử treeitem của Ứng dụng Internet phong phú dễ dùng (ARIA) có tên thành phần hỗ trợ tiếp cận 7
Thuộc tính [aria-*] có giá trị hợp lệ 10
Các thuộc tính [aria-*] hợp lệ và không bị sai chính tả 10
Các nút có tên thành phần hỗ trợ tiếp cận 10
Trang chứa tiêu đề, đường liên kết bỏ qua hoặc khu vực mốc 7
Màu nền và màu nền trước có tỷ lệ tương phản vừa đủ 7
<dl> chỉ chứa các nhóm <dt> và <dd> được sắp xếp đúng cách, các phần tử <script>, <template> hoặc <div> 7
Các mục trong danh sách định nghĩa được gói trong phần tử <dl> 7
Tài liệu có phần tử <title> 7
Thuộc tính [id] trên các phần tử có thể lấy tiêu điểm đang hoạt động là duy nhất 7
Mã nhận dạng của Ứng dụng Internet phong phú dễ dùng (ARIA) là duy nhất 10
Không có trường biểu mẫu nào có nhiều nhãn 3
Các phần tử <frame> hoặc <iframe> có tiêu đề 7
Các phần tử tiêu đề xuất hiện theo thứ tự giảm dần 3
Phần tử <html> có thuộc tính [lang] 7
Phần tử <html> có giá trị hợp lệ cho thuộc tính [lang] 7
Phần tử <html> có một thuộc tính [xml:lang] có cùng ngôn ngữ cơ sở với thuộc tính [lang] 3
Các phần tử hình ảnh có thuộc tính [alt] 10
Các phần tử hình ảnh không có thuộc tính [alt] là văn bản thừa 1
Các nút nhập có văn bản rõ ràng 10
<input type="image"> phần tử có văn bản [alt] 10
Các phần tử có nhãn văn bản hiển thị có tên khớp với thiết bị hỗ trợ tiếp cận 7
Phần tử biểu mẫu có nhãn liên kết 7
Có thể phân biệt được các đường liên kết mà không cần dựa vào màu sắc 7
Các đường liên kết có tên rõ ràng 7
Danh sách chỉ chứa các phần tử <li> và các phần tử hỗ trợ tập lệnh (<script> và <template>) 7
Các mục trong danh sách (<li>) có trong phần tử <ul>, <ol> hoặc <menu> mẹ 7
Tài liệu này không sử dụng <meta http-equiv="refresh"> 10
[user-scalable="no"] không được sử dụng trong phần tử <meta name="viewport"> và thuộc tính [maximum-scale] không nhỏ hơn 5 10
<object> thành phần có văn bản thay thế 7
Các phần tử lựa chọn có phần tử nhãn liên kết 7
Có thể đặt tiêu điểm vào các đường liên kết bỏ qua 3
Không có phần tử nào có giá trị [tabindex] lớn hơn 0 7
Bảng có nội dung khác nhau trong thuộc tính tóm tắt và <caption> 1
Bảng sử dụng <caption> thay vì các ô có thuộc tính [colspan] để biểu thị chú thích 7
Các phần tử <td> trong <table> lớn có một hoặc nhiều tiêu đề bảng 10
Các ô trong phần tử <table> sử dụng thuộc tính [headers] tham chiếu đến các ô trong cùng một bảng 7
Các phần tử <th> và phần tử có [role="columnheader"/"rowheader"] chứa các ô dữ liệu mà chúng mô tả 7
Các thuộc tính [lang] có giá trị hợp lệ 7
Phần tử <video> chứa phần tử <track> có [kind="captions"] 10

Xem thêm nội dung kiểm tra mức độ dễ dàng sử dụng website , tại đây.

Các bạn vừa cùng webpress.vn tìm hiểu nội dung kiểm tra mức độ dễ dàng sử dụng website bằng google Lighthouse, hy vọng đây là những thông tin hữu ích để các bạn có thể tham khảo. Bên cạnh đó tại tại webpress.vn hiện cung cấp giải pháp thiết kế website chuẩn SEO, cam kết (Tham khảo tại đây)

Thông tin liên hệ

 

 

TIN TỨC MỚI NHẤT
Cách thay đổi tác nhân người dùng trong Chrome, Edge, Safari và Firefox
Cách thay đổi tác nhân người dùng trong Chrome, Edge, Safari và Firefox
9 Mẹo Tối Ưu Hóa Ngân Sách Thu Thập Dữ Liệu Cho SEO
9 Mẹo Tối Ưu Hóa Ngân Sách Thu Thập Dữ Liệu Cho SEO
Google: Lưu trữ tài nguyên trên tên máy chủ khác nhau để tiết kiệm ngân sách thu thập dữ liệu
Google: Lưu trữ tài nguyên trên tên máy chủ khác nhau để tiết kiệm ngân sách thu thập dữ liệu
Top 10 Lỗi Thường Gặp Khi Sử Dụng Email Server Riêng Và Cách Khắc Phục
Top 10 Lỗi Thường Gặp Khi Sử Dụng Email Server Riêng Và Cách Khắc Phục
Quy trình thông báo website TMĐT bán hàng
Quy trình thông báo website TMĐT bán hàng
BÀI VIẾT LIÊN QUAN

Top 10 công cụ kiểm tra bài viết chuẩn SEO

Đối với những người làm nội dung, đặc biệt là các SEOer, công cụ kiểm tra bài viết chuẩn SEO là một trợ thủ đắc lực giúp nâng cao hiệu quả SEO cho website. Trong quá trình sáng tạo nội dung, đôi khi ý tưởng có thể bị trùng lặp, điều này sẽ ảnh hưởng đến chất lượng của bài viết cũng như mức độ tối ưu SEO của toàn bộ trang.

Đọc tiếp Arrow Action

Viết bài chuẩn SEO: Hướng dẫn 4 bước tốI ưu 2024

Khám phá bí quyết viết bài chuẩn SEO hiệu quả với hướng dẫn chi tiết từng bước. Bài viết này sẽ giúp bạn hiểu rõ các kỹ thuật tối ưu hóa nội dung để cải thiện thứ hạng trên công cụ tìm kiếm, từ việc nghiên cứu từ khóa, tối ưu tiêu đề và mô tả, đến cách tạo nội dung hấp dẫn và thân thiện với người đọc. Cùng tìm hiểu cách áp dụng các xu hướng SEO mới nhất năm 2024 để thu hút lượng truy cập và tăng cường hiệu quả cho chiến lược tiếp thị nội dung của bạn.

Đọc tiếp Arrow Action

Cách resize ảnh hàng loạt online miễn phí chất lượng

Có rất nhiều cách resize ảnh hàng loạt mà không cần phải tải hay mất phí và cực kỳ dễ sử dụng. Sẽ có những cách đơn giản và phù hợp với bạn, sau đây là hướng dẫn giúp bạn thực hiện nhanh chóng, thành công trong cách resize ảnh online để giúp ảnh đẹp hơn.

Đọc tiếp Arrow Action

Trọn bộ quy trình xác minh tên miền với Google Search Console

Có rất nhiều nhà kinh doanh cảm thấy website lâu được index mà không biết lý do tại sao? Trong bài viết này, WEBPRESS sẽ hướng dẫn cho bạn cách xác minh tên miền với Google Search Console đơn giản nhất. Việc xác minh tên miền với Google Search Console là một bước cơ bản và quan trọng mà các quản trị viên website cần phải biết. Nó giúp cho website được Google lập chỉ mục và hiển thị trên kết quả tìm kiếm. 

Đọc tiếp Arrow Action

Ảnh hưởng của robots.txt đến SEO

Tệp robots.txt cho trình thu thập dữ liệu của công cụ tìm kiếm biết có thể truy cập vào những URL nào trên trang web của bạn. Tệp này chủ yếu dùng để ngăn trình thu thập dữ liệu gửi quá nhiều yêu cầu cho trang web; đây không phải là cơ chế để ẩn một trang web khỏi Google. Để ẩn một trang web khỏi Google, hãy chặn lập chỉ mục bằng noindex hoặc bảo vệ trang đó bằng mật khẩu.

Đọc tiếp Arrow Action

Giúp công cụ tìm kiếm thu thập dữ liệu và lập chỉ mục

Máy chủ cung cấp mã trạng thái HTTP gồm ba chữ số cho mỗi yêu cầu tài nguyên mà máy chủ nhận được. Mã trạng thái trong 400 và 500 cho biết đã xảy ra lỗi với tài nguyên được yêu cầu. Nếu gặp lỗi mã trạng thái khi thu thập dữ liệu trên một trang web, thì công cụ tìm kiếm có thể sẽ không lập chỉ mục trang đó đúng cách.

Đọc tiếp Arrow Action