đây là một số ví dụ về tầm quan trọng của thẻ <title> trong HTML đối với SEO, cùng với cách bạn có thể sử dụng thẻ này hiệu quả:

1. Mô tả trang chủ của một trang web:

html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Trang Chủ - Website ABC</title> <meta name="description" content="Mô tả chung về nội dung và dịch vụ cung cấp trên trang chủ của Website ABC."> </head> <body> <!-- Nội dung trang chủ --> </body> </html>

Trong ví dụ này, thẻ <title> được sử dụng để mô tả nội dung chính của trang chủ, giúp máy tìm kiếm hiểu được rằng đây là trang chủ của trang web và nội dung chính là gì.

2. Trang chi tiết sản phẩm:

html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Áo Thun Nam Trơn - Màu Xanh Lá Cây - Size M | Cửa Hàng XYZ</title> <meta name="description" content="Mô tả chi tiết về áo thun nam trơn màu xanh lá cây, kích thước M, được cung cấp bởi Cửa Hàng XYZ."> </head> <body> <!-- Nội dung chi tiết sản phẩm --> </body> </html>

Trong trường hợp này, thẻ <title> chứa thông tin chi tiết về sản phẩm, giúp máy tìm kiếm hiểu được nội dung chính của trang là thông tin chi tiết về sản phẩm cụ thể.

3. Trang Blog:

html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>10 Mẹo SEO Hiệu Quả Cho Blogger Mới | Blog ABC</title> <meta name="description" content="Xem 10 mẹo SEO quan trọng mà mọi blogger mới nên biết để tăng cường hiệu suất của trang web họ."> </head> <body> <!-- Nội dung bài viết blog --> </body> </html>

Trong trường hợp này, thẻ <title> chứa tiêu đề của bài viết blog, cung cấp một tóm tắt ngắn gọn về nội dung để thu hút sự chú ý của người tìm kiếm.

4. Trang chủ sitemap:

html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sitemap - Website ABC</title> <meta name="description" content="Sitemap cho trang web ABC, liệt kê tất cả các trang và cấu trúc của trang web."> </head> <body> <!-- Nội dung sitemap --> </body> </html>

Trong trường hợp này, thẻ <title> chứa thông tin về trang là một sitemap, giúp máy tìm kiếm biết đây là một trang quan trọng để định hình cấu trúc của trang web.

Nhớ rằng, ngoài việc sử dụng thẻ <title>, cũng quan trọng để viết mô tả hợp lý trong thẻ <meta name="description"> để tăng cường sự hiểu biết về nội dung của trang cho máy tìm kiếm và người dùng.