Cái này rất tốt cho các bạn làm web hoặc wap bởi không chỉ code hoạt động thì đã đúng với seo, khi đọc xong thì mới biết lâu nay có thể các bạn đã vấp 1 số lỗi giống như mình dẫn đến việc SEO wap không đạt hiệu quả như mong đợi
Check tại: http://validator.w3.org
1. Thiếu thẻ đóng – (end tag for “X” omitted, but OMITTAG NO was specified)
Đây là một lỗi mà hầu hết các website mắc phải. Với các thẻ lưỡng tính như br, hr, link, img, meta, input . . . thì bắt buộc phải có dấu / ở trong thẻ.
<br>, <hr> <link> <img> <meta> <input> là sai.
Chính xác phải là <hr /> <link /> <img /> <meta /> <input />
2. Thiếu thuộc tính type – (required attribute “type” not specified)
Lỗi này do khai phải CSS hoặc JavaScript bị thiếu thuộc tính type.
<style> , <script> là sai.
Chính xác phải là <style type=”text/css”> <script type=”text/javascript”>
Lưu ý trước kia khai báo JavaScript sử dụng thuộc tính language tuy nhiên bây giờ phải sử dụng thuộc tính type mới chính xác.
3. Sử dụng thẻ <marquee> – (element “marquee” undefined)
Chúng ta thường sử dụng thẻ này để chạy chữ, hình ảnh . . . tuy nhiên thẻ này không được quy định trong các thẻ HTML mà W3C đặt ra. Chính vì vậy chúng ta phải thay thế nó bằng CSS, Jquery
4. Sử dụng các ký tự đặc biệt – (cannot generate system identifier for general entity)
Những ký tự đặc biệt trong HTML như < > / & . . . thì không được phép viết trực tiếp mà phải sử dụng các ký tự thay thế. Chúng ta có thể tham khảo danh sách các ký tự đặc biệt trong HTML .
& là sai.
Chính xác phải là &
Bảng mã: http://w3schools.com/tags/ref_ascii.asp
5. Thiếu thuộc tính alt trong hình ảnh – (required attribute “alt” not specified)
Thuộc tính alt cung cấp thông tin văn bản thay thế cho bức ảnh để khi hình ảnh bị lỗi hoặc tải chậm sẽ hiển thị thay cho bức ảnh. Đặc biệt thuộc tính alt này ảnh hưởng rất lớn trong việc Google Index hình ảnh của chúng ta.
<img src=”/hinhanh.jpg” />
Chính xác phải là <img src=”/hinhanh.jpg” alt=”mô tả cho hình ảnh” />
6. Trùng lặp ID CSS – (ID “X” already defined)
ID và class trong CSS có chức năng tương tự nhau. Class có thể dùng nhiều lần cho các phần tử tuy nhiên id thì chỉ được dùng một lần duy nhất cho một phần tử.
<p id=”para”> Paragraph </p>
<h1 id=”para”> Heading 1 </h1> là sai
Chính xác phải là <p id=”para1″> Paragraph </p>
<h1 id=”para2″> Heading 1 </h1>
7. Trùng lặp thuộc tính – (duplicate specification of attribute X)
Đây là lỗi thường gặp khi sử dụng thuộc tính class cho các phần tử HTML
<p> là sai
Chính xác phải là <p class = “class1 class2″>
8. Các thẻ cũ không được sử dụng trong HTML
Trong những phiên bản mới thì W3C đã loại bỏ một số thẻ định dạng cũ và thay vào đó là sử dụng css
<font> <u> <center> <strike> không được sử dụng
9. Sử dụng thẻ <embed> để chèn Flash – (element “embed” undefined)
Khi chèn Flash thì thẻ <embed> không được sử dụng ( tuy nhiên sẽ được sử dụng trong phiên bản HTML5 ) mà phải thay thế bằng thẻ <object>
1. Dấu & trong các link liên kết:
Vì lúc này cụm © là 2 ký tự đặc biệt trong HTML (giống như - khoảng trắng) nên khi view lên thanh adrress sẽ không ra kết quả nhu mong muốn, cụ thể là © sẽ chuyển thành ký hiệu (c) -> phần serve không nhận được giá tham số copy từ url có thể khắc phục như sau:
Kí tự đặc biệt trong text cũng tương tự
2. Đặt sai các cặp thẻ đóng mở:
3. Viết chữ thường từ DOCTYPE:
4.Thiếu thẻ TITLE: TITLE là thẻ bắt buộc có trong HTML
5. Viết hoa trong các element và attribute của HTML
Tất chữ của các element và attribute của tag HTML phải viết chữ thường.
6. Cách viết HTML trong JavaScript:
Chúc các bạn thành công.
Tags: #thủ-thuật #w3c #seo
Check tại: http://validator.w3.org
Một Số Lỗi Thường Gặp:
1. Thiếu thẻ đóng – (end tag for “X” omitted, but OMITTAG NO was specified)
Đây là một lỗi mà hầu hết các website mắc phải. Với các thẻ lưỡng tính như br, hr, link, img, meta, input . . . thì bắt buộc phải có dấu / ở trong thẻ.
<br>, <hr> <link> <img> <meta> <input> là sai.
Chính xác phải là <hr /> <link /> <img /> <meta /> <input />
2. Thiếu thuộc tính type – (required attribute “type” not specified)
Lỗi này do khai phải CSS hoặc JavaScript bị thiếu thuộc tính type.
<style> , <script> là sai.
Chính xác phải là <style type=”text/css”> <script type=”text/javascript”>
Lưu ý trước kia khai báo JavaScript sử dụng thuộc tính language tuy nhiên bây giờ phải sử dụng thuộc tính type mới chính xác.
3. Sử dụng thẻ <marquee> – (element “marquee” undefined)
Chúng ta thường sử dụng thẻ này để chạy chữ, hình ảnh . . . tuy nhiên thẻ này không được quy định trong các thẻ HTML mà W3C đặt ra. Chính vì vậy chúng ta phải thay thế nó bằng CSS, Jquery
4. Sử dụng các ký tự đặc biệt – (cannot generate system identifier for general entity)
Những ký tự đặc biệt trong HTML như < > / & . . . thì không được phép viết trực tiếp mà phải sử dụng các ký tự thay thế. Chúng ta có thể tham khảo danh sách các ký tự đặc biệt trong HTML .
& là sai.
Chính xác phải là &
Bảng mã: http://w3schools.com/tags/ref_ascii.asp
5. Thiếu thuộc tính alt trong hình ảnh – (required attribute “alt” not specified)
Thuộc tính alt cung cấp thông tin văn bản thay thế cho bức ảnh để khi hình ảnh bị lỗi hoặc tải chậm sẽ hiển thị thay cho bức ảnh. Đặc biệt thuộc tính alt này ảnh hưởng rất lớn trong việc Google Index hình ảnh của chúng ta.
<img src=”/hinhanh.jpg” />
Chính xác phải là <img src=”/hinhanh.jpg” alt=”mô tả cho hình ảnh” />
6. Trùng lặp ID CSS – (ID “X” already defined)
ID và class trong CSS có chức năng tương tự nhau. Class có thể dùng nhiều lần cho các phần tử tuy nhiên id thì chỉ được dùng một lần duy nhất cho một phần tử.
<p id=”para”> Paragraph </p>
<h1 id=”para”> Heading 1 </h1> là sai
Chính xác phải là <p id=”para1″> Paragraph </p>
<h1 id=”para2″> Heading 1 </h1>
7. Trùng lặp thuộc tính – (duplicate specification of attribute X)
Đây là lỗi thường gặp khi sử dụng thuộc tính class cho các phần tử HTML
<p> là sai
Chính xác phải là <p class = “class1 class2″>
8. Các thẻ cũ không được sử dụng trong HTML
Trong những phiên bản mới thì W3C đã loại bỏ một số thẻ định dạng cũ và thay vào đó là sử dụng css
<font> <u> <center> <strike> không được sử dụng
9. Sử dụng thẻ <embed> để chèn Flash – (element “embed” undefined)
Khi chèn Flash thì thẻ <embed> không được sử dụng ( tuy nhiên sẽ được sử dụng trong phiên bản HTML5 ) mà phải thay thế bằng thẻ <object>
Một Số Ví Dụ:
1. Dấu & trong các link liên kết:
Code:
Sai:
<!-- This is invalid! --> <a href="index.php?chapter=1©=3&lang=en">...</a>Vì lúc này cụm © là 2 ký tự đặc biệt trong HTML (giống như - khoảng trắng) nên khi view lên thanh adrress sẽ không ra kết quả nhu mong muốn, cụ thể là © sẽ chuyển thành ký hiệu (c) -> phần serve không nhận được giá tham số copy từ url có thể khắc phục như sau:
Code:
Đúng:
<a ref="index.php?chapter=1©=3&lang=en">...</a>Kí tự đặc biệt trong text cũng tương tự
2. Đặt sai các cặp thẻ đóng mở:
Code:
Không chuẩn: <B><I>NoName9x Pro</B></I>
Chuẩn: <B><I>NoName9x Pro</I></B>3. Viết chữ thường từ DOCTYPE:
Code:
Không chuẩn:
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
Chuẩn:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">4.Thiếu thẻ TITLE: TITLE là thẻ bắt buộc có trong HTML
5. Viết hoa trong các element và attribute của HTML
Code:
Không chuẩn: onClick,HREF,...
Chuẩn: onclick,href,....Tất chữ của các element và attribute của tag HTML phải viết chữ thường.
6. Cách viết HTML trong JavaScript:
Code:
Không chuẩn: <script type="text/javascript">
<!--
// This is an error!
document.write("</P>");
// -->
</script>
Chuẩn:
<script type="text/javascript">
<!--
document.write("</P>");
// -->
</script>Chúc các bạn thành công.
Tags: #thủ-thuật #w3c #seo
