Thẻ HTML <title>

Nguyen Le Oanh

Định nghĩa và cách sử dụng thẻ <title>

Thẻ <title> xác định tiêu đề của tài liệu. Tiêu đề chỉ được ở dạng văn bản và được hiển thị trên thanh tiêu đề của trình duyệt hoặc trong tab của trang. Ví dụ sau xác định tiêu đề cho tài liệu HTML:

<!DOCTYPE html>
<html>
<head>
  <title>Tham chiếu phần tử HTML</title>
</head>
<body>

<h1>Đây là một tiêu đề</h1>
<p>Đây là một đoạn văn.</p>

</body>
</html>

Thẻ <title> là bắt buộc trong tài liệu HTML!

Nội dung của tiêu đề trang rất quan trọng để tối ưu hóa công cụ tìm kiếm (SEO)! Tiêu đề trang được thuật toán của công cụ tìm kiếm sử dụng để quyết định thứ tự khi liệt kê các trang trong kết quả tìm kiếm.

Phần tử <title>:

Xác định tiêu đề trên thanh công cụ của trình duyệt
Cung cấp tiêu đề cho trang khi nó được thêm vào mục yêu thích
Hiển thị tiêu đề cho trang trong kết quả của công cụ tìm kiếm

Dưới đây là một số mẹo để tạo tiêu đề hay:

Chọn tiêu đề dài hơn, mang tính mô tả (tránh tiêu đề một hoặc hai từ)
Công cụ tìm kiếm sẽ hiển thị khoảng 50-60 ký tự của tiêu đề, vì vậy hãy cố gắng không đặt tiêu đề dài hơn thế
Không chỉ sử dụng danh sách các từ làm tiêu đề (điều này có thể làm giảm vị trí của trang trong kết quả tìm kiếm)

Vì vậy, hãy cố gắng đặt tiêu đề chính xác và có ý nghĩa nhất có thể!

Lưu ý: KHÔNG thể có nhiều hơn một phần tử <title> trong tài liệu HTML.

Hỗ trợ trình duyệt

Phần tử <title>	Google Chrome	MS Edge	Firefox	Safari	Opera
Phần tử <title>	Có	Có	Có	Có	Có

Thuộc tính Global

Thẻ <title> cũng hỗ trợ thuộc tính Global trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị phần tử <title> với những giá trị mặc định sau:

title {
  display: none;
}

Chủ Nhật, 28/07/2024 08:00

5 ★ 1 👨 230

Bạn nên đọc

Xác thực tài khoản!

Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:

Số điện thoại chưa đúng định dạng!