Đăng bài như thế nào để đạt chuẩn HTML5 cho blogspot

By Unknown

Thứ Năm, 4 tháng 9, 2014

Làm thế nào để đăng bài chuẩn HTML5 thân thiện cho SEO hơn ? bí quyết đăng bài đăng bài đạt chuẩn HTML5 cho blogspot .

Đăng bài như thế nào để đạt chuẩn HTML5 cho blogspot

Một template chuẩn HTML5 chưa chắc người sử dụng template đó đăng bài đạt chuẩn HTML5, vậy làm sao để khắc phục các lỗi khi đăng bài để chuẩn HTML5 bài viết này  hướng dẫn cụ thể cho các bạn.

Trước khi đi vào vấn đề chính chúng ta cần khắc phục một số lỗi thường mắc phải ở các template.
Lỗi 1 : Thanh điều hướng breadcrumbs không chuẩn HTML5 các bạn nên xem bài này để khắc phục TẠI ĐÂY
Lỗi 2 : Bài viết liên quan không chuẩn HTML5 các bạn xem bài này để khắc phục TẠI ĐÂY
Lỗi 3 : Khung comment không chuẩn HTML5 các bạn xem bài này để khắc phục TẠI ĐÂY
Lỗi 4: Mạng xã hội không chuẩn HTM5 các bạn xem bài này để khắc phục TẠI ĐÂY
Đây là 4 lỗi thường gặp ở các template hiện nay.

4 lỗi thường gặp khi đăng bài

Lỗi khi up ảnh

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUbXjl011gRZ39h0Plc-B-IaonXHXaQDo_QVIaGKBlxUP3wT3D74MrAXsOIV9PdKLGiYMSpD8HkOV_DdEolVQxsCyeFVsfBNl_ZzIJYeoCropOOfxLwzjo8HPQPoDLBR9J-S7unM0nac2/s1600/dang-bai-chuan-html5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUbXjl011gRZ39h0Plc-B-IaonXHXaQDo_QVIaGKBlxUP3wT3D74MrAXsOIV9PdKLGiYMSpD8HkOV_DdEolVQxsCyeFVsfBNl_ZzIJYeoCropOOfxLwzjo8HPQPoDLBR9J-S7unM0nac2/s1600/dang-bai-chuan-html5.png" height="234" width="320" /></a>
Khi up ảnh mặc định trong blogspot các bạn chuyển sang chế độ HTML để xóa 2 thuộc này  border="0", imageanchor="1" nó thành thế này
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUbXjl011gRZ39h0Plc-B-IaonXHXaQDo_QVIaGKBlxUP3wT3D74MrAXsOIV9PdKLGiYMSpD8HkOV_DdEolVQxsCyeFVsfBNl_ZzIJYeoCropOOfxLwzjo8HPQPoDLBR9J-S7unM0nac2/s1600/dang-bai-chuan-html5.png"  style="margin-left: 1em; margin-right: 1em;"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUbXjl011gRZ39h0Plc-B-IaonXHXaQDo_QVIaGKBlxUP3wT3D74MrAXsOIV9PdKLGiYMSpD8HkOV_DdEolVQxsCyeFVsfBNl_ZzIJYeoCropOOfxLwzjo8HPQPoDLBR9J-S7unM0nac2/s1600/dang-bai-chuan-html5.png" height="234" width="320" /></a>

Thiếu mô tả (Alt)cho ảnh

Khi đăng bài các bạn chèn mô tả cho ảnh bằng thuộc tính cho ảnh bằng thẻ Alt cụ thẻ như thế này
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUbXjl011gRZ39h0Plc-B-IaonXHXaQDo_QVIaGKBlxUP3wT3D74MrAXsOIV9PdKLGiYMSpD8HkOV_DdEolVQxsCyeFVsfBNl_ZzIJYeoCropOOfxLwzjo8HPQPoDLBR9J-S7unM0nac2/s1600/dang-bai-chuan-html5.png"  style="margin-left: 1em; margin-right: 1em;"><img alt="Đăng bài như thế nào để đạt chuẩn HTML5 cho blogspot"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUbXjl011gRZ39h0Plc-B-IaonXHXaQDo_QVIaGKBlxUP3wT3D74MrAXsOIV9PdKLGiYMSpD8HkOV_DdEolVQxsCyeFVsfBNl_ZzIJYeoCropOOfxLwzjo8HPQPoDLBR9J-S7unM0nac2/s1600/dang-bai-chuan-html5.png" height="234" title="Đăng bài như thế nào để đạt chuẩn HTML5 cho blogspot" width="320" /></a>
Lỗi check tại http://validator.w3.org/

 Fix lỗi thêm thuộc tính hình ảnh như thế này

Lổi frameborder="0" khi chèn mã nhúng video từ Youtube

<iframe width="560" height="315" src="//www.youtube.com/embed/hkOtef_K9tk?rel=0" frameborder="0" allowfullscreen></iframe>

Khi đăng bài có chèn mã nhúng video từ Youtube thì nên xóa thuộc tính frameborder="0" để bài đăng của bạn chuẩn HTML5
Chúc các bạn thành công !

Tag : HTML5, SEO