Nội dung trong bài viết
Semantic HTML là gì?
Semantic HTML là việc sử dụng các thẻ HTML có ý nghĩa rõ ràng và mô tả được nội dung của trang web một cách chính xác và logic. Các thẻ semantic giúp cho việc đọc mã HTML dễ dàng hơn và giúp cho trang web được truyền tải thông điệp một cách hiệu quả hơn cho người dùng và công cụ tìm kiếm (tối ưu SEO). Ví dụ về các thẻ semantic bao gồm <header>, <nav>, <main>, <article>, <section>, <aside>, <footer>, <figure>, <figcaption>, v.v.
Các thẻ Semantic HTML
Dưới đây là một số thẻ semantic HTML phổ biến:
- <header>: Được sử dụng để định nghĩa phần đầu của trang web hoặc một phần tử đặc biệt.
- <nav>: Được sử dụng để định nghĩa một khu vực chứa các liên kết để điều hướng đến các trang web khác. Thường dùng cho phần menu
- <main>: Được sử dụng để định nghĩa phần chính của trang web.
- <article>: Được sử dụng để định nghĩa một bài viết độc lập hoặc một phần của trang web.
- <section>: Được sử dụng để định nghĩa một phần của trang web, ví dụ như một chương trong một sách.
- <aside>: Được sử dụng để định nghĩa một khu vực phụ, ví dụ: phần sidebar.
- <footer>: Được sử dụng để định nghĩa phần chân trang web hoặc một phần tử đặc biệt.
- <figure>: Được sử dụng để định nghĩa một hình ảnh, đồ họa hoặc bảng dữ liệu cùng với chú thích.
- <figcaption>: Được sử dụng để định nghĩa một chú thích cho các yếu tố được định nghĩa bởi thẻ <figure>.
- <time>: Được sử dụng để định nghĩa một ngày hoặc thời gian.
Semantic HTML trong SEO
Sử dụng thẻ semantic HTML có ý nghĩa quan trọng trong quá trình thu thập dữ liệu và đọc hiểu nội dung của các công cụ tìm kiếm. Thẻ semantic HTML sẽ giúp công cụ tìm kiếm như hiểu được cấu trúc trang web, các phần tử trong trang, cũng như ý nghĩa của từng phần tử đó. Điều này giúp công cụ tìm kiếm dễ dàng hơn trong việc đánh giá được độ chính xác và độ tin cậy của trang web, từ đó tăng cơ hội được xếp hạng cao trên kết quả tìm kiếm của. Nếu bạn sử dụng các thẻ semantic HTML đúng cách sẽ giúp tối ưu SEO cho website của bạn.
Sử dụng Semantic HTML hay sử dụng các div, span
Sử dụng semantic HTML (các thẻ có ý nghĩa định dạng) so với việc sử dụng div, span giúp trang web có cấu trúc rõ ràng hơn, dễ đọc hơn cho cả con người và các công cụ tìm kiếm.
Trong khi đó, sử dụng div và span không có ý nghĩa định dạng cụ thể, làm cho trang web trở nên khó hiểu và khó đọc cho cả con người và các công cụ tìm kiếm. Điều này có thể dẫn đến hiện tượng không tối ưu hóa được SEO cho trang web.
Vì vậy, sử dụng semantic HTML giúp cho trang web trở nên có ý nghĩa định dạng rõ ràng hơn, giúp công cụ tìm kiếm hiểu được cấu trúc và nội dung của trang web một cách chính xác hơn, từ đó cải thiện được SEO và trải nghiệm người dùng cho trang web.
Ở đây tôi muốn nói đến việc lựa chọn giữa một cái tốt và một cái tốt hơn. Còn lại do bạn quyết định
Nhanism
