12 Tiêu Chí Kiểm Toán Mã Nguồn HTML
Bạn có thể sử dụng danh sách này làm biên bản nghiệm thu kỹ thuật (Definition of Done) cho mọi bài viết hoặc tính năng giao diện mới:
| Hạng mục kiểm tra | Mức ưu tiên | Quy chuẩn kỹ thuật bắt buộc | Công cụ kiểm tra |
|---|---|---|---|
| 1. Thẻ tiêu đề <title> | Critical | Duy nhất 1 thẻ trong <head>; độ dài <600px (~50–60 ký tự); nêu rõ thực thể và thương hiệu; không nhồi từ khóa. | Screaming Frog / DevTools |
| 2. Thẻ mô tả <meta name="description"> | High | Độ dài 120–160 ký tự; tóm tắt giải pháp cho người tìm kiếm; không trùng lặp giữa các trang. | Screaming Frog |
| 3. Thẻ canonical <link rel="canonical"> | Critical | Nằm trong <head>; URL tuyệt đối có https; tự tham chiếu (self-referencing); không có 2 thẻ trên cùng 1 trang. | Search Console / DevTools |
| 4. Thẻ chỉ thị <meta name="robots"> | Critical | Đảm bảo trang công khai KHÔNG bị gắn nhầm noindex hoặc nofollow; các trang nội bộ nhạy cảm được gắn đúng. | URL Inspection / DevTools |
| 5. Thẻ tiêu đề trang <h1> | High | Duy nhất 1 thẻ <h1> trên trang bài viết; khớp sát ý định tìm kiếm; không dùng logo hoặc widget làm H1. | Detailed SEO / Screaming Frog |
| 6. Phân cấp Heading <h2>–<h6> | High | Cấu trúc cây tài liệu tuần tự (H2 rồi mới đến H3); không nhảy cóc cấp độ; mở mục bằng câu trả lời Answer-First. | WAVE Tool / HeadingsMap |
| 7. Thẻ liên kết <a> & href | Critical | Có thuộc tính href chứa URL hợp lệ; không dùng onclick rỗng; gắn rel="sponsored" cho link quảng cáo; anchor text tự nhiên. | Screaming Frog (Inlinks/Outlinks) |
| 8. Thẻ hình ảnh <img> & alt | High | 100% ảnh có thuộc tính alt (ảnh trang trí để alt=""); có width & height chống CLS; không gắn loading="lazy" cho ảnh đầu trang. | Lighthouse / PageSpeed |
| 9. Bảng dữ liệu <table> | Medium | Chỉ dùng cho bảng số liệu (không chia layout); có <caption>; hàng đầu dùng <thead> và <th> có thuộc tính scope. | W3C Nu HTML Checker |
| 10. Bố cục ngữ nghĩa Semantic HTML5 | Medium | Duy nhất 1 thẻ <main>; sử dụng <article>, <section>, <nav>, <aside> thay vì biến trang thành một mớ Div Soup. | DevTools Elements |
| 11. Dữ liệu có cấu trúc JSON-LD | High | Nhúng đúng trong <script type="application/ld+json">; không lỗi cú pháp; thông tin khai báo phải hiển thị trên màn hình. | Rich Results Test / Schema Validator |
| 12. Trạng thái Raw HTML vs Rendered DOM | Critical | Nội dung bài viết và các thẻ SEO cốt lõi có sẵn trong mã nguồn thô (View Source), không phụ thuộc hoàn toàn vào JavaScript. | View Source / URL Inspection |
5 Công Cụ Miễn Phí Khuyên Dùng Để Tự Kiểm Toán
Danh sách năm công cụ kiểm toán mã nguồn miễn phí và phổ biến nhất giúp bạn rà soát nhanh chóng các lỗi kỹ thuật On-page, cấu trúc DOM và chỉ số Core Web Vitals trên website.
- Chrome DevTools (F12): Công cụ mạnh mẽ nhất có sẵn trên mọi máy tính. Dùng tab Elements để soi cây Rendered DOM, tab Network để kiểm tra thời gian tải tài nguyên và tab Lighthouse để đo Core Web Vitals.
- Google Search Console — URL Inspection: Dùng tính năng Kiểm tra URL trực tiếp (Test Live URL) để xem chính xác mã HTML kết xuất và ảnh chụp màn hình mà Googlebot đã nhìn thấy.
- Screaming Frog SEO Spider: Cào quét toàn bộ trang web (bản miễn phí cho phép quét tối đa 500 URL) để phát hiện hàng loạt các lỗi thiếu thẻ title, trùng lặp canonical, ảnh thiếu alt và liên kết nội bộ gãy.
- W3C Nu HTML Checker (validator.w3.org/nu/): Dịch vụ kiểm tra tính hợp lệ của mã HTML theo chuẩn WHATWG, phát hiện các lỗi thẻ đóng thiếu hoặc thuộc tính không hợp lệ.
- Google Rich Results Test: Kiểm tra tính chuẩn xác và điều kiện hợp lệ của các đoạn mã Schema JSON-LD trước khi xuất bản.
Tài Nguyên Kỹ Thuật & Công Cụ Kiểm Tra Thực Tế
Bộ tài nguyên kỹ thuật dưới đây cung cấp các công cụ kiểm toán trực tuyến chuẩn mực từ W3C, tài liệu kỹ thuật Google Search Central và hướng dẫn thực hành Lighthouse toàn diện.
W3C Markup Validation Service
Trình xác thực cú pháp mã nguồn HTML chính thức của tổ chức W3C toàn cầu.
Truy cập W3C Validator →Google Search Central: Technical SEO Docs
Kho tài liệu kỹ thuật toàn diện của Google về thu thập dữ liệu, lập chỉ mục và kết xuất.
Tài liệu Google Search Central →Chrome Lighthouse Audit
Bộ công cụ kiểm toán hiệu năng, SEO kỹ thuật và khả năng tiếp cận tích hợp sẵn trong trình duyệt.
Tài liệu Lighthouse →Cẩm Nang HTML Cho SEO (Danh Nolan)
Bản đồ kiến trúc mã nguồn tổng thể từ các thẻ cơ bản đến tối ưu hóa cho AI Search Engines.
Đọc tài liệu HTML SEO →Hệ Thống Chẩn Đoán SQA-200
Bộ khung kiểm toán 200 điểm định lượng chất lượng website chuẩn quốc tế của Danh Nolan.
Chẩn đoán SQA-200 →Bản Đồ Thực Thể EntityMap
Sơ đồ thực thể giúp đối chiếu và kiểm tra tính nhất quán của dữ liệu On-Page toàn site.
Xem EntityMap →Thực Hành Kiểm Toán Mã Nguồn Quy Mô Lớn Trên Website Thật
Tham gia các chương trình đào tạo chuyên sâu của Danh Nolan để được hướng dẫn trực tiếp quy trình kiểm toán hàng nghìn trang web phức tạp, xây dựng báo cáo audit chuẩn doanh nghiệp và sửa lỗi code tận gốc.