Các bạn có thể vào địa chỉ: http://validator.w3.org/ để kiểm tra xem website của mình đã đạt chuẩn HTML5 chưa. Nhưng theo mình thấy thì hầu hết các website hiện nay đều còn rất nhiều lỗi, chưa đạt chuẩn HTML5.
Bài viết này mình sẽ hướng dẫn các bạn chỉnh sửa bài đăng trên Blogger để có thể giúp blog của bạn đạt chuẩn HTML5.
Thông thường bài đăng trên blog của bạn sẽ có những lỗi cơ bản sau (trước khi thực hiện, các bạn phải chuyển bài viết sang chế độ soạn HTML):
1. Thuộc tính trbidi="on": Nó thường xuất hiện ở phía trên cùng của bài đăng và nằm trong đoạn code <div dir="ltr" style="text-align: left;" trbidi="on">. Nếu xóa cả đoạn code đó đi thì nó sẽ xuất hiện trở lại. Vì vậy các bạn chỉ nên xóa phần in đậm đi. Có một số bài đăng có nhiều hơn 1 đoạn code trên, các bạn cần xóa bớt 1 đoạn và thẻ đóng </div> tương ứng của nó (thường nằm ở cuối bài viết).
2. Thuộc tính imageanchor: Nó sẽ nằm trong đoạn code hiển thị hình ảnh trong bài viết và có dạng imageanchor="1". Các bạn cần xóa nó đi.
3. Thuộc tính border: Nó cũng nằm trong đoạn code hiển thị hình ảnh và có dạng border="0". Các bạn cần xóa nó đi.
4. Thêm thuộc tính alt cho hình ảnh: Như các bạn đã biết, thuộc tính alt cho hình ảnh cũng đóng một vai trò khá quan trọng cho SEO và cũng là HTML5. Mỗi hình ảnh trong bài đăng của bạn đều cần có thuộc tính alt.
Thông thường bài đăng trên blog của bạn sẽ có những lỗi cơ bản sau (trước khi thực hiện, các bạn phải chuyển bài viết sang chế độ soạn HTML):
1. Thuộc tính trbidi="on": Nó thường xuất hiện ở phía trên cùng của bài đăng và nằm trong đoạn code <div dir="ltr" style="text-align: left;" trbidi="on">. Nếu xóa cả đoạn code đó đi thì nó sẽ xuất hiện trở lại. Vì vậy các bạn chỉ nên xóa phần in đậm đi. Có một số bài đăng có nhiều hơn 1 đoạn code trên, các bạn cần xóa bớt 1 đoạn và thẻ đóng </div> tương ứng của nó (thường nằm ở cuối bài viết).
2. Thuộc tính imageanchor: Nó sẽ nằm trong đoạn code hiển thị hình ảnh trong bài viết và có dạng imageanchor="1". Các bạn cần xóa nó đi.
3. Thuộc tính border: Nó cũng nằm trong đoạn code hiển thị hình ảnh và có dạng border="0". Các bạn cần xóa nó đi.
4. Thêm thuộc tính alt cho hình ảnh: Như các bạn đã biết, thuộc tính alt cho hình ảnh cũng đóng một vai trò khá quan trọng cho SEO và cũng là HTML5. Mỗi hình ảnh trong bài đăng của bạn đều cần có thuộc tính alt.
ví dụ: <img src="URL Hình Ảnh" Alt="Nội dung">
5. Thuộc tính frameborder: Nếu bài đăng của bạn có chứa video từ YouTube, các bạn sẽ thấy thuộc tính này trong đoạn code iframe, nó sẽ có dạng frameborder="0". Các bạn hãy xóa nó đi.
Đó là một số lỗi cơ bản mình biết mà các bạn cần lưu ý trong khi soạn thảo bài đăng trong Blogger. Ngoài ra blog của bạn có thể có những lỗi khác, việc chỉnh sửa bài đăng chỉ góp phần làm giảm bớt lỗi cho blog của bạn. Nếu phát hiện thêm bất kỳ lỗi cơ bản nào trong bài đăng trên blog, mình sẽ tiếp tục cập nhật trong bài viết này.
Chúc các bạn thành công !
Nguồn: kjmagic.blogspot.com và có chỉnh sửa
5. Thuộc tính frameborder: Nếu bài đăng của bạn có chứa video từ YouTube, các bạn sẽ thấy thuộc tính này trong đoạn code iframe, nó sẽ có dạng frameborder="0". Các bạn hãy xóa nó đi.
Đó là một số lỗi cơ bản mình biết mà các bạn cần lưu ý trong khi soạn thảo bài đăng trong Blogger. Ngoài ra blog của bạn có thể có những lỗi khác, việc chỉnh sửa bài đăng chỉ góp phần làm giảm bớt lỗi cho blog của bạn. Nếu phát hiện thêm bất kỳ lỗi cơ bản nào trong bài đăng trên blog, mình sẽ tiếp tục cập nhật trong bài viết này.
Chúc các bạn thành công !
Nguồn: kjmagic.blogspot.com và có chỉnh sửa
Không có nhận xét nào:
Đăng nhận xét