Skip to main content

Các thẻ HTML cơ bản phải biết và áp dụng

Khi bắt đầu phát triển một trang web, việc áp dụng các thẻ HTML chuẩn SEO là điều cần thiết để tối ưu hóa trang web cho các công cụ tìm kiếm như Google. Các thẻ HTML chuẩn SEO không chỉ giúp cấu trúc trang rõ ràng mà còn tăng khả năng xuất hiện trên các kết quả tìm kiếm. Dưới đây là hướng dẫn sử dụng các thẻ HTML chuẩn SEO mà bạn cần biết và sử dụng.

1. Thẻ cấu trúc cơ bản​

  • <!DOCTYPE html>: Khai báo loại tài liệu HTML5.
  • <html lang="vi">: Khai báo ngôn ngữ của tài liệu, giúp công cụ tìm kiếm hiểu ngôn ngữ nội dung.
  • <head>: Chứa thông tin meta cần thiết cho SEO.
  • <body>: Chứa nội dung hiển thị trên trang.
  <!DOCTYPE html>
  <html>
  <head>
      <title>Tiêu đề trang</title>
  </head>
  <body>
      <h1>Xin chào!</h1>
  </body>
  </html>

2. Thẻ tiêu đề và đoạn văn​

<title>: Tiêu đề của trang web, hiển thị trên kết quả tìm kiếm.

  • Nguyên tắc SEO: Ngắn gọn (dưới 60 ký tự), chứa từ khóa chính và hấp dẫn người dùng.
<title>Học HTML cơ bản chuẩn SEO - Hướng dẫn chi tiết</title>

<h1> đến <h6>: Các tiêu đề phân cấp, trong đó:

  • <h1> chỉ dùng một lần cho tiêu đề chính.

  • <h2>đến <h6> dùng để chia nhỏ nội dung.

    <h1>Hướng dẫn học HTML cơ bản</h1>
    <h2>HTML là gì?</h2>
    <h3>Lợi ích của việc học HTML</h3>

  1. Thẻ Meta
  • <meta charset="UTF-8">: Khai báo bộ mã hóa ký tự.
  • <meta name="viewport" content="width=device-width, initial-scale=1.0">: Đảm bảo trang web hiển thị tốt trên thiết bị di động.
  • <meta name="description" content="Học HTML cơ bản với hướng dẫn chi tiết, dễ hiểu, giúp bạn xây dựng website chuẩn SEO.">: Mô tả trang web, tối ưu dưới 160 ký tự và chứa từ khóa.
  • <meta name="robots" content="index, follow">: Chỉ dẫn cho công cụ tìm kiếm (mặc định là index và follow).
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Học HTML cơ bản với hướng dẫn chi tiết, dễ hiểu, giúp bạn xây dựng website chuẩn SEO.">
    <meta name="robots" content="index, follow">
</head>

j

j

jl

5