# Thiết lập khả năng thiết lập

## 1. Mục tiêu

Giúp các trình duyệt, công cụ tìm kiếm và thiết bị hỗ trợ hiểu rõ vai trò của từng khối nội dung, từ đó cải thiện thứ hạng hiển thị và trải nghiệm người dùng rộng rãi.

## 2. Khi nào sử dụng

<figure><img src="/files/TyaGYPSA0ez8FrZruKOB" alt=""><figcaption></figcaption></figure>

* Sử dụng Tag: Khi bạn muốn xác định cấu trúc HTML chuẩn (ví dụ: đâu là đoạn văn, đâu là nút bấm, đâu là danh mục điều hướng).
* Sử dụng Role: Khi một thành phần có vai trò đặc biệt vượt ra ngoài định nghĩa của thẻ HTML cơ bản (ví dụ: một khối nội dung đóng vai trò là "Banner" hoặc "Cảnh báo").
* Sử dụng Aria Label: Khi thành phần chỉ có icon (không có chữ) và bạn cần mô tả bằng văn bản cho máy tính hiểu.

## 3. Các bước thực hiện

### Bước 1: Thiết lập Thẻ (Tag)

<figure><img src="/files/Mm3giAtfoVIl2CiU8vfT" alt=""><figcaption></figcaption></figure>

* Chọn thành phần và mở danh sách Tag. Lựa chọn thẻ phù hợp với nội dung:
  * `p`: Dùng cho các đoạn văn bản mô tả.
  * `button`: Dùng cho các nút tương tác.
  * `a`: Dùng cho các liên kết (Link).
  * `header`/`footer`: Dùng cho phần đầu và cuối trang.
  * `nav`: Dùng cho cụm menu điều hướng.

### Bước 2: Xác định Vai trò (Role)

<figure><img src="/files/OIgRDvZiKAasPDADNdjJ" alt=""><figcaption></figcaption></figure>

* Chọn vai trò tương ứng trong danh sách Role để máy tính hiểu chức năng:
  * `main`: Nội dung chính của trang.
  * `banner`: Khu vực quảng bá đầu trang.
  * `heading`: Các tiêu đề quan trọng.
  * `form`: Khu vực điền thông tin ứng tuyển.

### Bước 3: Bổ sung nhãn hỗ trợ và thứ tự nhấn Tab

* Aria Label: Nhập mô tả ngắn (ví dụ: "Nút gửi hồ sơ") nếu thành phần đó không hiển thị chữ rõ ràng.
* Tab Index: Nhập số thứ tự để điều khiển việc người dùng di chuyển qua các thành phần bằng phím Tab trên bàn phím (mặc định là *unset* để hệ thống tự sắp xếp).

## 4. Các lưu ý quan trọng

* Đúng mục đích: Không nên chọn thẻ `button` cho một đoạn văn bản chỉ để trang trí. Việc chọn sai Tag/Role sẽ làm rối loạn cấu trúc trang đối với các công cụ tìm kiếm.
* Tối ưu SEO: Sử dụng đúng các thẻ như `header`, `nav`, `main` giúp Google đánh giá cao Landing Page của bạn hơn, từ đó dễ dàng tiếp cận với nhiều ứng viên tiềm năng hơn.
* Đơn giản hóa: Nếu bạn không quá rành về kỹ thuật HTML, hãy ưu tiên giữ các thông số này ở mức mặc định (thường là `p` cho văn bản và `div` cho khối bao quanh).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/thiet-ke-van-ban/thiet-lap-nang-cao/thiet-lap-kha-nang-thiet-lap.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.