Không một ai khi thiết kế website của mình mà không muốn chuẩn hóa theo ngôn ngữ cấu trúc HTML5. HTML5 hiện nay là cấu trúc ngôn ngữ phổ biến được chuẩn hóa từ HTML4, nó được sử dụng rộng rãi và định hướng cốt lõi cho công nghệ internet trong tương lai.
Trong quá trình tạo blog cheo chuẩn HTML5, đa số mọi người thường mắc phải các lỗi cơ bản khi thực hiện kiểm tra blog của mình đã đạt chuẩn hay chưa. Có rất nhiều lỗi xãy ra mà yêu cầu chúng ta xử lý để đạt chuẩn HTML5 và tối ưu hóa Seo onpage. Rất nhiều người không biết xử lý các lỗi này. Trong bài này tôi sẽ hướng dẫn cách sửa các lỗi HTML5 thường gặp nhất. Để sửa lỗi này, chúng ta sử dụng công cụ kiểm tra HTML5 CSS3, sau khi nhập URL trang web vào thanh địa chỉ, ấn Check để kiểm tra. Chúng ta sẽ thấy những lỗi thường xãy ra như sau:
Đọc thêm: Seo offpage là gì?
1. Lỗi thiếu thuộc tính Alt trong mỗi hình ảnh
Lỗi này xảy ra rất phổ biến khi viết bài, thực hiện upload ảnh nhưng không thêm tiêu đề và thuộc tính Alt của hình ảnh.
Cách sửa lổi này là copy đường link được tô màu đỏ ở ảnh trên và mở nó ra để xem bức ảnh này nằm trong bài viết nào. Sau đó mở bài viết có chứa hình ảnh đó ra, kích chuột trái vào hình ảnh để xuất hiện Menu. Trên thanh menu, ấn vào thuộc tính và viết mô tả tiêu đề và mô tả thẻ Alt chính xác theo đúng nội dung bức ảnh. Ấn lưu và kết thúc. Quay lại phần kiểm tra HTML5 sẽ thấy dòng lỗi phía trên biến mất. OK, thật tuyệt vời.
2. Lỗi thẻ imageanchor được thêm vào tự động
Đây là lỗi khi viết bài và upload ảnh lên, trong một số trường hợp nó sẽ tự động thêm phần tử imageanchor="1". Bây giờ nhiệm vụ chúng ta là xóa nó đi (xóa phần tử imageanchor="1" được tô màu xanh trên hình ảnh)
Cách xóa như sau: Copy đường link ảnh được tô màu đỏ ở ảnh trên, tiếp tục mở nó ra để xem ảnh đó nằm trong bài viết nào. Mở bài viết đó ra và chuyển qua thẻ HTML (nhớ chuyển sang chế độ HTML để tìn link ảnh nha). Sau đó tìm đến đoạn link ảnh đó và xóa thuộc tính imageanchor="1" được tô màu xanh như ảnh trên. OK. mọi việc tốt đẹp.
3. Lỗi border="0" bị lỗi thời
Các thuộc tính border là lỗi thời. Hãy xem xét chỉ định img {border: 0; } Trong CSS để thay thế.
Tương tự như cách xử lý ở trên chúng ta tìm link ảnh tô màu đỏ trên nằm ở bài viết nào. Sau đó mở bài viết ra ở chế độ HTML, tìm thuộc tính border="0" và xóa nó đi. Rất đơn giản.
4. Lỗi thuộc tính Target = ""
Lỗi này ít phổ biến, nhưng trong một số trường hợp có thể gặp thuộc tính đi kèm phía sau URL chuyển hướng bài viết.
Cách sửa lỗi này cũng đơn giản. Khi đang ở trang chủ, ấn phải chuột và xem nguồn trang (view-source), ấn Ctrl+F để tìm thuộc tính target="" Sau khi tìm ra thuộc tính đó ta sẽ biết được thuộc tính này nằm ở bài viết nào, mở bài viết đó ra ở chế độ HTML và xóa thuộc tính đó là OK.
5. Lỗi yếu tố Style thiếu thuộc tính
Thuộc tính style dùng để nội tuyến một số CSS nhỏ, chúng ta tìm nó trong mẫu Template có dạng <style type="text/css"> và thay bằng <style type="text/css" scoped> là hoàn tất.
Trên đây là 5 lỗi phổ biến nhất mà chúng ta thường gặp phải khi kiểm tra website đã đạt chuẩn HTML5 chưa. Sau khi sửa các lỗi này. Hãy thử kiểm tra HTML5 CSS3 một lần nữa sẽ thấy các lỗi biến mất và theme đạt chuẩn HTML5. Chúc mọi người thành công.
Đọc thêm: Sửa lỗi Hatom trong dữ liệu có cấu trúc
No comments:
Post a Comment