Công cụ xem trước SERP — Mô phỏng snippet Google

Viết thẻ title và meta description, rồi xem chính xác Google có thể cắt chúng ở đâu. Độ dài được đo theo pixel chứ không chỉ theo số ký tự, trên cả desktop và mobile.

Cập nhật
0 / 580 px0 ký tự
0 / 920 px0 ký tự
Favicon

Kết quả trên desktop

Giới hạn title ≈ 580 px (Arial 20 px), description ≈ 920 px (Arial 14 px).

Kết quả trên mobile

Title trên mobile xuống thành hai dòng; description bị cắt sớm hơn (≈ 680 px).

Kiểm tra snippet

    Dữ liệu của bạn không bao giờ rời khỏi máy tính. Mọi xử lý diễn ra 100% cục bộ trong trình duyệt của bạn.

    Công cụ này có hữu ích không?0.0 0 lượt đánh giá
    Tạo meta tag SEO, thẻ Open Graph và Twitter cardCanonical, robots, favicon, kèm xem trước Google, Facebook và X theo thời gian thực.Công cụ tạo Meta Tag →

    Cách dùng Xem trước SERP

    1. Nhập hoặc dán thẻ title và meta description. Thanh đo sẽ chuyển sang màu xanh khi nội dung nằm trong giới hạn pixel của Google.
    2. Thêm URL trang và tên website (không bắt buộc). Công cụ sẽ tạo breadcrumb (example.com › blog › post) từ các thông tin này.
    3. Nhập từ khóa tìm kiếm bạn nhắm tới để xem Google sẽ in đậm những từ nào, rồi bật ngày hoặc đánh giá sao để xem chúng chiếm bao nhiêu chỗ.
    4. So sánh bản xem trước trên desktop và mobile, sửa các mục được đánh dấu trong Kiểm tra snippet, sau đó sao chép thẻ HTML hoặc liên kết chia sẻ để gửi cho khách hàng hoặc đồng đội.

    Xem trước SERP là gì?

    Xem trước SERP (trang kết quả công cụ tìm kiếm) cho thấy trang của bạn có khả năng hiển thị như thế nào trong kết quả tìm kiếm Google: favicon và tên website, URL dạng breadcrumb, tiêu đề có thể nhấp và đoạn mô tả màu xám. Nhờ đó, bạn có thể viết và chỉnh sửa <title> và <meta name="description"> trước khi xuất bản, thay vì phát hiện tiêu đề bị cắt cụt trong Search Console vài tuần sau.

    Vì sao pixel quan trọng hơn số ký tự

    Google cắt title và description theo độ rộng hiển thị, không theo số lượng ký tự. Chữ “W” viết hoa rộng gấp khoảng ba lần chữ “i” viết thường, nên một title 60 ký tự viết hoa có thể bị cắt, trong khi title 70 ký tự toàn chữ hẹp vẫn vừa khung. Công cụ này đo văn bản của bạn bằng cùng các font mà Google dùng (Arial 20 px cho title trên desktop, 14 px cho description) thông qua canvas API của trình duyệt, và cắt tại ranh giới từ với dấu ba chấm giống cách Google làm.

    Thành phầnGiới hạn gần đúngTương đương số ký tự
    Title trên desktop~580–600 px50–60 ký tự
    Description trên desktop~920 px150–160 ký tự
    Title trên mobilehai dòngtối đa ~75 ký tự
    Description trên mobile~680 px~120 ký tự

    Các giới hạn này là kết quả quan sát được, không phải quy tắc được công bố. Google thường xuyên điều chỉnh bố cục và có thể viết lại toàn bộ title hoặc snippet nếu cho rằng nội dung khác trên trang khớp với truy vấn hơn.

    Mẹo viết title và description thu hút nhấp chuột

    • Đưa từ khóa lên đầu. Đặt chủ đề người dùng tìm kiếm vào vài từ đầu tiên, để nó không bị cắt mất và dễ được chú ý khi người dùng lướt nhanh.
    • Giữ tên thương hiệu ngắn và đặt ở cuối. Google thường hiển thị tên website riêng phía trên URL, nên “| Tên thương hiệu Inc.” ở cuối mỗi title chủ yếu chỉ làm tốn chỗ.
    • Viết description như một lời hứa. Nêu rõ người đọc sẽ nhận được gì, như giá cả, danh sách kiểm tra hoặc công cụ miễn phí, thay vì lặp lại title. Google in đậm các từ khớp với truy vấn, nên dùng từ khóa một cách tự nhiên sẽ giúp snippet nổi bật hơn.
    • Nhớ rằng ngày tháng và sao chiếm chỗ. Ngày hiển thị (“25 thg 10, 2026 —”) xuất hiện trước description và làm giảm số chữ vừa khung. Đánh giá sao chỉ xuất hiện với các loại schema đủ điều kiện như Product hoặc Recipe. Bạn có thể tạo mã đánh dấu bằng Schema Markup Generator.

    Sử dụng trên website Webflow

    Trong Webflow, title và description nằm ở Page settings › SEO settings. Với các trang mẫu CMS, bạn có thể tạo chúng từ các trường dữ liệu (ví dụ Name | Category). Hãy dán giá trị của một mục điển hình vào đây để kiểm tra xem tên CMS dài có bị cắt hay không. Để xem trang đang hoạt động thực sự xuất ra những gì, hãy dùng Meta Tag Checker. Để viết đầy đủ các thẻ head, hãy dùng Meta Tag Generator.

    Cũng được tìm dưới tên: mô phỏng serp, xem trước snippet google, kiểm tra độ dài title, xem trước meta description, kiểm tra pixel title, mô phỏng kết quả google, serp snippet.

    Các công cụ dùng kèm tốt với Xem trước SERP

    • Kiểm tra Open Graph — Xem trước cách link của bạn sẽ hiển thị khi được chia sẻ trên Facebook, LinkedIn, X và Slack.
    • Kiểm tra SEO & Audit website — Dán một URL để chạy tối đa 70 kiểm tra SEO on-page cùng audit toàn bộ website: tốc độ Lighthouse, header bảo mật & SSL, dữ liệu có cấu trúc, liên kết hỏng, robots.txt & AI crawler, kiểm tra cơ bản về khả năng truy cập, tracking & consent, SPF/DKIM/DMARC và hạn domain.
    • Đếm từ — Dán hoặc gõ văn bản để đếm từ và ký tự theo thời gian thực, kèm thời gian đọc và thời gian nói, mật độ từ khóa và kiểm tra độ dài cho tiêu đề SEO, mô tả meta và bài đăng mạng xã hội.
    • Giải thích robots.txt — Các quy tắc robots.txt ngắn nhưng dễ hiểu sai.

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

    Thẻ title nên dài bao nhiêu?
    Nên dùng khoảng 50–60 ký tự, hoặc chính xác hơn là dưới khoảng 580 pixel trên desktop. Đặt các từ quan trọng nhất ở đầu để không mất thông tin quan trọng nếu Google cắt bớt.
    Meta description nên dài bao nhiêu?
    Khoảng 120–155 ký tự là phù hợp cho cả mobile và desktop. Giới hạn trên desktop khoảng 920 pixel, nhưng mobile cắt description sớm hơn, nên hãy đặt thông điệp chính trong 120 ký tự đầu.
    Vì sao Google hiển thị title hoặc description khác với của tôi?
    Google viết lại title và snippet khi cho rằng chúng mô tả trang chưa tốt, nhồi quá nhiều từ khóa hoặc không khớp với truy vấn. Title mô tả rõ ràng, độc đáo và khớp với H1 ít bị viết lại hơn.
    Bản xem trước này có chính xác với những gì Google sẽ hiển thị không?
    Đây là một ước tính khá sát, dựa trên font của Google và các giới hạn pixel đã quan sát được. Bố cục của Google thay đổi theo thời gian và khác nhau tùy thiết bị, độ rộng trình duyệt và các tính năng hiển thị kết quả, vì vậy hãy xem các thanh đo như hướng dẫn, kèm một khoảng an toàn nhỏ.
    Tôi có thể chia sẻ bản xem trước với khách hàng không?
    Có. Title, description và URL được lưu trong địa chỉ trang, nên “Sao chép liên kết chia sẻ” sẽ tạo ra một URL mở đúng bản xem trước đó. Không có dữ liệu nào được lưu trên máy chủ của chúng tôi.
    Tôi có thể cài Xem trước SERP như một ứng dụng web và dùng khi không có mạng không?
    Có. Xem trước SERP là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.

    Công cụ liên quan