HTML cho Semantic Web và SEO

Posted by KoganKid on Mar 10, 2010 in HTML/CSS, Internet Marketing, PHP | 13 comments

Đầu tiên là hứa với Mèo Tom cho cái tựa đề này, nên hôm nay phải ngồi viết. Cũng cảm ơn Mèo, do có áp lực lời hứa nên viết chứ dạo này cũng lười mài nghiên mực.

Thứ hai là do hồi đi học rất không thích các môn học thuộc bài nên không biết định nghĩa là cái gì hết.

Vậy Semantic Web là gì, à thì là Web ngữ nghĩa, thông tin chi tiết xin liên hệ Wiki.

SEO thì ai cũng biết rồi, lỡ như không biết thì cũng xin liên hệ Wiki luôn nhen. Hoặc coi qua bài này 10 phút tìm hiểu về SEO

Semantic Mark up – tạm dịch là sử dụng chính xác các thẻ (tag) HTML/CSS để mô tả chính xác những loại nội dung.

Tại sao gộp chung Semantic Web và SEO vào trong bài này, lý do là các bộ mày tìm kiếm ngày càng chú trọng đến nội dung của các trang web, nội dung có thực sự hữu ích đến người dùng hay không, và đặt trọng số vào các phần nào trong trang web khi thực hiện “cào”.

Thế là xong phần định nghĩa, giờ đến phần chính, sử dụng HTML/CSS như thế nào cho đúng chuẩn của Semantic Web và được ưu tiên cho SEO.

CSS phiên bản 1 sử dụng nhiều bảng (table – thẻ <table>, <tr>, <td>), đôi khi sử dụng font chữ (thẻ <font>) cho việc truyền tải nội dung website. Và điều này là thực sự không tốt, do trong các bảng, không thực sự nói lên được điều gì cho nội dung của bạn. Hình thức bảng là tổng quát, làm sao để biết được điểm nhấn ở đâu, phần nào quan trọng hơn phần khác khi mà từ tựa đề (title) bài viết đến chú thích (description) và nội dung chính đều được sử dụng các thẻ giống nhau hoàn toàn.

Vậy việc đầu tiên chúng ta phải chú ý là sử dụng đúng thẻ HTML cho từng nội dung khác nhau.

Thẻ đầu tiên được nhắc đến là dòng họ “hát”. Nếu dòng nội dung của bạn là tiêu đề cho một đoạn văn bản hay một nhóm các nội dung khác, bạn nên sử dụng các thẻ “hát” từ <h1> đến <h6>. Việc chuyển từ CSS 1 sang CSS 2 không phải là chuyển toàn bộ thẻ <table> sang thẻ <div>. Thẻ <div> để định dạng khối chung chung, không hề có ý nghĩa ngữ nghĩa và tất nhiên không được đặt trọng số trong việc “cào” của các công cụ tìm kiếm. Và các công cụ tìm kiếm chỉ đặt trọng số cho các phần nội dung được đặt trong các nhóm thẻ nội dung – trong đó, thẻ “hát” được đặt trong số rất cao.

Vì lý do đó, chúng ta nên đặt thẻ “hát” ở bất cứ nơi nào có thể và hợp lý, tất nhiên là phải đặt theo một thứ tự đúng, thẻ <h1> không thể nằm trong thẻ <h2>.

Nếu như trong SEO, chúng ta thường phải quan tâm tới sitemap, một hình thức sitemap in site là xây dựng hệ thống liên kết các đề mục, sử dụng các thẻ “list” – <ul>, <ol>, <li> thì semantic web cũng rất quan tâm đến điểm này.

Nên sử dụng các thẻ “list” cho việc liệt kê nội dung trong website, ví dụ điển hình là các menu, ngay cả trong việc trình bày các sản phẩm trong một trang mua bán, hiển thị các bình luận (comments) trong blog, trả lời trong các diễn đàn hay liệt kê hình ảnh, chúng ta cũng nên sử dụng các thẻ “list” này.

Tất nhiên, để trình bày một đoạn văn, sử dụng thẻ <p> là điều chắc chắn. Bên cạnh đó, các thẻ <em> để in nghiêng, <strong> để in đậm, <ins> để chèn, <del> để xoá cũng nên được sử dụng khi muốn nhấn mạnh hơn vài yếu tố trong đoạn văn bản.

Nhiều người khuyến cáo hạn chế sử dụng thẻ <table>, nhưng nếu phải sử dụng, nên sử dụng các thẻ <thead>, <tfoot> để biểu diễn rõ ràng các phần nội dung trong bảng.

Một số thẻ khác được khuyến cáo dùng để diễn tả ngữ nghĩa văn bản là <lable>, <fieldset> cho các form.

Lưu ý cho việc sử dụng các thẻ HTML là không nên để nhầm lẫn giữa việc TRÌNH BÀY và Ý NGHĨA. Điều này khá quan trọng, sử dụng các thẻ HTML được nói trên cho việc làm rõ Ý NGHĨA của nội dung cần truyền đạt, không phải để TRÌNH BÀY cho website dễ nhìn hơn. Ví dụ không nên dùng thẻ <h1> chỉ để một đoạn văn nào đó to rõ dễ nhìn, trong khi đoạn văn đó không phải là tiêu đề cho văn bản hay nhóm nào cả.

Còn một số vấn đề về chuẩn XHTML, XML trong khi thực hiện Semantic Web, có lẻ sẽ bổ sung sau, hoặc sẽ nói thêm trong buổi trà dư tửu hậu nào đó.

Bài viết được tham khảo từ nhiều nguồn sách vở, blog, website đã đọc qua, và mang nhiều yếu tố suy nghĩ cá nhân của người viết, không có giá trị về khoa học