Tìm hiểu cách sử dụng HTML <title>
phần tử.
HTML <title>
phần tử đại diện cho tiêu đề trang của trang web của bạn.
Để xem tiêu đề trang của bất kỳ trang web nào bạn đang truy cập, hãy di chuyển chuột đến tab trang của trình duyệt và giữ chuột trên đó trong vài giây, sau đó bạn sẽ thấy tiêu đề trang đầy đủ bật lên.
Đây là tôi đang làm điều đó trên YouTube:
Để tạo phần tử tiêu đề, chúng tôi sử dụng mở và đóng <title>
và đặt văn bản bên trong nó:
<title>Document page title</title>
<title>
phần tử chỉ được chứa văn bản!
<title>
phần tử nằm bên trong tài liệu của bạn <head>
phần tử:
<!DOCTYPE html>
<html>
<head>
<title>Document page title</title>
</head>
<body>
...
</body>
</html>
ảnh hưởng đến SEO của bạn
<title>
là một trong những yếu tố quan trọng nhất đối với SEO (Tối ưu hóa công cụ tìm kiếm), vì thuật toán của công cụ tìm kiếm sử dụng tiêu đề trang của bạn (trong số những thứ khác) để xác định xếp hạng của bạn trong kết quả tìm kiếm.
Đối với mục đích SEO và UX, văn bản bạn thêm vào bên trong <title>
phần tử phải mang tính mô tả về trang của bạn càng nhiều càng tốt. Tuy nhiên, không được sử dụng nhiều hơn tổng số 60 ký tự (bao gồm cả khoảng cách giữa các từ), nếu không các công cụ tìm kiếm sẽ không thể hiển thị tiêu đề đầy đủ của bạn.
Ngoài ra, đừng chỉ nhồi nhét một danh sách các từ khóa trong đó, giả sử rằng nó sẽ giúp ích cho SEO của bạn. Thay vào đó, hãy viết một tiêu đề mô tả, bao gồm (các) từ khóa chính của bạn cho trang đó.
Dưới đây là một ví dụ về tiêu đề trang mô tả:
<title>How to build a simple website with HTML, CSS, and JavaScript</title>
Tiêu đề ở trên là linh hoạt, mang tính mô tả và bao gồm 4 từ khóa chính cho một trang web hướng dẫn như TechStacker:
- trang web
- HTML
- CSS
- JavaScript
Mô hình phổ biến mà bạn thấy trên web là các trang web sẽ sử dụng tiêu đề chính trên trang của chúng phần tử văn bản <h1>Main heading</h1>
cũng như tiêu đề trang của họ. Một số CMS như WordPress sẽ tự động làm điều này cho bạn. Cách tiếp cận này thường hoạt động tốt, trừ khi bạn cần phân biệt giữa tiêu đề chính và mô tả tiêu đề trang - vì bất kỳ lý do gì.