Mobile SEO

User-Agent Detection

Phát hiện loại thiết bị người dùng thông qua chuỗi User-Agent trong header HTTP để phục vụ nội dung phù hợp.

3 lượt xem Cập nhật: 26/05/2026

User-Agent Detection là gì?

User-Agent Detection (phát hiện User-Agent) là quá trình máy chủ đọc và phân tích chuỗi văn bản User-Agent trong phần header của yêu cầu HTTP để xác định loại thiết bị, trình duyệt, hệ điều hành và đôi khi cả phiên bản phần mềm mà người dùng đang sử dụng. Ví dụ: một chuỗi User-Agent từ iPhone có thể chứa các từ khóa như iPhone, iOS, Safari; còn từ Android thường xuất hiện Android, Chrome, Mobile.

Tại sao quan trọng trong SEO?

Trong bối cảnh hơn 60% lượt tìm kiếm Google đến từ thiết bị di động (theo dữ liệu chính thức của Google năm 2023), việc phục vụ đúng nội dung cho từng nhóm thiết bị là yếu tố sống còn với Mobile SEO. User-Agent Detection giúp:

  • Phân biệt giữa trang dành cho điện thoại, máy tính bảng và máy tính để bàn — từ đó gửi HTML, CSS, JS phù hợp;
  • Hỗ trợ triển khai Dynamic Serving — một trong ba phương pháp Google công nhận để tối ưu đa nền tảng (cùng với Responsive Design và Separate URLs);
  • Giảm tải băng thông bằng cách không gửi tài nguyên thừa (ví dụ: không gửi ảnh độ phân giải cao cho thiết bị màn hình nhỏ);
  • Tránh lỗi soft 404 hoặc duplicate content khi cùng một URL trả về nội dung khác nhau nhưng không khai báo rõ ràng qua thẻ rel="alternate" hoặc Vary: User-Agent.

Lưu ý: Google khuyến cáo không nên dùng User-Agent Detection để chặn hoàn toàn bot (như Googlebot) — vì điều này vi phạm nguyên tắc truy cập mở và có thể gây phạt xếp hạng.

Cách hoạt động

Khi người dùng truy cập một trang web, trình duyệt gửi yêu cầu HTTP kèm header chứa trường User-Agent. Máy chủ (hoặc lớp middleware) đọc giá trị này, so sánh với cơ sở dữ liệu mẫu hoặc biểu thức chính quy (regex), rồi quyết định:

  1. Thiết bị là di động, máy tính bảng hay desktop?
  2. Trình duyệt là Safari, Chrome, Samsung Internet…?
  3. Có cần chuyển hướng sang phiên bản mobile (m.example.com) hay chỉ thay đổi layout?

Quá trình này diễn ra trước khi tạo phản hồi — do đó phải nhanh và đáng tin cậy. Một số hệ thống dùng thư viện mã nguồn mở như UAParser hoặc dịch vụ bên thứ ba như DeviceAtlas để tăng độ chính xác.

Hướng dẫn thực hiện

Dưới đây là các bước triển khai User-Agent Detection an toàn và hiệu quả cho Mobile SEO:

  1. Xác định mục tiêu rõ ràng: Chỉ dùng để điều chỉnh trải nghiệm người dùng — không để che giấu nội dung hay phân biệt đối xử với bot.
  2. Chọn phương pháp phù hợp:
    • Nếu dùng PHP: Dùng hàm $_SERVER['HTTP_USER_AGENT'] kết hợp regex hoặc thư viện Mobile_Detect;
    • Nếu dùng Node.js: Dùng gói ua-parser-js hoặc middleware express-useragent;
    • Nếu dùng Nginx/Apache: Có thể cấu hình rewrite rule dựa trên biến $http_user_agent, nhưng cần thận trọng với hiệu năng.
  3. Thêm header Vary: User-Agent vào phản hồi HTTP — bắt buộc nếu cùng URL phục vụ nội dung khác nhau theo thiết bị. Điều này giúp CDN và bộ nhớ đệm hiểu rằng phiên bản cache cần phân biệt theo User-Agent.
  4. Khai báo rõ ràng với Google bằng thẻ <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/page"> hoặc thông qua Sitemap với thẻ <mobile:mobile/> (đã ngừng hỗ trợ từ 2022, nên ưu tiên rel="alternate" hoặc Responsive).
  5. Test kỹ lưỡng bằng công cụ URL Inspection Tool trong Search Console, kiểm tra cả trên desktop và mobile, đồng thời dùng chế độ “Request desktop site” để xác minh không có chuyển hướng vòng lặp.

Lỗi thường gặp

Dưới đây là những sai lầm phổ biến và cách khắc phục:

Lỗi Hệ quả Cách khắc phục
Không gửi header Vary: User-Agent Googlebot có thể lưu cache phiên bản desktop cho tất cả người dùng → người dùng mobile thấy giao diện sai Thêm dòng Header append Vary User-Agent (Apache) hoặc add_header Vary "User-Agent"; (Nginx)
Dùng User-Agent để chặn Googlebot Rủi ro bị coi là cloaking → phạt xếp hạng nặng Luôn cho phép Googlebot truy cập đầy đủ; dùng robots.txt hoặc noindex nếu cần ẩn nội dung
Regex quá đơn giản (chỉ kiểm tra “iPhone”) Bỏ sót thiết bị mới (ví dụ: iPadOS 17 báo là “Macintosh” trong một số trường hợp) Dùng thư viện chuyên biệt như UAParser hoặc cập nhật danh sách mẫu thường xuyên

Ví dụ thực tế

Một trang tin tức Việt Nam (baovn.vn) áp dụng Dynamic Serving:

  • Khi User-Agent chứa Mobile, Android hoặc iPhone → trả về HTML rút gọn, ảnh tối ưu kích thước, không load widget quảng cáo nặng.
  • Khi User-Agent chứa , và không có → trả về phiên bản đầy đủ với sidebar, video tự động phát, menu đa cấp.
  • Header phản hồi luôn có Vary: User-Agent.
  • Trên mỗi trang đều có thẻ:
    <link rel="canonical" href="https://baovn.vn/bai-viet-1"> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.baovn.vn/bai-viet-1">

Kết quả: Tỷ lệ thoát trên mobile giảm 22%, thời gian tải trung bình giảm từ 4.1s xuống còn 1.8s (theo báo cáo Lighthouse tháng 6/2024).

Câu hỏi thường gặp

User-Agent Detection có còn hiệu lực với iOS 17+ và iPadOS?

Có, nhưng cần cập nhật thư viện xử lý. Từ iOS 17, Safari trên iPad đôi khi gửi User-Agent giống macOS để tăng khả năng tương thích — do đó không thể chỉ dựa vào “iPad”. Giải pháp là kết hợp kiểm tra cả và trong JavaScript phía client, hoặc dùng thư viện hỗ trợ phát hiện thiết bị thực (device detection), không chỉ dựa vào chuỗi User-Agent.

Có nên dùng User-Agent Detection thay cho Responsive Design?

Không nên — trừ khi có yêu cầu nghiệp vụ đặc biệt (ví dụ: ứng dụng thương mại điện tử cần tối ưu riêng cho Android WebView). Responsive Design vẫn là phương pháp được Google ưu tiên hàng đầu vì đơn giản, dễ bảo trì và không phụ thuộc vào việc phân tích chuỗi văn bản dễ thay đổi. User-Agent Detection chỉ nên dùng khi Responsive không khả thi.

Googlebot có gửi User-Agent riêng không?

Có. Googlebot Desktop gửi chuỗi bắt đầu bằng Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5X Build/MMB29P) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/... (tùy trường hợp), còn Googlebot Smartphone dùng User-Agent mô phỏng thiết bị Android hiện đại. Bạn có thể kiểm tra chính xác tại tài liệu chính thức của Google.